.elementor-12033 .elementor-element.elementor-element-6c49177{--display:flex;}.elementor-12033 .elementor-element.elementor-element-6c49177.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12033 .elementor-element.elementor-element-1ec199e{width:100%;max-width:100%;}.elementor-12033 .elementor-element.elementor-element-587a591{--display:flex;}@media(min-width:768px){.elementor-12033 .elementor-element.elementor-element-6c49177{--width:100%;}}/* Start custom CSS for consua_header, class: .elementor-element-1ec199e *//* ========================= 
   MAIN NAVBAR DESIGN 
========================= */ 
 
.navbar { 
    width: 100% !important; 
    min-height: 55px !important; 
    padding-top: 0 !important; 
    padding-bottom: 0 !important; 
    background-color: #25A243 !important; 
    color: #fff !important; 
    flex-wrap: wrap !important; 
} 
 
.navbar, 
.navbar *, 
.navbar *::before, 
.navbar *::after { 
    box-sizing: border-box; 
} 
 
.navbar .container, 
.navbar .container-fluid { 
    display: flex !important; 
    align-items: center !important; 
    flex-wrap: wrap !important; 
    width: 100% !important; 
} 
 
/* Navbar links */ 
.navbar a, 
.navbar .nav-link, 
.navbar .menu-item > a { 
    color: #fff !important; 
    text-decoration: none !important; 
} 
 
/* Menu items */ 
.navbar .navbar-nav > li > a, 
.navbar .menu > li > a, 
.navbar li.menu-item > a { 
    display: block !important; 
    margin: 6px 3px !important; 
    padding: 13px 15px !important; 
    border-radius: 2px !important; 
    color: #fff !important; 
    font-size: 18px !important; 
    font-weight: 500 !important; 
    line-height: 1.2 !important; 
    white-space: nowrap !important; 
    transition: background-color 0.25s ease !important; 
} 
 
/* Menu items black hover */ 
.navbar .navbar-nav > li > a:hover, 
.navbar .menu > li > a:hover, 
.navbar li.menu-item > a:hover { 
    background-color: #000 !important; 
    color: #fff !important; 
    opacity: 1 !important; 
} 
 
/* Search icon पर black hover नहीं */ 
.navbar .search-icon:hover, 
.navbar .search-toggle:hover, 
.navbar .search-box:hover, 
.navbar a.search:hover, 
.navbar button:hover { 
    background-color: transparent !important; 
    color: inherit !important; 
    opacity: 1 !important; 
} 
 
/* Search icon alignment */ 
.navbar .search-icon, 
.navbar .search-toggle, 
.navbar a.search { 
    flex-shrink: 0 !important; 
} 
 
/* ========================= 
   CATALOGUE DOWNLOAD LINK 
========================= */ 
 
.navbar .download-catalogue > a, 
.navbar li.download-catalogue > a { 
    color: #fff !important; 
    cursor: pointer !important; 
    text-decoration: none !important; 
} 
 
.navbar .download-catalogue > a:hover, 
.navbar li.download-catalogue > a:hover { 
    background-color: #000 !important; 
    color: #fff !important; 
} 
 
/* ========================= 
   DROPDOWN MENU 
========================= */ 
 
.navbar .dropdown-menu, 
.navbar .sub-menu { 
    padding: 5px !important; 
    background-color: #25A243 !important; 
    border: none !important; 
} 
 
.navbar .dropdown-menu li, 
.navbar .sub-menu li { 
    list-style: none !important; 
} 
 
.navbar .dropdown-menu li a, 
.navbar .sub-menu li a { 
    display: block !important; 
    margin: 2px 0 !important; 
    padding: 10px 15px !important; 
    color: #fff !important; 
    text-decoration: none !important; 
} 
 
.navbar .dropdown-menu li a:hover, 
.navbar .sub-menu li a:hover { 
    background-color: #000 !important; 
    color: #fff !important; 
} 


