.khh-testimonials {

    --khh-brand: #6db5aa;

    --khh-brand-soft: #b6dad4;

    --khh-brand-wash: #edf6f6;

    --khh-heading: #3a4135;

    --khh-body: #5d6475;

    --khh-line: #e7e9ef;

    --khh-white: #ffffff;

    --khh-shadow: 0 2px 11px rgba(109, 181, 170, 0.14);



    font-family: "Outfit", sans-serif;

    padding: 72px 18px 48px;

    background: #ffffff;

    color: var(--khh-body);

  }



  .khh-testimonials * {

    box-sizing: border-box;

  }

  

  article.khh-review {

    margin: 20px;

    background: white;

}



  .khh-testimonials__inner {

    max-width: 1180px;

    margin: 0 auto;

  }



  .khh-testimonials__header {

    text-align: center;

    margin-bottom: 36px;

  }



  .khh-testimonials__eyebrow {

    display: block;

    margin-bottom: 10px;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 0.12em;

    text-transform: uppercase;

    color: var(--khh-heading);

  }



  .khh-testimonials h2 {

    margin: 0;

    color: var(--khh-heading);

    font-size: 34px;

    line-height: 1.2;

    font-weight: 500;

  }



  .khh-testimonials__viewport {

    overflow: hidden;

  }



  .khh-testimonials__track {

    display: flex;

    transition: transform 450ms ease;

    will-change: transform;

  }



  .khh-testimonials__slide {

    min-width: 100%;

    display: grid;

    grid-template-columns: 1.12fr 0.83fr;

    gap: 22px;

  }



  .khh-testimonials__stack {

    display: grid;

    gap: 22px;

  }



  .khh-review {

    position: relative;

    min-height: 214px;

    padding: 30px;

    border: 1px solid rgba(109, 181, 170, 0.22);

    border-radius: 8px;

    background: var(--khh-white);

    box-shadow: var(--khh-shadow);

  }



  .khh-review--feature {

    min-height: 378px;

    background: var(--khh-brand-wash);

    padding: 44px;

  }



  .khh-review::after {

    content: "“";

    position: absolute;

    top: 18px;

    right: 28px;

    color: rgba(109, 181, 170, 0.18);

    font-size: 78px;

    line-height: 1;

    font-weight: 700;

  }



  .khh-review__stars {

    margin-bottom: 14px;

    color: #f2ae43;

    font-size: 15px;

    letter-spacing: 0.12em;

  }



  .khh-review__quote {

    position: relative;

    z-index: 1;

    margin: 0 0 28px;

    padding-left: 18px;

    border-left: 5px solid var(--khh-brand);

    color: #25302e;

    font-size: 17px;

    line-height: 1.65;

    font-weight: 400;

  }



  .khh-review--feature .khh-review__quote {

    max-width: 560px;

    font-size: 24px;

    line-height: 1.45;

    font-weight: 500;

  }



  .khh-review__guest {

    position: absolute;

    left: 30px;

    bottom: 28px;

    display: flex;

    align-items: center;

    gap: 12px;

    color: var(--khh-heading);

  }



  .khh-review--feature .khh-review__guest {

    left: 44px;

    bottom: 40px;

  }



  .khh-review__avatar {

    display: inline-grid;

    width: 46px;

    height: 46px;

    place-items: center;

    border: none;

    border-radius: 50%;

    background: #e2b6b0;

    color: #fff;

    font-weight: 600;

}



  .khh-review__guest strong,

  .khh-review__guest small {

    display: block;

  }



  .khh-review__guest strong {

    font-size: 15px;

    font-weight: 600;

  }



  .khh-review__guest small {

    margin-top: 2px;

    color: var(--khh-body);

    font-size: 13px;

  }



  .khh-testimonials__controls {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    margin-top: 26px;

  }



  .khh-testimonials__button {

    width: 40px;

    height: 40px;

    border: 1px solid rgba(109, 181, 170, 0.35);

    border-radius: 50%;

    background: #ffffff;

    color: var(--khh-brand);

    font-size: 28px;

    line-height: 1;

    cursor: pointer;

    transition: 180ms ease;

  }



  .khh-testimonials__button:hover,

  .khh-testimonials__button:focus {

    background: var(--khh-brand);

    color: #ffffff;

    outline: none;

  }



  .khh-testimonials__dots {

    display: flex;

    gap: 8px;

  }



  .khh-testimonials__dot {

    width: 9px;

    height: 9px;

    border: 0;

    border-radius: 999px;

    background: var(--khh-brand-soft);

    cursor: pointer;

    opacity: 0.55;

    padding: 0;

  }



  .khh-testimonials__dot.is-active {

    width: 28px;

    background: var(--khh-brand);

    opacity: 1;

  }



  .khh-testimonials__trust {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    gap: 32px;

    margin-top: 28px;

    padding-top: 22px;

    border-top: 1px solid var(--khh-line);

    color: var(--khh-heading);

    font-size: 14px;

  }



  .khh-testimonials__trust span {

    color: var(--khh-brand);

  }



  .khh-testimonials__trust strong {

    margin-left: 8px;

    color: var(--khh-heading);

    font-weight: 500;

  }



  @media (max-width: 900px) {

    .khh-testimonials {

      padding: 54px 16px 38px;

    }



    .khh-testimonials h2 {

      font-size: 28px;

    }



    .khh-testimonials__slide {

      grid-template-columns: 1fr;

    }



    .khh-review,

    .khh-review--feature {

      min-height: 0;

      padding: 28px;

    }



    .khh-review__guest,

    .khh-review--feature .khh-review__guest {

      position: static;

      margin-top: 22px;

    }



    .khh-review--feature .khh-review__quote {

      font-size: 21px;

    }

  }



  @media (max-width: 560px) {

    .khh-testimonials__header {

      margin-bottom: 24px;

    }



    .khh-testimonials h2 {

      font-size: 25px;

    }



    .khh-review,

    .khh-review--feature {

      padding: 24px 20px;

    }



    .khh-review__quote,

    .khh-review--feature .khh-review__quote {

      font-size: 17px;

      line-height: 1.55;

    }



    .khh-testimonials__trust {

      gap: 14px;

      align-items: flex-start;

      flex-direction: column;

    }

  }


/* Keep the author below the full quote, including on wide screens. */
.page-id-47975 .khh-review__guest { position: static; margin: 0; }
.page-id-47975 .khh-review__quote { margin-bottom: 20px; }