/* Ken Burns Effect */
@keyframes kenBurns {
    0% {
        transform: scale(1) translate(0, 0);
    }

    50% {
        transform: scale(1.1) translate(-1%, -1%);
    }

    100% {
        transform: scale(1) translate(0, 0);
    }
}

.ken-burns-active {
    overflow: hidden;
    /* Important to crop the zoom */
}

/* General Target */
.ken-burns-active img,
.ken-burns-active .elementor-background-slideshow__slide__image,
.ken-burns-target {
    animation: kenBurns 20s ease-in-out infinite alternate;
    will-change: transform;
    pointer-events: none;
}

/* Specific fix for the Softlite/Elementor background divs to ensure they scale */
.ken-burns-target {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

/* ========================================== */
/* HERO IMAGE BLACK OVERLAY (60% opacity)    */
/* Only covers the image slider, not text    */
/* z-index ensures it's behind the header    */
/* ========================================== */

/* Target the hero slider container */
.softlite-dynamic-card-box.bw25o6fb {
    position: relative;
}

/* Black overlay on the image slider only */
.softlite-dynamic-card-box.bw25o6fb .lai78v0u::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    /* 60% black = 40% see-through */
    z-index: 1;
    /* Above images, but below text and header */
    pointer-events: none;
    /* Allow clicks to pass through */
}

/* Ensure text content stays above the overlay */
.softlite-dynamic-card-box.bw25o6fb .n9biqzim {
    position: relative;
    z-index: 2;
}

/* Ensure the slider navigation (if any) stays above */
.softlite-dynamic-card-box.bw25o6fb .kaiug6rg {
    position: relative;
    z-index: 2;
}