/* Testimonial Slider styles */

.testimonial-slider-wrapper {
  border-top: 1px solid var(--wp--preset--color--border-03);
  overflow: clip;
}

.testimonial-slider {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;

  .bg-element {
    position: absolute;
    z-index: -1;
    top: -5rem; left: -2.5rem;
  }

  .slider {
    position: relative;
    padding-inline: 0 10%;

    .slick-autoplay-toggle-button {
      display: none;
      visibility: hidden;
    }

    .slick-track {
      display: flex !important;
    }

    .slick-slide {
      height: inherit !important; 
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .slick-dots {
      position: absolute;
      top: 50%; right: 0;
      transform: translateY(-50%);
      list-style-type: none;
      margin: 0; padding: 0;
    }
  }

  .slide {
    blockquote {
      display: flex;
      flex-direction: column;
      gap: 1rem;

      p {
        line-height: 1.8;
      }

      cite {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        font-style: normal;
        font-weight: 700;

        .rating {
          display: flex;
          align-items: center;
          gap: .5rem;
        }
      }
    }
  }

  .content {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
  }

  @media (min-width: 40rem) {
    gap: 4rem;
  }

  @media (min-width: 50rem) {
    .bg-element {
      top: -9rem; left: -3.75rem;
    }
  }

  @media (min-width: 100rem) {
    .bg-element {
      left: -3rem;
      translate: -100% 0;
    }
  }
}