/* =========================
   SMOOTH SECTION SCROLL
========================= */

html {
    scroll-behavior: smooth !important;
}

/* Navbar ke neeche section hide na ho */
section,
.elementor-section,
.e-con {
    scroll-margin-top: 75px !important;
}


/* ========================= 
   LARGE DESKTOP 
   1201px और उससे ऊपर 
========================= */ 
 
@media screen and (min-width: 1201px) { 

    .navbar .navbar-collapse,
    .navbar .menu-main-menu-container {
        display: flex !important;
    }

    .navbar .navbar-nav, 
    .navbar .menu { 
        display: flex !important; 
        align-items: center !important; 
        flex-direction: row !important; 
        flex-wrap: nowrap !important; 
    } 
} 
 
/* ========================= 
   LAPTOP / SMALL DESKTOP 
   993px से 1200px 
========================= */ 
 
@media screen and (min-width: 993px) and (max-width: 1200px) { 

    .navbar .navbar-collapse,
    .navbar .menu-main-menu-container {
        display: flex !important;
    }

    .navbar .navbar-nav, 
    .navbar .menu { 
        display: flex !important; 
        align-items: center !important; 
        flex-direction: row !important; 
        flex-wrap: nowrap !important; 
    } 
 
    .navbar .navbar-nav > li > a, 
    .navbar .menu > li > a, 
    .navbar li.menu-item > a { 
        margin: 6px 2px !important; 
        padding: 13px 10px !important; 
        font-size: 16px !important; 
    } 
} 
 
/* ========================= 
   TABLET AND MOBILE 
   992px और उससे नीचे 
========================= */ 
 
@media screen and (max-width: 992px) { 

    .navbar { 
        height: auto !important; 
        min-height: 55px !important; 
        padding: 0 !important; 
    } 
 
    .navbar .container, 
    .navbar .container-fluid { 
        min-height: 55px !important; 
    } 
 
    /* Mobile menu button */ 
    .navbar .navbar-toggler, 
    .navbar .menu-toggle, 
    .navbar button.navbar-toggler { 
        display: flex !important; 
        align-items: center !important; 
        justify-content: center !important; 
        min-width: 44px !important; 
        min-height: 44px !important; 
        margin-left: auto !important; 
        padding: 8px !important; 
        background-color: transparent !important; 
        color: #fff !important; 
        border: 1px solid rgba(255, 255, 255, 0.6) !important; 
        border-radius: 4px !important; 
        box-shadow: none !important; 
    } 
 
    .navbar .navbar-toggler:hover, 
    .navbar .menu-toggle:hover, 
    .navbar button.navbar-toggler:hover { 
        background-color: transparent !important; 
        color: #fff !important; 
    } 
 
    .navbar .navbar-toggler:focus, 
    .navbar .menu-toggle:focus { 
        outline: none !important; 
        box-shadow: none !important; 
    }


    /* ======================================
       MOBILE MENU DEFAULT CLOSED
    ====================================== */

    .navbar:not(.mobile-menu-open) .navbar-collapse,
    .navbar:not(.mobile-menu-open) .menu-main-menu-container,
    .navbar:not(.mobile-menu-open) .mobile-menu,
    .navbar:not(.mobile-menu-open) .mobile-navigation,
    .navbar:not(.mobile-menu-open) .mobile-nav,
    .navbar:not(.mobile-menu-open) .offcanvas-menu {
        display: none !important;
    }


    /* ======================================
       MOBILE MENU OPEN
    ====================================== */

    .navbar.mobile-menu-open .navbar-collapse,
    .navbar.mobile-menu-open .menu-main-menu-container,
    .navbar.mobile-menu-open .mobile-menu,
    .navbar.mobile-menu-open .mobile-navigation,
    .navbar.mobile-menu-open .mobile-nav,
    .navbar.mobile-menu-open .offcanvas-menu {
        display: block !important;
        width: 100% !important;
    }


    /* Collapsed menu full width */ 
    .navbar .navbar-collapse, 
    .navbar .menu-main-menu-container { 
        width: 100% !important; 
        flex-basis: 100% !important; 
    } 
 
    .navbar .navbar-nav, 
    .navbar .menu { 
        width: 100% !important; 
        margin: 0 !important; 
        padding: 6px 0 !important; 
        flex-direction: column !important; 
        align-items: stretch !important; 
    } 
 
    .navbar .navbar-nav > li, 
    .navbar .menu > li, 
    .navbar li.menu-item { 
        display: block !important; 
        width: 100% !important; 
        margin: 0 !important; 
    } 
 
    .navbar .navbar-nav > li > a, 
    .navbar .menu > li > a, 
    .navbar li.menu-item > a { 
        display: block !important; 
        width: 100% !important; 
        margin: 2px 0 !important; 
        padding: 12px 15px !important; 
        font-size: 17px !important; 
        text-align: left !important; 
        white-space: normal !important; 
    } 
 
    .navbar .navbar-nav > li > a:hover, 
    .navbar .menu > li > a:hover, 
    .navbar li.menu-item > a:hover { 
        background-color: #000 !important; 
        color: #fff !important; 
    } 
 
    /* Mobile dropdown */ 
    .navbar .dropdown-menu, 
    .navbar .sub-menu { 
        position: static !important; 
        float: none !important; 
        width: 100% !important; 
        margin: 0 !important; 
        padding: 3px 0 3px 15px !important; 
        background-color: rgba(0, 0, 0, 0.08) !important; 
        border: none !important; 
        box-shadow: none !important; 
    } 
 
    .navbar .dropdown-menu li a, 
    .navbar .sub-menu li a { 
        padding: 10px 15px !important; 
        font-size: 16px !important; 
    } 
 
    /* Search icon */ 
    .navbar .search-icon, 
    .navbar .search-toggle, 
    .navbar a.search, 
    .navbar .search-box { 
        flex-shrink: 0 !important; 
    } 
} 
 
