/* ================================================================
   MOBILE HERO LEFT WHITE SPACE FIX
   ================================================================ */

/* ── Fix for mobile view ── */
@media (max-width: 576px) {
    
    /* ── Hero Section Container ── */
    .hero-section,
    .hero-bg-wrapper,
    .section-inner.hero-section-inner,
    .hero-wrapper-main,
    .hero-container-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-radius: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* ── Hero Inner Content ── */
    .hero-bg-wrapper .container,
    .hero-section .container,
    .hero-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* ── Remove extra wrapper spacing ── */
    .section-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-radius: 0 !important;
    }

    /* ── Hero Row Fix ── */
    .hero-bg-wrapper .row,
    .hero-section .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* ── Hero Col Fix ── */
    .hero-bg-wrapper .col-lg-7,
    .hero-bg-wrapper .col-lg-5,
    .hero-section .col-lg-7,
    .hero-section .col-lg-5 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}