/* Container & Header */

.testimonial-slider-section {

  /* Increased top padding to accommodate avatar */

  padding: 80px 20px 40px;

  overflow: visible; /* Allow avatars to extend outside */

  margin-top: -5rem;

  /* border: 1px solid red; */

}

.testimonial-slider-header {

  text-align: center;

  margin-bottom: 20px;

}

.testimonial-slider-title {

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

  font-size: 40px;

  font-weight: 600;

  margin: 0;

}



/* Slider Layout */

.testimonial-slider-container {

  position: relative;

  max-width: 1400px;

  margin: 0 auto;

  /* border: 1px solid blue; */

}

.slider-track-wrapper {

  /* Maintain horizontal slider functionality */

  overflow-x: hidden;

  overflow-y: visible; /* Allow avatars to extend vertically */

  max-height: 600px !important;

  /* border: 1px solid green; */

}

.slider-track {

  display: flex;

  transition: transform 0.5s ease-in-out;

  width: 100%;

  padding-top: 5rem;

  height: auto;

  /* border: 3px solid yellow; */

}



/* Testimonial Card */

.testimonial-card {

  flex: 0 0 calc(100% / 3);

  box-sizing: border-box;

  padding: 80px 20px 20px; /* Space for avatar inside card */

  text-align: center;

  background: #fff;

  border-radius: 15px;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);

  position: relative;

  min-height: 200px; /* Ensure enough height for content */

  padding-bottom: 2rem;

  /* border: 3px solid teal; */

}

.testimonial-avatar {

  width: 115px;

  height: 115px;

  object-fit: cover;

  border-radius: 50%;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(-50%, -50%); /* Center and move half outside */

  border: 4px solid #fff;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);

  z-index: 20; /* Ensure avatar is above other elements */

}

.testimonial-name {

  /* margin: 60px 0 10px; */

  font-size: 20px;

  font-weight: 600;

}

.testimonial-text {

  font-size: 15px;

  font-style: italic;

  color: #444;

  padding: 0 10px;

}



/* Arrows */

.slider-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background: #fff;

  border: none;

  width: 40px;

  height: 40px;

  font-size: 24px;

  line-height: 1;

  cursor: pointer;

  border-radius: 50%;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

  z-index: 30; /* Above cards and avatars */

}

.slider-arrow-prev {

  left: -20px;

}

.slider-arrow-next {

  right: -20px;

}



/* Responsive Breakpoints */

@media (max-width: 1199px) {

  .testimonial-card {

    flex: 0 0 calc(100% / 2);

  }

  .testimonial-slider-title {

    font-size: 32px;

  }

}

@media (max-width: 768px) {

  section.unique-slider-section {

    display: none;

  }

}

@media (min-width: 769px) {

  .testimonial-slider-section {

    display: none;

  }

}

@media (max-width: 767px) {

  .testimonial-card {

    flex: 0 0 100%;

  }

  .testimonial-slider-title {

    font-size: 26px;

  }

  .testimonial-text {

    font-size: 12px;

  }

}