/* Background Carousel Styles */
.incentives-hero {
    position: relative;
    overflow: hidden;
    background: #000;
    /* Fallback */
    /* Remove static background image if it exists in style.css or inline */
}

.incentives-bg-carousel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.incentives-bg-carousel .carousel-inner,
.incentives-bg-carousel .carousel-item {
    height: 100%;
}

.incentives-bg-carousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
    /* Dim images naturally */
}

/* Ensure content sits on top */
.incentives-hero .container {
    position: relative;
    z-index: 2;
}

/* Enhancing the existing overlay if needed, or relying on image opacity */
.incentives-hero__overlay {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 1;
}