#testimonial-slider {
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonial-container {
  width: 100%;
  margin: auto;
  /* max-width: 1260px; */
}
.previous,
.next-arrow {
  padding: 6px;
  width: 1.8vw;
  cursor: pointer;
  border-radius: 50%;
  transition: 0.7s ease-in-out;
  border: none;
  background-color: transparent;
}
.slide-img {
  width: 90%;
  margin: auto;
  cursor: pointer;
  transition: 0.5s;
  padding: 1.04vw;
  text-align: center;
}
@media (max-width: 1600px) {
  .testimonial-container {
    width: 100%;
  }
}
.testimonial-container .testimonial-slide {
  background-color: ;
  padding: 2.6vw 1.82vw 1.82vw 1.82vw;
  border-radius: 4.17vw;
  width: 90%;
  margin: auto;
}
.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

.testimonial-img {
  width: 60%;
  border-radius: 50%;
}

/* New testimonial CSS starts */
.quote-img-wrapper {
  width: 10%;
  float: left;
}
.quote-img-wrapper img {
  margin-top: -35px;
}
.testimonial-text-wrapper {
  /* width: 90%; */
  float: left;
  /* margin-bottom: 55px; */
  color: var(--color-black);
  font-weight: bold;
  font-size: 1vw;
}
.testimonial-name-wrapper {
  color: var(--primary-color);
  font-weight: bold;
  font-size: 0.85vw;
}

.before-content {
  position: relative;
}
.before-content::before {
  height: 2px;
  background-color: #4c4d55;
  width: 41px;
  position: absolute;
  content: "";
  right: 10px;
  top: 11px;
}
.slider-wrapper {
  position: relative;
}
.controller .previous {
  position: absolute;
  top: 45%;
  left: -15px;
}
.controller .next-arrow {
  position: absolute;
  top: 45%;
  right: -15px;
}
.previous img,
.next-arrow img {
  width: 100%;
}

/* CSS for equal cols*/
.my-slider.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.my-slider.equal-cols > [class*="tns-item"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.my-slider.equal-cols > [class*="tns-item"] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.my-slider.equal-cols > [class*="tns-item"] {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 1.5vw;
}
.testimonial-slide {
  position: relative;
}
.testimonial-slide .testimonial-person-name {
  /* position: absolute;
  bottom: 18px;
  right: 24px; */
  margin-bottom: 0.85vw;
}

/* star rating */

.stars {
  position: relative;
  display: inline-block;
  font-size: 1.5vw; /* Adjust size */
  color: #ccc; /* Gray stars */
  letter-spacing: 0.2vw;
}

.stars::before {
  content: "★★★★★"; /* 5 Stars */
}

.stars-overlay {
  position: absolute;
  top: 0;
  left: 0;
  /*  width: 85%; /* Adjust for the rating (4.5 stars = 90%) */
  overflow: hidden;
  color: var(--primary-color); /* Gold stars */
  white-space: nowrap;
}

.stars-overlay::before {
  content: "★★★★★"; /* 5 Stars in gold */
}

.star-rating-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

#testimonial-controls {
  display: block !important;
}

.tns-nav {
  display: none;
}

.testimonial-desktop-bg {
  background: var(--search-bg);
}