/* Banner background container fix */
.banner-background {
    min-height: 600px !important;
    height: 600px !important;
}


.banner-padding {
    padding-top: 6.2rem !important;
}

    /* Banner Slider Styles */
    #bannerCarousel {
        position: relative;
        overflow: hidden;
    }

    #bannerCarousel .carousel-item {
        transition: transform 0.6s ease-in-out;
    }

    #bannerCarousel .carousel-control-prev,
    #bannerCarousel .carousel-control-next {
        width: 5%;
        opacity: 0.8;
        transition: opacity 0.3s ease;
    }

    #bannerCarousel .carousel-control-prev:hover,
    #bannerCarousel .carousel-control-next:hover {
        opacity: 1;
    }

    #bannerCarousel .carousel-control-prev-icon,
    #bannerCarousel .carousel-control-next-icon {
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: 2px solid rgba(255, 255, 255, 0.3);
    }

    #bannerCarousel .carousel-indicators {
        bottom: 20px;
    }

    #bannerCarousel .carousel-indicators button {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin: 0 5px;
        background-color: #0F172B !important;
        border: none;
    }

    #bannerCarousel .carousel-indicators .active {
        background-color: #fff;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        #bannerCarousel .carousel-caption .display-3 {
            font-size: 2rem;
        }

        #bannerCarousel .carousel-caption .fs-5 {
            font-size: 1rem;
        }

        #bannerCarousel .carousel-control-prev,
        #bannerCarousel .carousel-control-next {
            width: 8%;
        }

        #bannerCarousel .carousel-control-prev-icon,
        #bannerCarousel .carousel-control-next-icon {
            width: 40px;
            height: 40px;
        }
    }

.carousel-caption {
    position: absolute;
    right: 6%;
    bottom: 1rem;
    left: 6%;
    padding-top: 0.1rem;
    padding-bottom: 1rem;
    color: #fff;
    text-align: left;
}
/* Ensure banner container has relative positioning */
/* #hero-carousel {
    position: relative;
} */

/* Hero header height fix */

/* Left align carousel caption text */
#hero-carousel .carousel-item .hero-header .container .row .col-lg-6 h1,
#hero-carousel .carousel-item .hero-header .container .row .col-lg-6 a {
    text-align: left !important;
}

@media (max-width: 991.98px) {
    /* Add responsive styles if needed */
}