/* Testimonial Carousel Styles */
.testimonial-carousel-container {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.testimonial-carousel {
  display: flex;
  animation: scroll-testimonials 20s linear infinite;
  width: fit-content;
}

.testimonial-carousel:hover {
  animation-play-state: paused;
}

.testimonial-item {
  flex: 0 0 auto;
  width: 350px;
  margin-right: 30px;
  transition: transform 0.3s ease;
}

.testimonial-item:hover {
  transform: translateY(-5px);
}

@keyframes scroll-testimonials {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .testimonial-item {
    width: 300px;
    margin-right: 20px;
  }
  
  .testimonial-carousel {
    animation-duration: 15s;
  }
}

@media (max-width: 576px) {
  .testimonial-item {
    width: 280px;
    margin-right: 15px;
  }
  
  .testimonial-carousel {
    animation-duration: 12s;
  }
}

/* Fade edges for smooth appearance */
.testimonial-carousel-container::before,
.testimonial-carousel-container::after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 50px;
  z-index: 2;
  pointer-events: none;
}

.testimonial-carousel-container::before {
  left: 0;
  background: linear-gradient(to right, rgba(248, 249, 250, 1), rgba(248, 249, 250, 0));
}

.testimonial-carousel-container::after {
  right: 0;
  background: linear-gradient(to left, rgba(248, 249, 250, 1), rgba(248, 249, 250, 0));
}