.tesimonial-main-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 30px;
  background-image: url("/cdn/shop/files/shrishti-USA-ourteam-backdrop2.png?v=1703227295");
  background-size: 500px, 100% 750px;
  background-repeat: no-repeat;
  background-position: top center;

  .testimonial-heading {
    font-family: Voguella;
    background-image: linear-gradient(
      to right,
      #9a5916 5.5%,
      #e4b04d 51%,
      #fff1a7 54%,
      #e7b14f 60%,
      #ae6f27 94%,
      #f8c65d 100%
    );
    -webkit-background-clip: text;
    color: transparent;
    text-align: center;
  }

  .testimonial-responsive {
    width: 90%;
    margin-top: 25px;

    .testimonial-container {
      border-radius: 5px;
      border: 2.5px solid #f2cd6b;
      margin-left: 5px;
      max-width: 700px;
      display: flex;
      /* align-items: center; */
      background-color: #171314;
      background-image: url("/cdn/shop/files/Shrishti-USA-Bharatanatyam-Testimonial-Image.png?v=1703741379");
      background-repeat: no-repeat;
      background-size: 218px 140px;
      background-position: bottom right;
      min-height: 380px;

      .testimonial-image-container {
        display: flex;
        align-items: center;
        width: 40%;

        .testimonial-images {
          width: 100%;
          max-width: 300px;
          min-width: 200px;
          height: 100%;
          min-height: 374px;
          max-height: 374px;
          padding: 5px;
          object-fit: cover;
        }
      }

      .testimonial-content {
        .user-name {
          color: #f2cd6b;
          font-family: Jost;
          padding-left: 14px;
        }

        .user-review {
          color: #f2cd6b;
          padding-left: 14px;
          font-family: Jost;
          max-width: 400px;
        }

        .rating-icon {
          display: flex;
          color: #f2cd6b;
          padding-left: 10px;

          .fa-solid {
            padding-left: 5px;
          }
        }
      }

      .slick-slide {
        object-fit: cover;
        min-height: 250px;
        padding-left: 10px;
      }
    }

    .slick-dots {
      bottom: -36px;
    }
  }

  .slick-slide {
    min-height: 320px;
  }
}

.tesimonial-main-container .testimonial-responsive .slick-prev {
  z-index: 9999 !important;
}

.tesimonial-main-container .testimonial-responsive .slick-prev:before {
  color: #171314 !important;
}

.tesimonial-main-container .testimonial-responsive .slick-next {
  left: 101% !important;
  z-index: 9999 !important;
}

.tesimonial-main-container .testimonial-responsive .slick-next:before {
  color: #171314 !important;
}

@media (min-width: 760px) and (max-width: 1025px) {
  .tesimonial-main-container {
    .testimonial-responsive {
      width: 80%;

      .testimonial-container {
        max-width: 822.2px;
        min-height: 380px;

        .testimonial-image-container {
          width: 40%;

          .testimonial-images {
            width: 100%;
            max-width: 300px;
            min-width: 200px;
            height: 100%;
            min-height: 375px;
            max-height: 375px;
            padding: 5px;
            object-fit: cover;
          }
        }
      }
    }
  }
}

@media (max-width: 600px) {
  .tesimonial-main-container {
    .testimonial-responsive {
      width: 83%;

      .testimonial-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-image: none;
        min-height: 630px;
        max-height: 630px;

        .testimonial-image-container {
          width: 100%;
          display: flex;
          justify-content: center;

          .testimonial-images {
            width: 100%;
            max-width: 290px;
            min-width: 200px;
            height: 100%;
            max-height: 287px;
            padding: 15px 5px 5px 5px;
            object-fit: cover;
          }
        }

        .testimonial-content {
          display: flex;
          flex-direction: column;
          max-width: 290px;

          .user-name {
            font-family: Jost;
            font-size: 1.3rem;
            margin: 0px 0px 5px 0px;
          }

          .user-review {
            font-family: Jost;
            font-size: 1.3rem;
            margin: 0px 0px 5px 0px;
          }

          .rating-icon {
            margin: 15px 0px 15px 0px;
          }
        }
      }
    }
  }
}
