/** Shopify CDN: Minification failed

Line 161:14 Expected identifier but found whitespace
Line 162:31 Unexpected "{"
Line 162:40 Expected ":"
Line 163:6 Expected identifier but found "0.55s"
Line 428:19 Expected identifier but found whitespace
Line 429:33 Unexpected "{"
Line 429:42 Expected ":"
Line 567:40 Expected percentage but found "{"
Line 567:56 Unexpected "{"
Line 1056:38 Expected percentage but found "{"
... and 1 more hidden warnings

**/
/* ============================================================
     BASE
     ============================================================ */

  .testimonials-section {
    width: 100%;

    background: var(--testimonial-background);

    color: var(--testimonial-text);

    padding-top: var(--testimonial-top-padding);
    padding-bottom: var(--testimonial-bottom-padding);

    overflow: hidden;
  }


  .testimonials-section *,
  .testimonials-section *::before,
  .testimonials-section *::after {
    box-sizing: border-box;
  }


  /* ============================================================
     MAIN CONTAINER
     ============================================================ */

  .testimonials-section .testimonials-container {
    width: 100%;

    max-width: 1500px;

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: grid;

    grid-template-columns:
      minmax(260px, 0.9fr)
      minmax(380px, 1fr)
      minmax(320px, 0.9fr);

    gap: 40px;

    align-items: center;
  }


  /* ============================================================
     LEFT STATIC CONTENT
     ============================================================ */

  .testimonials-section .testimonials-intro {
    max-width: 480px;
  }


  .testimonials-section .testimonials-title {
    margin: 0;

    color: var(--testimonial-text);

    font-family:
      Arial,
      Helvetica,
      sans-serif;

    font-size: clamp(38px, 4vw, 62px);

    font-weight: 500;

    line-height: 1.08;

    letter-spacing: -0.04em;
  }


  .testimonials-section .testimonials-description {
    max-width: 470px;

    margin-top: 30px;

    font-family:
      Arial,
      Helvetica,
      sans-serif;

    font-size: 18px;

    line-height: 1.5;

    font-weight: 400;

    color: var(--testimonial-text);
  }


  .testimonials-section .testimonials-description p {
    margin: 0 0 12px;
  }


  .testimonials-section .testimonials-description p:last-child {
    margin-bottom: 0;
  }


  /* ============================================================
     MIDDLE FEATURED SLIDER
     ============================================================ */

  .testimonials-section .testimonials-featured-slider {
    position: relative;

    width: 100%;

    min-width: 0;
  }


  .testimonials-section .testimonials-featured-track {
    position: relative;

    width: 100%;

    overflow: hidden;

    border-radius: var(--testimonial-radius);
  }


  .testimonials-section .testimonial-featured-card {
    width: 100%;

    display: none;
  }


  .testimonials-section .testimonial-featured-card.is-active {
    display: block;

    animation:
      testimonialFeaturedFade-{{ section.id }}
      0.55s ease both;
  }


  .testimonials-section .testimonial-featured-media {
    position: relative;

    width: 100%;

    aspect-ratio: 0.82;

    overflow: hidden;

    border-radius: var(--testimonial-radius);

    background: #eeeeee;
  }


  .testimonials-section .testimonial-featured-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
  }


  .testimonials-section .testimonial-featured-placeholder {
    width: 100%;
    height: 100%;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #eeeeee;
  }


  .testimonials-section .testimonial-featured-placeholder svg {
    width: 50%;
    height: 50%;
  }


  /* ============================================================
     MIDDLE IMAGE OVERLAY
     ============================================================ */

  .testimonials-section .testimonial-featured-overlay {
    position: absolute;

    inset: 0;

    background:
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.2) 55%,
        rgba(0, 0, 0, 0.88) 100%
      );
  }


  /* ============================================================
     MIDDLE CONTENT
     ============================================================ */

  .testimonials-section .testimonial-featured-content {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    padding: 34px 34px 30px;

    color: #ffffff;
  }


  .testimonials-section .testimonial-featured-description {
    max-width: 430px;

    font-family:
      Arial,
      Helvetica,
      sans-serif;

    font-size: 20px;

    line-height: 1.35;

    font-weight: 500;

    letter-spacing: -0.01em;
  }


  .testimonials-section .testimonial-featured-description p {
    margin: 0;
  }


  .testimonials-section .testimonial-featured-author {
    display: flex;

    align-items: baseline;

    flex-wrap: wrap;

    gap: 8px 14px;

    margin-top: 25px;
  }


  .testimonials-section .testimonial-featured-name {
    font-family:
      Arial,
      Helvetica,
      sans-serif;

    font-size: 16px;

    line-height: 1.2;

    font-weight: 700;
  }


  .testimonials-section .testimonial-featured-bottom-text {
    font-family:
      Arial,
      Helvetica,
      sans-serif;

    font-size: 14px;

    line-height: 1.3;

    font-weight: 400;

    opacity: 0.9;
  }


  /* ============================================================
     MIDDLE ARROWS
     ============================================================ */

  .testimonials-section .testimonial-arrow {
    position: absolute;

    top: 50%;

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.94);

    color: #111111;

    cursor: pointer;

    transform: translateY(-50%);

    z-index: 5;

    font-size: 30px;

    line-height: 1;

    transition:
      transform 0.2s ease,
      background 0.2s ease;
  }


  .testimonials-section .testimonial-arrow:hover {
    background: #ffffff;

    transform:
      translateY(-50%)
      scale(1.05);
  }


  .testimonials-section .testimonial-arrow-prev {
    left: 14px;
  }


  .testimonials-section .testimonial-arrow-next {
    right: 14px;
  }


  /* ============================================================
     RIGHT CONTINUOUS VERTICAL SLIDER
     ============================================================ */

  .testimonials-section .testimonials-side-slider {
    position: relative;

    width: 100%;

    min-width: 0;

    height: 620px;

    overflow: hidden;

    mask-image:
      linear-gradient(
        to bottom,
        transparent 0%,
        #000 8%,
        #000 92%,
        transparent 100%
      );

    -webkit-mask-image:
      linear-gradient(
        to bottom,
        transparent 0%,
        #000 8%,
        #000 92%,
        transparent 100%
      );
  }


  /* ============================================================
     RIGHT TRACK
     ============================================================ */

  .testimonials-section .testimonials-side-track {
    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 24px;

    will-change: transform;
  }


  .testimonials-section .testimonials-side-track.is-scrolling {
    animation-name:
      testimonialVerticalScroll-{{ section.id }};

    animation-timing-function: linear;

    animation-iteration-count: infinite;
  }


  /* ============================================================
     RIGHT CARD
     ============================================================ */

  .testimonials-section .testimonial-side-card {
    flex: 0 0 auto;

    width: 100%;

    padding: 28px;

    border-radius: var(--testimonial-radius);

    background: #ffffff;

    box-shadow:
      0 8px 30px rgba(0, 0, 0, 0.06);
  }


  /* ============================================================
     RIGHT DESCRIPTION
     ============================================================ */

  .testimonials-section .testimonial-side-description {
    font-family:
      Arial,
      Helvetica,
      sans-serif;

    font-size: 17px;

    line-height: 1.45;

    font-weight: 400;

    color: #222222;
  }


  .testimonials-section .testimonial-side-description p {
    margin: 0;
  }


  /* ============================================================
     RIGHT STARS
     ============================================================ */

  .testimonials-section .testimonial-side-stars {
    display: flex;

    align-items: center;

    gap: 3px;

    margin-top: 24px;
  }


  .testimonials-section .testimonial-star {
    font-size: 21px;

    line-height: 1;
  }


  .testimonials-section .testimonial-star-filled {
    color: var(--testimonial-accent);
  }


  .testimonials-section .testimonial-star-empty {
    color: #d7d7d7;
  }


  /* ============================================================
     RIGHT FOOTER
     ============================================================ */

  .testimonials-section .testimonial-side-footer {
    margin-top: 25px;

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 20px;
  }


  .testimonials-section .testimonial-side-name {
    font-family:
      Arial,
      Helvetica,
      sans-serif;

    font-size: 16px;

    line-height: 1.25;

    font-weight: 700;

    color: #151515;
  }


  .testimonials-section .testimonial-side-city {
    margin-top: 5px;

    font-family:
      Arial,
      Helvetica,
      sans-serif;

    font-size: 14px;

    line-height: 1.3;

    color: #777777;
  }


  /* ============================================================
     CONTINUOUS ANIMATION
     ============================================================ */

  @keyframes testimonialVerticalScroll-{{ section.id }} {

    from {
      transform:
        translate3d(0, 0, 0);
    }

    to {
      transform:
        translate3d(
          0,
          var(--testimonial-scroll-distance),
          0
        );
    }

  }


  /* ============================================================
     PAUSE ON HOVER
     ============================================================ */

  .testimonials-section
  .testimonials-side-slider:hover
  .testimonials-side-track.is-scrolling {

    animation-play-state: paused;

  }


  /* ============================================================
     TABLET
     ============================================================ */

  @media screen and (max-width: 1200px) {

    .testimonials-section .testimonials-container {

      grid-template-columns:
        minmax(220px, 0.8fr)
        minmax(320px, 1fr)
        minmax(280px, 0.85fr);

      gap: 25px;

      padding-left: 25px;
      padding-right: 25px;

    }


    .testimonials-section .testimonials-title {
      font-size: 44px;
    }


    .testimonials-section .testimonials-description {

      margin-top: 22px;

      font-size: 16px;

    }


    .testimonials-section
    .testimonial-featured-content {

      padding: 25px;

    }


    .testimonials-section
    .testimonial-featured-description {

      font-size: 17px;

    }


    .testimonials-section
    .testimonial-side-card {

      padding: 22px;

    }


    .testimonials-section
    .testimonials-side-slider {

      height: 540px;

    }

  }


  /* ============================================================
     TABLET
     ============================================================ */

  @media screen and (max-width: 900px) {

    .testimonials-section .testimonials-container {

      grid-template-columns:
        0.8fr
        1fr;

      gap: 30px;

    }


    .testimonials-section .testimonials-intro {

      grid-column: 1 / -1;

      max-width: 650px;

      text-align: center;

      margin: 0 auto;

    }


    .testimonials-section .testimonials-description {

      margin-left: auto;
      margin-right: auto;

    }


    .testimonials-section
    .testimonials-featured-slider {

      grid-column: 1;

    }


    .testimonials-section
    .testimonials-side-slider {

      grid-column: 2;

      height: 500px;

    }

  }


  /* ============================================================
     MOBILE
     ============================================================ */

  @media screen and (max-width: 749px) {

    .testimonials-section {

      padding-top: 45px;
      padding-bottom: 45px;

    }


    .testimonials-section .testimonials-container {

      display: flex;

      flex-direction: column;

      gap: 30px;

      padding-left: 18px;
      padding-right: 18px;

    }


    /* ----------------------------------------------------------
       INTRO
       ---------------------------------------------------------- */

    .testimonials-section .testimonials-intro {

      width: 100%;

      max-width: none;

      margin: 0;

      text-align: left;

    }


    .testimonials-section .testimonials-title {

      font-size: 38px;

      line-height: 1.08;

    }


    .testimonials-section .testimonials-description {

      max-width: none;

      margin-top: 18px;

      font-size: 15px;

      line-height: 1.45;

    }


    /* ----------------------------------------------------------
       MIDDLE
       ---------------------------------------------------------- */

    .testimonials-section
    .testimonials-featured-slider {

      width: 100%;

    }


    .testimonials-section
    .testimonial-featured-media {

      aspect-ratio: 0.82;

      border-radius: 18px;

    }


    .testimonials-section
    .testimonial-featured-content {

      padding:
        25px
        22px
        22px;

    }


    .testimonials-section
    .testimonial-featured-description {

      font-size: 17px;

      line-height: 1.35;

    }


    .testimonials-section
    .testimonial-featured-author {

      margin-top: 18px;

      gap: 7px 12px;

    }


    .testimonials-section
    .testimonial-featured-name {

      font-size: 15px;

    }


    .testimonials-section
    .testimonial-featured-bottom-text {

      font-size: 13px;

    }


    /* ----------------------------------------------------------
       MIDDLE ARROWS
       ---------------------------------------------------------- */

    .testimonials-section
    .testimonial-arrow {

      width: 36px;
      height: 36px;

      font-size: 25px;

    }


    .testimonials-section
    .testimonial-arrow-prev {

      left: 10px;

    }


    .testimonials-section
    .testimonial-arrow-next {

      right: 10px;

    }


    /* ----------------------------------------------------------
       RIGHT VERTICAL SCROLLER
       ---------------------------------------------------------- */

    .testimonials-section
    .testimonials-side-slider {

      width: 100%;

      height: 420px;

    }


    .testimonials-section
    .testimonials-side-track {

      gap: 15px;

    }


    .testimonials-section
    .testimonial-side-card {

      padding: 22px;

      border-radius: 16px;

    }


    .testimonials-section
    .testimonial-side-description {

      font-size: 15px;

      line-height: 1.45;

    }


    .testimonials-section
    .testimonial-side-stars {

      margin-top: 18px;

    }


    .testimonials-section
    .testimonial-star {

      font-size: 19px;

    }


    .testimonials-section
    .testimonial-side-footer {

      margin-top: 20px;

    }


    .testimonials-section
    .testimonial-side-name {

      font-size: 15px;

    }


    .testimonials-section
    .testimonial-side-city {

      font-size: 13px;

    }

  }


  /* ============================================================
     SMALL MOBILE
     ============================================================ */

  @media screen and (max-width: 390px) {

    .testimonials-section {

      padding-top: 35px;
      padding-bottom: 35px;

    }


    .testimonials-section
    .testimonials-container {

      gap: 25px;

      padding-left: 15px;
      padding-right: 15px;

    }


    .testimonials-section
    .testimonials-title {

      font-size: 34px;

    }


    .testimonials-section
    .testimonial-featured-description {

      font-size: 16px;

    }


    .testimonials-section
    .testimonial-featured-content {

      padding: 20px;

    }

  }


  /* ============================================================
     REDUCED MOTION
     ============================================================ */

  @media (prefers-reduced-motion: reduce) {

    .testimonials-section
    .testimonials-side-track.is-scrolling {

      animation: none;

    }


    .testimonials-section
    .testimonial-featured-card.is-active {

      animation: none;

    }

  }


  /* ============================================================
     MIDDLE FADE ANIMATION
     ============================================================ */

  @keyframes testimonialFeaturedFade-{{ section.id }} {

    from {

      opacity: 0;

      transform:
        translateX(18px);

    }

    to {

      opacity: 1;

      transform:
        translateX(0);

    }

  }