#bannerSlider .carousel-inner {
    /*height: 400px; !* Set the desired height *!*/
    border-radius: 15px; /* Round the corners */
    overflow: hidden; /* Ensure rounded corners apply to inner images */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
}

#bannerSlider .carousel-item img {
    height: 100%; /* Ensure the image covers the full height */
    width: 100%; /* Ensure the image covers the full width */
    object-fit: cover; /* Ensure the image covers the area without distortion */
    border-radius: 15px; /* Apply rounding to images */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5); /* Add background color to control icons */
    border-radius: 50%; /* Round the control icons */
    padding: 10px; /* Add padding to the control icons */
}