.elementor-14978 .elementor-element.elementor-element-d109948 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-14978 .elementor-element.elementor-element-d109948 > .elementor-container{max-width:1280px;min-height:84px;}.elementor-14978 .elementor-element.elementor-element-83829cc > .elementor-container{max-width:1280px;}.elementor-bc-flex-widget .elementor-14978 .elementor-element.elementor-element-9e00fbd.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-14978 .elementor-element.elementor-element-9e00fbd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-14978 .elementor-element.elementor-element-9e00fbd.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-14978 .elementor-element.elementor-element-9e00fbd > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-bc-flex-widget .elementor-14978 .elementor-element.elementor-element-81ad487.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-14978 .elementor-element.elementor-element-81ad487.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-14978 .elementor-element.elementor-element-81ad487.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-14978 .elementor-element.elementor-element-81ad487 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-14978 .elementor-element.elementor-element-0309458 .elementor-menu-toggle{margin:0 auto;}.elementor-bc-flex-widget .elementor-14978 .elementor-element.elementor-element-415e191.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-14978 .elementor-element.elementor-element-415e191.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-14978 .elementor-element.elementor-element-415e191.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-14978 .elementor-element.elementor-element-415e191 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}@media(min-width:768px){.elementor-14978 .elementor-element.elementor-element-9e00fbd{width:18%;}.elementor-14978 .elementor-element.elementor-element-81ad487{width:66.666%;}.elementor-14978 .elementor-element.elementor-element-415e191{width:15%;}}/* Start custom CSS for nav-menu, class: .elementor-element-0309458 *//* ==========================================================
   2SUCCEED — FINAL MOBILE NAVIGATION FIX
   Desktop header remains unchanged
   ========================================================== */

@media only screen and (max-width: 1024px) {

    /* ======================================================
       1. HIDE DESKTOP NAVIGATION
       ====================================================== */

    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--main {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }


    /* ======================================================
       2. NAV MENU WIDGET
       ====================================================== */

    .elementor-14978 .elementor-element.elementor-element-0309458 {
        position: relative !important;
        width: 100% !important;
        overflow: visible !important;
        z-index: 999999 !important;
    }


    /* ======================================================
       3. HAMBURGER / CLOSE BUTTON
       ====================================================== */

    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-menu-toggle {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        align-items: center !important;
        justify-content: center !important;

        width: 48px !important;
        height: 48px !important;

        margin: 0 0 0 auto !important;
        padding: 0 !important;

        background: #F7F7F7 !important;
        color: #0B2F63 !important;

        border: 0 !important;
        border-radius: 5px !important;

        font-size: 28px !important;

        position: relative !important;
        z-index: 1000001 !important;
    }


    /* ======================================================
       4. MAIN MOBILE DROPDOWN
       IMPORTANT: ALLOW FULL MENU + SCROLL
       ====================================================== */

    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown {
        position: absolute !important;

        top: calc(100% + 10px) !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        max-height: calc(100vh - 170px) !important;

        margin: 0 !important;
        padding: 8px 0 !important;

        background: #FFFFFF !important;

        border: none !important;
        border-radius: 8px !important;

        box-shadow: 0 12px 35px rgba(0,0,0,.16) !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        -webkit-overflow-scrolling: touch !important;

        z-index: 1000000 !important;
    }


    /* ======================================================
       5. RESET MENU LIST
       ====================================================== */

    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown ul,
    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown .elementor-nav-menu {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown li {
        display: block !important;

        position: relative !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;

        overflow: visible !important;
    }


    /* ======================================================
       6. TOP LEVEL MENU ITEMS
       ====================================================== */

    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown > ul > li > a,
    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown .elementor-nav-menu > li > a {
        display: flex !important;

        align-items: center !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 16px 20px !important;

        background: #FFFFFF !important;
        color: #0B2F63 !important;

        border: 0 !important;
        border-bottom: 1px solid #EEEEEE !important;

        font-size: 17px !important;
        font-weight: 600 !important;

        line-height: 1.3 !important;

        text-align: left !important;

        white-space: normal !important;
    }


    /* ======================================================
       7. HOVER / CURRENT PAGE
       ====================================================== */

    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown a:hover,
    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown a.elementor-item-active {
        background: #F7F8FA !important;
        color: #E51D44 !important;
    }


    /* ======================================================
       8. "FOR ORGANISATIONS" SUBMENU
       REMOVE ALL HEIGHT / CLIPPING LIMITS
       ====================================================== */

    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown ul.sub-menu {
        position: static !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #FAFBFC !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        overflow: visible !important;
    }


    /* ======================================================
       9. ALL SUBMENU ITEMS
       ====================================================== */

    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown ul.sub-menu li {
        display: block !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown ul.sub-menu li a {
        display: flex !important;

        align-items: center !important;

        width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 14px 20px 14px 42px !important;

        background: #FAFBFC !important;
        color: #0B2F63 !important;

        border: 0 !important;
        border-bottom: 1px solid #ECECEC !important;

        font-size: 15px !important;
        font-weight: 500 !important;

        line-height: 1.35 !important;

        text-align: left !important;

        white-space: normal !important;

        overflow: visible !important;
    }


    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown ul.sub-menu li a:hover {
        background: #F3F5F7 !important;
        color: #E51D44 !important;
    }


    /* ======================================================
       10. SUBMENU ARROW
       ====================================================== */

    .elementor-14978 .elementor-element.elementor-element-0309458 .sub-arrow {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        margin-left: auto !important;
        padding-left: 12px !important;

        background: transparent !important;
        color: #E51D44 !important;

        border: 0 !important;
        box-shadow: none !important;
    }


    .elementor-14978 .elementor-element.elementor-element-0309458 .sub-arrow i,
    .elementor-14978 .elementor-element.elementor-element-0309458 .sub-arrow svg {
        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;
    }


    /* ======================================================
       11. REMOVE ANIMATION HEIGHT RESTRICTIONS
       ====================================================== */

    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown,
    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown *,
    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown ul,
    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown li {
        clip: auto !important;
        clip-path: none !important;
    }

}


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

@media only screen and (max-width: 767px) {

    .elementor-14978 .elementor-element.elementor-element-0309458 .elementor-nav-menu--dropdown {
        width: calc(100vw - 30px) !important;
        min-width: calc(100vw - 30px) !important;
        max-width: calc(100vw - 30px) !important;

        margin-left: 0 !important;

        max-height: calc(100vh - 150px) !important;
    }

}/* End custom CSS */