.elementor-39 .elementor-element.elementor-element-f0cf305{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-39 .elementor-element.elementor-element-f0cf305:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-f0cf305 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-39 .elementor-element.elementor-element-adeb465 .topbar .contact-info li i{color:var( --e-global-color-c82ca4d );}.elementor-39 .elementor-element.elementor-element-f853880{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-39 .elementor-element.elementor-element-f853880:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-f853880 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-39 .elementor-element.elementor-element-bc1b521 .navigation .mobail-menu button span{background-color:#ffffff;}.elementor-39 .elementor-element.elementor-element-bc1b521 .navigation .mobail-menu button{background-color:#123D32;}.elementor-39 .elementor-element.elementor-element-bc1b521 .navigation .mobail-menu button:hover span{background-color:#ffffff;}.elementor-39 .elementor-element.elementor-element-bc1b521 .navigation .mobail-menu button:hover{background-color:#146B83;}.elementor-39 .elementor-element.elementor-element-bc1b521 .navigation .theme-btn{color:#ffffff;}.elementor-39 .elementor-element.elementor-element-bc1b521 .wpo-site-header .header-right .close-form .theme-btn{border-color:#123D32;}.elementor-39 .elementor-element.elementor-element-bc1b521 .wpo-site-header .header-right .close-form .theme-btn::before, .wpo-site-header .header-right .close-form .theme-btn::after{background-color:var( --e-global-color-primary );}/* Start custom CSS for wpo-aidus_header, class: .elementor-element-bc1b521 */@media (max-width: 991px) {
    /* 1. Parent row ko clean flex banayein */
    .wpo-site-header .navigation .row.align-items-center {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* 2. Mobile Menu Toggle - Left Side */
    .wpo-site-header .navigation .row.align-items-center > div:nth-child(1) {
        order: 1 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 0 !important;
    }

    /* 3. Logo - Right Side */
    .wpo-site-header .navigation .row.align-items-center > div:nth-child(2) {
        order: 2 !important;
        text-align: right !important;
        margin-left: auto !important;
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 0 !important;
    }

    .wpo-site-header .navbar-header .navbar-brand img {
        max-height: 60px !important;
        max-width: 140px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* 4. Donate Button - Hide from Mobile Top Bar */
    .wpo-site-header .navigation .row.align-items-center > div:nth-child(4) {
        display: none !important;
    }

    /* 5. Navigation Menu Wrapper (Zero size in row so layout stays clean, but NOT display:none) */
    .wpo-site-header .navigation .row.align-items-center > div:nth-child(3) {
        order: 3 !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        position: static !important;
        display: block !important;
        overflow: visible !important;
        flex: 0 0 0 !important;
    }

    /* 6. Theme Drawer Menu - Slide in smoothly on Toggle Click */
    .wpo-site-header #navbar.slideInn {
        left: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f853880 *//* ==========================================================================
   WCA Mobile Header Fix (Aidus Theme & Elementor Header Builder)
   Fixes:
   1. Toggle button color changed from theme orange (#F74F22) to WCA Forest Green (#123D32)
   2. Donate button made visible on mobile on the right side
   3. Mobile row layout converted to balanced Flexbox: [Toggle Left] - [Logo Center] - [Donate Right]
   ========================================================================== */

/* 1. Toggle Button Color - WCA Brand Theme */
.wpo-site-header .mobail-menu button,
.mobail-menu button,
.header-s2 .mobail-menu button {
    background-color: #123D32 !important; /* WCA Primary Forest Green */
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.wpo-site-header .mobail-menu button:hover,
.mobail-menu button:hover,
.header-s2 .mobail-menu button:hover {
    background-color: #146B83 !important; /* WCA Ocean Blue */
}

.wpo-site-header .mobail-menu button span,
.mobail-menu button span {
    background-color: #FFFFFF !important;
}

/* 2. Responsive Mobile & Tablet Header Layout (max-width: 991px) */
@media (max-width: 991px) {

    /* Header padding cleanup */
    .header-s2 .wpo-site-header,
    .wpo-site-header {
        padding: 8px 15px !important;
    }

    /* Convert row to modern flex layout */
    .wpo-site-header .navigation .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* Left: Mobile Menu Toggle */
    .wpo-site-header .navigation .row > div:nth-child(1) {
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 0 !important;
        order: 1 !important;
    }

    /* Center: Logo Container */
    .wpo-site-header .navigation .row > div:nth-child(2) {
        flex: 1 1 auto !important;
        width: auto !important;
        text-align: center !important;
        padding: 0 10px !important;
        order: 2 !important;
    }

    .wpo-site-header .navbar-header {
        display: inline-block !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wpo-site-header .navbar-header .navbar-brand {
        display: inline-block !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .wpo-site-header .navbar-header .navbar-brand img {
        max-height: 42px !important;
        max-width: 140px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        vertical-align: middle !important;
    }

    /* Hide the empty navbar collapse column in row */
    .wpo-site-header .navigation .row > div:nth-child(3) {
        display: none !important;
        width: 0 !important;
        flex: 0 0 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Right: Donate Button Container */
    .wpo-site-header .navigation .row > div:nth-child(4) {
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 0 !important;
        order: 3 !important;
        display: flex !important;
        justify-content: flex-end !important;
    }

    .wpo-site-header .header-right {
        position: static !important;
        right: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .wpo-site-header .header-right > div:last-child::before {
        display: none !important; /* Remove grey separator line */
    }

    /* SHOW DONATE BUTTON ON MOBILE */
    .wpo-site-header .header-right .close-form,
    .header-s2 .wpo-site-header .header-right .close-form {
        display: block !important;
        margin: 0 !important;
    }

    .wpo-site-header .header-right .close-form .theme-btn,
    .header-s2 .wpo-site-header .header-right .close-form .theme-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #123D32 !important; /* WCA Forest Green */
        color: #FFFFFF !important;
        padding: 7px 14px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        border-radius: 6px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        white-space: nowrap !important;
        box-shadow: 0 2px 6px rgba(18, 61, 50, 0.2) !important;
    }

    .wpo-site-header .header-right .close-form .theme-btn:hover,
    .header-s2 .wpo-site-header .header-right .close-form .theme-btn:hover {
        background-color: #146B83 !important; /* WCA Ocean Blue */
        color: #FFFFFF !important;
    }
}

/* Extra small mobile screens (under 380px) */
@media (max-width: 380px) {
    .wpo-site-header .navbar-header .navbar-brand img {
        max-width: 110px !important;
        max-height: 35px !important;
    }

    .wpo-site-header .header-right .close-form .theme-btn,
    .header-s2 .wpo-site-header .header-right .close-form .theme-btn {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }

    .wpo-site-header .mobail-menu button {
        width: 36px !important;
        height: 32px !important;
        padding: 4px 8px !important;
    }
}/* End custom CSS */