/* Mobile fix: hero banner (home-2 style) — slider fills section as background with overlay */
@media only screen and (max-width: 991px) {
    /* Section needs a min-height so content has room */
    .flat-slider.home-2 {
        min-height: 500px;
        position: relative;
    }

    /* Stretch slider to fill the entire section */
    .flat-slider.home-2 .img-banner-right {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        inset-inline-start: 0 !important;
        inset-inline-end: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 0;
        margin-top: 0;
    }

    .flat-slider.home-2 .img-banner-right .swiper.slider-sw-home2,
    .flat-slider.home-2 .img-banner-right .slider-home2 {
        height: 100%;
    }

    /* Dark overlay so white text stays readable */
    .flat-slider.home-2::after {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(22, 30, 45, 0.6);
        z-index: 1;
        pointer-events: none;
    }

    /* Content sits above the overlay */
    .flat-slider.home-2 .container {
        position: relative;
        z-index: 2;
    }

    /* Hide the decorative left image — slider covers the section */
    .flat-slider.home-2 .img-banner-left {
        display: none;
    }
}