/* VSL hero story-card message overrides */

#hero .hero-story-main {
    background-repeat: no-repeat !important;
}

/* Slide 1: Better care / healthcare outcomes */
#hero .hero-slide:nth-of-type(1) .hero-story-main {
    background-image:
        linear-gradient(
            98deg,
            rgba(255,255,255,0.985) 0%,
            rgba(255,255,255,0.970) 40%,
            rgba(248,252,255,0.880) 63%,
            rgba(241,249,253,0.600) 100%
        ),
        url("../images/hero/story-card-art/04-Happy-healthcare-givers-better-care.png") !important;
    background-position: center center, right center !important;
    background-size: cover, cover !important;
}

/* Slide 5: Reliable delivery / field logistics */
#hero .hero-slide:nth-of-type(5) .hero-story-main {
    background-image:
        linear-gradient(
            98deg,
            rgba(255,255,255,0.985) 0%,
            rgba(255,255,255,0.970) 38%,
            rgba(245,251,255,0.860) 60%,
            rgba(235,245,252,0.520) 100%
        ),
        url("../images/hero/story-card-art/03-Varenz-delivery-van-Kampala-night.png") !important;
    background-position: center center, right center !important;
    background-size: cover, cover !important;
}

/* Slide 6: Compliance / authorization / documentation */
#hero .hero-slide:nth-of-type(6) .hero-story-main {
    background-image:
        linear-gradient(
            98deg,
            rgba(255,255,255,0.985) 0%,
            rgba(255,255,255,0.972) 42%,
            rgba(246,252,255,0.900) 65%,
            rgba(236,246,252,0.620) 100%
        ),
        url("../images/hero/story-card-art/02-NDA-authorization-green.png"),
        url("../images/hero/story-card-art/01-URA-tax-compliance-yellow.png") !important;
    background-position: center center, right center, left bottom !important;
    background-size: cover, 58%, 42% !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
}

#hero .hero-story-main > * {
    position: relative !important;
    z-index: 3 !important;
}

#hero .hero-story-main h1,
#hero .hero-story-main h2,
#hero .hero-story-main p,
#hero .hero-story-main .hero-mini-points,
#hero .hero-story-main .hero-actions,
#hero .hero-story-main .eyebrow {
    position: relative !important;
    z-index: 4 !important;
}

#hero .hero-story-main .eyebrow,
#hero .hero-mini-points span {
    background: rgba(255,255,255,0.82) !important;
    backdrop-filter: blur(10px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(135%) !important;
}

@media (max-width: 980px) {
    #hero .hero-slide:nth-of-type(6) .hero-story-main {
        background-size: cover, 56%, 40% !important;
        background-position: center center, right center, left bottom !important;
    }
}

@media (max-width: 720px) {
    #hero .hero-slide:nth-of-type(1) .hero-story-main,
    #hero .hero-slide:nth-of-type(5) .hero-story-main,
    #hero .hero-slide:nth-of-type(6) .hero-story-main {
        background-image:
            linear-gradient(
                102deg,
                rgba(255,255,255,0.995) 0%,
                rgba(255,255,255,0.985) 68%,
                rgba(247,252,255,0.790) 100%
            ),
            var(--mobile-story-card-image, none) !important;
    }

    #hero .hero-slide:nth-of-type(1) .hero-story-main {
        --mobile-story-card-image: url("../images/hero/story-card-art/04-Happy-healthcare-givers-better-care.png");
    }

    #hero .hero-slide:nth-of-type(5) .hero-story-main {
        --mobile-story-card-image: url("../images/hero/story-card-art/03-Varenz-delivery-van-Kampala-night.png");
    }

    #hero .hero-slide:nth-of-type(6) .hero-story-main {
        background-image:
            linear-gradient(
                102deg,
                rgba(255,255,255,0.995) 0%,
                rgba(255,255,255,0.985) 66%,
                rgba(247,252,255,0.820) 100%
            ),
            url("../images/hero/story-card-art/02-NDA-authorization-green.png") !important;
        background-position: center center, right center !important;
        background-size: cover, cover !important;
    }
}

html[data-theme="dark"] #hero .hero-slide:nth-of-type(1) .hero-story-main,
html[data-theme="dark"] #hero .hero-slide:nth-of-type(5) .hero-story-main {
    background-image:
        linear-gradient(
            98deg,
            rgba(7,18,35,0.990) 0%,
            rgba(7,18,35,0.975) 43%,
            rgba(8,23,42,0.880) 67%,
            rgba(10,29,48,0.640) 100%
        ),
        inherit !important;
}

html[data-theme="dark"] #hero .hero-slide:nth-of-type(6) .hero-story-main {
    background-image:
        linear-gradient(
            98deg,
            rgba(7,18,35,0.990) 0%,
            rgba(7,18,35,0.975) 43%,
            rgba(8,23,42,0.880) 67%,
            rgba(10,29,48,0.640) 100%
        ),
        url("../images/hero/story-card-art/02-NDA-authorization-green.png"),
        url("../images/hero/story-card-art/01-URA-tax-compliance-yellow.png") !important;
}