.elementor-3861 .elementor-element.elementor-element-9d46186{--display:flex;--min-height:11vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;}.elementor-3861 .elementor-element.elementor-element-9d46186:not(.elementor-motion-effects-element-type-background), .elementor-3861 .elementor-element.elementor-element-9d46186 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF8F2;}.elementor-3861 .elementor-element.elementor-element-9d46186.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3861 .elementor-element.elementor-element-54ba3bf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;}.elementor-3861 .elementor-element.elementor-element-54ba3bf.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3861 .elementor-element.elementor-element-63efe8f.elementor-element{--align-self:flex-start;}.elementor-3861 .elementor-element.elementor-element-07c6cfc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3861 .elementor-element.elementor-element-07c6cfc.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-site-logo .hfe-site-logo-container .hfe-site-logo-img{border-color:var( --e-global-color-primary );}.elementor-widget-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3861 .elementor-element.elementor-element-3615298 .hfe-site-logo-container, .elementor-3861 .elementor-element.elementor-element-3615298 .hfe-caption-width figcaption{text-align:left;}.elementor-3861 .elementor-element.elementor-element-3615298 .hfe-site-logo .hfe-site-logo-container img{width:28%;}.elementor-3861 .elementor-element.elementor-element-3615298 .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-3861 .elementor-element.elementor-element-3615298 > .elementor-widget-container{padding:0% 0% 0% 12%;}.elementor-3861 .elementor-element.elementor-element-3615298.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3861 .elementor-element.elementor-element-3615298 .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}@media(max-width:1024px){.elementor-widget-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-3861 .elementor-element.elementor-element-9d46186{--width:100%;}.elementor-3861 .elementor-element.elementor-element-54ba3bf{--width:40%;}.elementor-3861 .elementor-element.elementor-element-07c6cfc{--width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3861 .elementor-element.elementor-element-9d46186{--width:437.667px;}.elementor-3861 .elementor-element.elementor-element-54ba3bf{--width:42.603%;}}@media(max-width:767px){.elementor-3861 .elementor-element.elementor-element-9d46186{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3861 .elementor-element.elementor-element-54ba3bf{--width:44%;}.elementor-3861 .elementor-element.elementor-element-07c6cfc{--width:55%;}.elementor-widget-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3861 .elementor-element.elementor-element-3615298 .hfe-site-logo .hfe-site-logo-container img{width:100%;}.elementor-3861 .elementor-element.elementor-element-3615298 .hfe-site-logo img{max-width:100%;}.elementor-3861 .elementor-element.elementor-element-3615298{width:var( --container-widget-width, 158px );max-width:158px;--container-widget-width:158px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-63efe8f */.extract-div1 {
    z-index: 1;
    position: absolute;
    height: 130%;
    width: 100%;
    background: #fbf8f2;
    margin-top: -73%;
}
.extract-div2 {
    z-index: 1;
    position: absolute;
    height: 130%;
    width: 100%;
    background: rgb(0 0 0 / 43%) !important;
    backdrop-filter: blur(10px);
    margin-top: -58%;
}
.extract-div3 {
    z-index: 1;
    position: absolute;
    height: 130%;
    width: 100% !important;
    /*background: rgb(0 0 0 / 70%) !important;*/
     background-image: url('http://zuari-infra.stg.webenza.net/wp-content/uploads/2025/10/image-22.png');
    background-repeat: no-repeat; /* Optional: prevents repeating */
    background-size: cover;       /* Optional: makes image cover the container */
    background-position: center;  /* Optional: centers the image */
    backdrop-filter: blur(4px);
    filter: blur(1px);
    margin-top: -50%;
}


/*.menu .submenu a {*/
/*    padding: 12px 30px !important;*/
/*}*/

/*ul.menu .submenu .submenu li a br {*/
/*    display: none;*/
/*}*/



/*    .share_get,*/
/*    .wrapper_share_get {*/
/*        display: flex;*/
/*        justify-content: center;*/
/*    }*/
    
   
button.share_fix_new {
  color: #081125;
  font-size: 1.05vw !important;
  font-weight: 700;
  font-family: 'Mulish', sans-serif;
}
button.share_fix_new:focus{
    background: #e9e9e9;
    color: #081125;
}
button.share_fix_new:hover{
    color: #081125;
}
.menu-toggle {
    /*position: fixed;*/
    position: relative;
    left: 20px;
    color: #000;
    border: none;
    padding: 10px 15px;
    font-size: 1.4vw;
    cursor: pointer;
    font-family: Mulish;
    align-items: left !important;
    gap: 10px;
}
.menu-toggle img{
    height: 2.3vh;
    display: inline-block;
}

.menu-toggle .menu-label {
    line-height: 1;
    vertical-align: middle !important;
}
.mega-menu {
    position: fixed;
    top: 0;
    left: -300px;
    width: 240px;
    height: 100vh;
    background: #fbf8f2;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
    transition: left 0.3s ease-in-out;
    padding-top: 60px;
    z-index: 10001;
}

/* Close Button */
.close-menu {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

span.close-menu:hover {
    filter: drop-shadow(2px 0px 7px #0000ff);
}

/* Menu Styles */
.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
}

.menu-item {
    position: relative;
}
.menu-item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 15px;
    text-decoration: none;
    color: black;
    font-size: 18px;
    transition: background 0.3s;
}

/*.menu a:hover {*/
/*    background: #FFF1D4;*/
/*    color: #23201D !important;*/
/*    text-decoration: none !important;*/
/*}*/
.submenu  {
    position: absolute;
    left: 100%;
    top: 0;
    width: 300px !important;
    height: 100vh !important;
    /*background: #00000082;*/
    /*box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);*/
    list-style: none;
    padding-top: 55px !important; 
    display: none;
    z-index: 1000;
}

/* Submenu Items - Full Height */
.submenu-item.has-submenu {
    position: relative;
    width: 100%;
}

/* Second-Level Submenu */
.submenu-item.has-submenu .submenu {
    position: absolute;
    left: 100%;
    top: 0;
    width: 275px !important;
    height: 100vh !important;
    /*background: #1E1A1A82;*/
    /*box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);*/
    display: none;
}
.submenu-item.has-submenu > a {
    color: #fff;
    text-decoration: none !important;
}
.submenu-item.has-submenu .submenu > a {
    color: #fff;
    text-decoration: none !important;
}
.submenu a {
    color: #fff !important;
}
.submenu-item a {
    padding: 10px 15px;
    color: #ffffff;
}

.submenu-item.has-submenu {
    position: relative;
}

.submenu-item.has-submenu > a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
}

.submenu-item.has-submenu > a::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: inherit;
}

.submenu {
    margin: 0;
    padding: 0;
}

/* Remove any spacing causing gaps */
.submenu-item {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.menu-toggle {
    z-index:999;
}
.menu-item {
    position: unset;
}
.submenu-item.has-submenu { 
    position: unset;
}
ul.submenu {
    top: 0;
}
.submenu-item.has-submenu:hover > .submenu {
    top: 0;
}
.menu-item.submenu-item.has-submenu > a {
    text-decoration: none !important;
}

/*  Nested submenu (submenu2) */
ul.submenu-container { 
    /*background: rgba(0, 0, 0, 0.6) !important;*/
    /*backdrop-filter: blur(55px) !important;*/
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100vh;
}

/* Remove hover-based submenu opening */
.has-submenu:hover > .submenu,
.submenu-item.has-submenu:hover > .submenu {
    display: none;
}

/* Ensure submenu opens properly when active */
.submenu-container.active {
    display: block !important;
    transform: translateX(0) !important;
}
.submenu.active {
    display: block !important;
    transform: translateX(0);
}

/* Hide submenus initially (off-screen left) */
.submenu {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

ul.menu .submenu .submenu {
    /*background: rgb(23 23 23) !important;*/
    /*backdrop-filter: blur(55px) !important;*/
}



.menu-item a {
    z-index: 2;
    position: relative;
}

.mega-menu .menu .submenu{
    z-index: 0;
}
.close-menu{
    z-index: 9
}
.menu .submenu a {
    padding: 12px 30px !important;
}
.mega-menu .menu .submenu {
    background-color: inherit !important;
    /*backdrop-filter: blur(8px) !important;*/
}
ul.menu .submenu .submenu li a br {
    display: none;
}

/*ul.menu .submenu .submenu {*/
/*    width: 430px;*/
/*}*/


/*.mega-menu .menu .submenu{*/
/*    transition: left 0.3s ease-in-out ;*/
/*}*/

/* Third-Level Dropdownoptions CSS */
.third-level-dropdown {
    display: none;
    padding-left: 15px;
    background: rgba(0, 0, 0, 0.3);
    list-style: none;
    margin-top: 0;
    margin-bottom: 10px;
}

.third-level-dropdown li a {
    font-size: 16px;
    display: block;
    text-decoration: none;
}

/*.third-level-dropdown li a:hover {*/
    /*background: #fff1d4;*/
/*    color: #23201d !important;*/
/*}*/

/* dropdown icon CSS */
.dropdown-arrow {
  transition: transform 0.3s ease;
  font-size: 20px !important;
}

/* Arrow flips up */
.third-menu.open > a .dropdown-arrow {
  transform: rotate(180deg);
}


/* ------ share sticky css --------- */

    .share_get {
        bottom: 2.4vh !important;
        gap: 20px;
        position: relative;
        right: unset;
        z-index: 117;
        width: fit-content;
        background: #FFF;
        padding: 15px;
        left: 0;
        border: 1px solid #EFEFEF;
        border-radius: 20px;
        box-shadow: 0px 7px 8px 2px rgba(0, 0, 0, 0.09);
    }

    .wrapper_share_get {
        width: fit-content;
        right: 0;
        margin: auto;
        position: fixed;
        bottom: 3vh;
        z-index: 11;
        left: 0 !important;
        visibility: hidden;
        opacity: 0;

        transition: opacity 0.3s linear, visibility 0.3s linear;
         pointer-events: auto;
    }
 
    .get_in_sh {
        background-color: #ffc30f;
        color: #141919;
        border: 1px solid #ffc30f;
        padding: 40px 13px;
        margin-left: 10px;
        height: 190px;
        font-size: 1rem;
        writing-mode: vertical-rl;
        transform: rotate(180deg)
    }

    .share_fix {
        background-color: #141919;
        border: 1px solid #141919;
        padding: 10px 13px;
        position: absolute;
        top: -60px;
        right: 0;
        font-size: .9rem
    }

    .share_fix img {
        width: 18px;
        position: relative;
        top: 0
    }

    .share_get,
    .wrapper_share_get {
        display: flex;
        justify-content: center;
    }
    
    button.share_fix_new {
        border: none;
        opacity: 1;
        padding: 18px 14px;
        right: 0;
        font-size: 11px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        height: 5vh;
    }

    button.share_fix_new a {
    color: #081125;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 100%;
    font-size: 1vw;
    font-weight: 700;
    font-size: 1.05vw;
    font-family: Mulish;
    }

    button.share_fix_new img {
        width: 18px !important;
    }
    
    /*    button.share_fix_new:hover {*/
    /*    background: transparent;*/
    /*}*/
   
  /* ----- new css added ------ */
    
    /*.wrapper_share_get.visible {*/
    /*    opacity: 1;*/
    /*    visibility: visible;*/
     
    /*}*/

    .wrapper_share_get.v-visible {
        visibility: visible;
        opacity: 1;
        transition: .2s linear
    }
    
/* ----- hover effect css ------ */
    
     button.share_fix_new a:hover {
        text-decoration: none;
    }
    
    button.share_fix_new:hover {
    background: #e9e9e9;
    opacity: 1;
    border-color: #e9e9e9;
    }
    
    
    @media (max-width:767px) {
        .desk-view {
            display: none !important;
        }
        div#mob-head {
            width: 100% !important;
            height:80px;
       }

    }
    
    @media (min-width:768px) {
       .mob-view {
            display: none !important;
        } 
    }
    
    /* share sticky css end */
    
    @media (max-width: 767px) {
  .share_get {
   
    gap: 6px;
   
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d46186 */.primary-header {
    /*transition: all 0.3s ease-in-out;*/
    /*transition: 0.2s all linear !important;*/
    width: 100% !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.hfe-site-logo-set {
    display: inline-block;
}

.hfe-site-logo {
    width: 100%;
    /*margin-left: 30;*/
}

.hfe-nav-menu.hfe-layout-horizontal.hfe-nav-menu-layout.horizontal.hfe-pointer__none {
    margin-right: 30px;
}

.ehf-header #masthead>.elementor {
    /*min-height: 16vh;*/
    display: flex;
    align-items: center;
}

@media (min-width:768px) and (max-width:1023px){
    .elementor-3861 .elementor-element.elementor-element-9d46186{
    --width: 100% !important;
}


.elementor-4333 .elementor-element.elementor-element-300403f9 {
    --width: 100%;
}


.elementor-element.elementor-element-63efe8f.elementor-hidden-tablet.elementor-hidden-mobile.elementor-widget.elementor-widget-html {
    display: inline;
}
.headerformobile {
    display: none !important;
}

}
@media (max-width: 767px) {
    .hfe-site-logo {
        margin-left: -45px !important;
    }
}/* End custom CSS */
/* Start custom CSS */.menu1 > a:hover {
    background: #FFF1D4;
    color: #23201D !important;
    text-decoration: none !important;
}

.submenu-item > a:hover {
    color: #ffae00 !important;
    text-decoration: none !important;
}

.submenu.submenu-open > li:not(.submenu-bg) > a:hover {
    color: #ffae00 !important;
    text-decoration: none !important;
}


.submenu-item > a:focus,
.submenu-item > a.active,
.submenu-item.current-menu-item > a,
.submenu-item.current_page_item > a {
    color: #ffae00 !important;
    text-decoration: none !important;
}


.submenu-item.has-submenu.active > a,
.submenu-item.has-submenu.current-menu-ancestor > a,
.submenu-item.has-submenu.current_page_ancestor > a {
    color: #ffae00  !important;
    text-decoration: none !important;
}/* End custom CSS */