/* ========================= 
   MOBILE PHONE 
   576px और उससे नीचे 
========================= */ 
 
@media screen and (max-width: 576px) { 

    .navbar .container, 
    .navbar .container-fluid { 
        padding-right: 12px !important; 
        padding-left: 12px !important; 
    } 
 
    /* Logo responsive */ 
    .navbar .navbar-brand, 
    .navbar .custom-logo-link { 
        display: flex !important; 
        align-items: center !important; 
        max-width: calc(100% - 60px) !important; 
        margin-right: 0 !important; 
    } 
 
    .navbar .navbar-brand img, 
    .navbar .custom-logo { 
        display: block !important; 
        width: auto !important; 
        max-width: 100% !important; 
        max-height: 42px !important; 
        object-fit: contain !important; 
    } 
 
    .navbar .navbar-nav > li > a, 
    .navbar .menu > li > a, 
    .navbar li.menu-item > a { 
        margin: 2px 0 !important; 
        padding: 11px 12px !important; 
        font-size: 16px !important; 
    } 
 
    .navbar .dropdown-menu li a, 
    .navbar .sub-menu li a { 
        padding: 9px 12px !important; 
        font-size: 15px !important; 
    } 
} 
 
/* ========================= 
   VERY SMALL MOBILE 
   360px और उससे नीचे 
========================= */ 
 
@media screen and (max-width: 360px) { 

    .navbar .container, 
    .navbar .container-fluid { 
        padding-right: 8px !important; 
        padding-left: 8px !important; 
    } 
 
    .navbar .navbar-brand img, 
    .navbar .custom-logo { 
        max-height: 38px !important; 
    } 
 
    .navbar .navbar-nav > li > a, 
    .navbar .menu > li > a, 
    .navbar li.menu-item > a { 
        padding: 10px !important; 
        font-size: 15px !important; 
    } 
}/* End custom CSS */