/* Custom styling for the banner carousel */
#bannerCarousel .carousel-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

#bannerCarousel {
    margin-bottom: 20px; /* Space between carousel and next section */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5); /* Dark background for controls */
    border-radius: 50%; /* Circular controls */
}