/* Testimonial Banner Styles */

/* Carousel button styling */
.carousel button.carousel-control-prev,
.carousel button.carousel-control-next {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
  opacity: 1 !important;
}

.carousel button.carousel-control-prev {
  left: -60px !important;
}

.carousel button.carousel-control-next {
  right: -60px !important;
}

.carousel .carousel-control-prev:hover,
.carousel .carousel-control-next:hover {
  background: none !important;
  background-color: transparent !important;
}

.carousel .carousel-control-next-icon,
.carousel .carousel-control-prev-icon {
  width: 5rem;
  height: 5rem;
}

/* Ensure carousel has overflow visible for buttons */
#testimonialCarousel {
  overflow: visible !important;
}

/* Add padding to container to accommodate buttons */
#testimonialCarousel .container {
  padding-left: 80px;
  padding-right: 80px;
}

@media (max-width: 768px) {
  .carousel button.carousel-control-prev {
    left: -30px !important;
  }
  
  .carousel button.carousel-control-next {
    right: -30px !important;
  }
  
  #testimonialCarousel .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}