.dtc-carousel{
  --dtc-border:#e2e4e1;
  --dtc-text:#424342;
  --dtc-muted:#6d716e;
  width:100%;
  position:relative;
  box-sizing:border-box;
}
.dtc-carousel,.dtc-carousel *{box-sizing:border-box}
.dtc-viewport{width:100%;overflow:hidden}
.dtc-track{
  display:flex;
  gap:var(--dtc-gap);
  will-change:transform;
  transition:transform 650ms cubic-bezier(.22,.61,.36,1);
  align-items:stretch;
}
.dtc-card{
  flex:0 0 calc((100% - (var(--dtc-desktop) - 1) * var(--dtc-gap)) / var(--dtc-desktop));
  min-width:0;
  background:#fff;
  border:1px solid var(--dtc-border);
  border-radius:30px;
  padding:42px 42px 40px;
  box-shadow:0 2px 4px rgba(30,40,36,.08);
  display:flex;
  flex-direction:column;
  color:var(--dtc-text);
}
.dtc-quote{
font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: -.45px;
}
.dtc-divider{
  height:1px;
  background:#e1e3e0;
  width:100%;
  margin:40px 0 29px;
}
.dtc-person{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:0px;
}
.dtc-avatar{
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid #a9d0c8;
  background:#f2f5f3;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#167366;
  font-size:14px;
  font-weight:600;
}
.dtc-name{
  font-size:16px;
  line-height:1.25;
  font-weight:600;
  color:#303332;
}
.dtc-role{
  margin-top:7px;
  font-size:14px;
  line-height:1.3;
  color:#686d6a;
}
.dtc-admin-notice{
  padding:14px 16px;
  border:1px solid #e4b7b7;
  background:#fff7f7;
  color:#7c2525;
  border-radius:6px;
}
@media (max-width:1024px){
  .dtc-card{
    flex-basis:calc((100% - (var(--dtc-tablet) - 1) * var(--dtc-gap)) / var(--dtc-tablet));
    padding:34px 32px;
  }
  .dtc-quote{font-size:23px}
}
@media (max-width:767px){
  .dtc-card{
    flex-basis:calc((100% - (var(--dtc-mobile) - 1) * var(--dtc-gap)) / var(--dtc-mobile));
    padding:30px 25px;
    border-radius:24px;
  }
  .dtc-quote{font-size:20px;line-height:1.38}
  .dtc-divider{margin:30px 0 22px}
  .dtc-name{font-size:14px}
  .dtc-role{font-size:12px}
  .dtc-avatar{width:42px;height:42px;flex-basis:42px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .dtc-track{transition:none!important}
}

.dtc-carousel{cursor:grab;user-select:none;-webkit-user-select:none}
.dtc-carousel.dtc-dragging{cursor:grabbing}
.dtc-carousel.dtc-dragging .dtc-card{pointer-events:none}