/* ==========================================================
       SOFTER CAROUSEL CONTROLS
       ========================================================== */

    .dc-carousel-controls {
      gap: 6px;
    }

    .dc-carousel-arrow {
      width: 34px;
      height: 34px;
      border: 1px solid rgba(16,16,18,.10);
      background: rgba(255,255,255,.82);
      color: #53565c;
      box-shadow: 0 2px 8px rgba(16,16,18,.035);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transition:
        transform .28s cubic-bezier(.2,.75,.25,1),
        background .28s ease,
        border-color .28s ease,
        color .28s ease,
        box-shadow .28s ease;
    }

    .dc-carousel-arrow svg {
      width: 16px;
      height: 16px;
      stroke-width: 1.8;
    }

    .dc-carousel-arrow:hover:not(:disabled),
    .dc-carousel-arrow:focus-visible:not(:disabled) {
      transform: translateY(-1px);
      color: #00A2A7;
      border-color: rgba(0,162,167,.28);
      background: rgba(0,162,167,.055);
      box-shadow: 0 5px 14px rgba(0,162,167,.08);
    }

    .dc-testimonial-carousel .dc-carousel-arrow:hover:not(:disabled),
    .dc-testimonial-carousel .dc-carousel-arrow:focus-visible:not(:disabled) {
      color: #ED3239;
      border-color: rgba(237,50,57,.24);
      background: rgba(237,50,57,.045);
      box-shadow: 0 5px 14px rgba(237,50,57,.07);
    }

    .dc-carousel-arrow:active:not(:disabled) {
      transform: scale(.96);
    }

    .dc-carousel-footer {
      min-height: 22px;
      margin-top: 11px;
    }

    .dc-carousel-dots {
      gap: 6px;
    }

    .dc-carousel-dot {
      width: 6px;
      height: 6px;
      background: #dfe2e5;
      opacity: .9;
      box-shadow: none;
      transition:
        width .3s cubic-bezier(.2,.75,.25,1),
        background .3s ease,
        opacity .3s ease,
        transform .3s ease;
    }

    .dc-carousel-dot:hover {
      transform: none;
      opacity: 1;
      background: #c8cdd1;
    }

    .dc-carousel-dot.is-active {
      width: 18px;
      background: rgba(0,162,167,.82);
      opacity: 1;
    }

    .dc-testimonial-dots .dc-carousel-dot.is-active {
      background: rgba(237,50,57,.80);
    }

    .dc-carousel-status {
      color: #b0b2b7;
      font-size: .63rem;
      letter-spacing: .02em;
    }

    /* Give the controls a little more breathing room */
    .dc-carousel-head {
      margin-bottom: 16px;
    }

    .dc-carousel-head p {
      color: #85878d;
    }

    @media (max-width: 640px) {
      .dc-carousel-arrow {
        width: 32px;
        height: 32px;
      }

      .dc-carousel-arrow svg {
        width: 15px;
        height: 15px;
      }

      .dc-carousel-dot {
        width: 5px;
        height: 5px;
      }

      .dc-carousel-dot.is-active {
        width: 16px;
      }

      .dc-carousel-footer {
        margin-top: 9px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .dc-carousel-arrow,
      .dc-carousel-dot {
        transition: none !important;
      }
    }