/* Carousel Navigation Button Fix */

/* Make the black chevron icons 3px smaller than the white background */
.carousel-control-prev-icon i.bi-chevron-left,
.carousel-control-next-icon i.bi-chevron-right {
  font-size: 24px; /* Reduced size */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center perfectly */
}

/* Ensure the white background circles are properly sized */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  position: relative;
}