.zk-testimonials {
  margin: 50px auto;
  color: var(--white); }
  @media (max-width: 992px) {
    .zk-testimonials {
      margin: 25px 0; } }
  .zk-testimonials__title {
    font-size: var(--typo-title);
    line-height: var(--lh-title);
    font-weight: var(--fw-title);
    letter-spacing: var(--ls-title);
    /* Mobile styles (under 992px) */
    text-align: center;
    margin-bottom: 50px; }
    @media (max-width: 992px) {
      .zk-testimonials__title {
        font-size: var(--typo-title-m); } }
    @media (max-width: 992px) {
      .zk-testimonials__title {
        margin-bottom: 25px; } }
  .zk-testimonials__track {
    padding-bottom: 20px;
    transition: transform 0.3s ease; }
    [dir="rtl"] .zk-testimonials__track {
      flex-direction: row-reverse; }
  .zk-testimonials__card {
    padding: 20px;
    position: relative; }
  .zk-testimonials__head {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
    justify-content: space-between; }
    .zk-testimonials__head .zk-testimonials__avatar {
      width: 75px;
      height: 75px;
      border-radius: 50%;
      object-fit: cover; }
    .zk-testimonials__head .zk-testimonials__logo-side {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 4px;
      /* control visibility of logos based on theme */ }
      .zk-testimonials__head .zk-testimonials__logo-side img {
        height: 75px;
        width: 75px;
        object-fit: contain;
        transition: opacity 0.3s ease; }
      .zk-testimonials__head .zk-testimonials__logo-side .zk-testimonials__logo-dark {
        display: none; }
      [data-theme="dark"] .zk-testimonials__head .zk-testimonials__logo-side .zk-testimonials__logo-light {
        display: none; }
      [data-theme="dark"] .zk-testimonials__head .zk-testimonials__logo-side .zk-testimonials__logo-dark {
        display: block; }
    .zk-testimonials__head .zk-testimonials__quote {
      height: 65px;
      width: 65px;
      background-image: url(../../assets/images/icons/quote.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat; }
  .zk-testimonials__stars {
    margin: 10px 0;
    display: flex;
    justify-content: space-between; }
    .zk-testimonials__stars .zk-testimonials__name {
      font-size: var(--typo-subhead);
      line-height: var(--lh-subhead);
      font-weight: var(--fw-subhead);
      letter-spacing: var(--ls-subhead);
      /* Mobile styles (under 992px) */
      color: var(--primary); }
      @media (max-width: 992px) {
        .zk-testimonials__stars .zk-testimonials__name {
          font-size: var(--typo-subhead-m); } }
    .zk-testimonials__stars span {
      color: var(--white);
      font-size: 24px; }
      .zk-testimonials__stars span.filled {
        color: var(--primary); }
  .zk-testimonials__text {
    font-size: var(--typo-text);
    line-height: var(--lh-text);
    font-weight: var(--fw-text);
    letter-spacing: var(--ls-text);
    /* Mobile styles (under 992px) */
    color: var(--white);
    max-height: 150px;
    overflow-y: auto; }
    @media (max-width: 992px) {
      .zk-testimonials__text {
        font-size: var(--typo-text-m); } }
  .zk-testimonials__dots {
    text-align: center;
    margin-top: 15px; }
    .zk-testimonials__dots button {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #444;
      border: none;
      margin: 0 5px;
      cursor: pointer; }
      .zk-testimonials__dots button.active {
        background-color: orange; }
  .zk-testimonials__subtitle {
    font-style: italic;
    font-size: 0.9rem;
    color: rgba(var(--white), 0.8);
    margin-top: 2px;
    display: block; }
  .zk-testimonials .slider-controls {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 1.5rem;
    padding: 0 30px; }
    [dir="rtl"] .zk-testimonials .slider-controls {
      flex-direction: row-reverse;
      justify-content: flex-start; }
    .zk-testimonials .slider-controls button {
      height: 56px;
      width: 96px;
      border-radius: 30px;
      cursor: pointer;
      position: relative;
      justify-items: center; }
      .zk-testimonials .slider-controls button:after {
        content: '';
        width: 37px;
        height: 38px;
        background-repeat: no-repeat;
        display: block;
        place-items: center;
        filter: var(--invert0); }
      @media (max-width: 992px) {
        .zk-testimonials .slider-controls button {
          height: 34px;
          width: 64px; }
          .zk-testimonials .slider-controls button:after {
            width: 24px;
            height: 24px;
            background-size: contain;
            background-position: center; } }
      .zk-testimonials .slider-controls button:before {
        border-radius: 30px; }
      .zk-testimonials .slider-controls button:hover {
        background-color: var(--primary);
        color: var(--neutral-black); }
      .zk-testimonials .slider-controls button.controls-next:after {
        background-image: url(../../assets/images/icons/right-arrow-normal.svg); }
      .zk-testimonials .slider-controls button.controls-prev:after {
        background-image: url(../../assets/images/icons/left-arrow-normal.svg); }