.elementor-987718 .elementor-element.elementor-element-73a27b9{overflow:visible;}/* Start custom CSS for section, class: .elementor-element-73a27b9 *//* =========================================================
   HERO - FACE VISIBILITY FIX
   ========================================================= */

.fd-e2e-hero {
    position: relative;
    min-height: 610px;
    display: flex;
    align-items: center;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 8, 8, 0.78) 0%,
            rgba(8, 8, 8, 0.60) 38%,
            rgba(8, 8, 8, 0.30) 70%,
            rgba(8, 8, 8, 0.15) 100%
        ),
        url("https://flavourdesigner.com/wp-content/uploads/2026/08/WhatsApp-Image-2026-03-17-at-3.24.44-PM-scaled.jpeg");

    background-size: cover;

    /* Move image upward so the face is visible */
    background-position: center 25%;

    background-repeat: no-repeat;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .fd-e2e-hero {
        min-height: 560px;
        background-position: center 22%;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .fd-e2e-hero {
        min-height: 560px;

        background:
            linear-gradient(
                90deg,
                rgba(8, 8, 8, 0.76),
                rgba(8, 8, 8, 0.45)
            ),
            url("https://flavourdesigner.com/wp-content/uploads/2026/08/WhatsApp-Image-2026-03-17-at-3.24.44-PM-scaled.jpeg");

        background-size: cover;

        /* Keep face higher on mobile */
        background-position: center 18%;

        background-repeat: no-repeat;
    }

}/* End custom CSS */