.elementor-414 .elementor-element.elementor-element-7b0403e3{--display:flex;--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:6;}.elementor-414 .elementor-element.elementor-element-9da3733{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-414 .elementor-element.elementor-element-2546b7e3{width:var( --container-widget-width, 63.648% );max-width:63.648%;--e-transform-scale:0.9;--container-widget-width:63.648%;--container-widget-flex-grow:0;text-align:start;}.elementor-414 .elementor-element.elementor-element-2546b7e3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-414 .elementor-element.elementor-element-2546b7e3 img{width:230px;}.elementor-414 .elementor-element.elementor-element-2b3d52bb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-414 .elementor-element.elementor-element-1b863403 button.elementskit-menu-hamburger:hover{background-color:#ff5e13;}.elementor-414 .elementor-element.elementor-element-1b863403{z-index:15;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-menu-container{height:70px;border-radius:0px 0px 0px 0px;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li > a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;text-transform:capitalize;color:#FFFFFF;padding:0px 15px 0px 15px;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li > a:hover{color:#F08747;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li > a:focus{color:#F08747;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li > a:active{color:#F08747;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li:hover > a{color:#F08747;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#F08747;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#F08747;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#F08747;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#F08747;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li.current-menu-item > a{color:var( --e-global-color-6b9a12f );}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:var( --e-global-color-6b9a12f );}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:var( --e-global-color-6b9a12f );}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#273171;fill:#273171;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#273171;fill:#273171;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;padding:6px 0px 7px 0px;color:#000000;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#121147;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#121147;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#121147;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#121147;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-submenu-panel{padding:15px 15px 15px 25px;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.12);}.elementor-414 .elementor-element.elementor-element-1b863403 button.elementskit-menu-hamburger{float:right;border-style:solid;border-color:#ff5e13;}.elementor-414 .elementor-element.elementor-element-1b863403 button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:#ff5e13;}.elementor-414 .elementor-element.elementor-element-1b863403 button.elementskit-menu-hamburger > .ekit-menu-icon{color:#ff5e13;}.elementor-414 .elementor-element.elementor-element-1b863403 button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(255,255,255,0.5);}.elementor-414 .elementor-element.elementor-element-1b863403 button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(255,255,255,0.5);}.elementor-414 .elementor-element.elementor-element-1b863403 button.elementskit-menu-close{color:#ff5e13;}.elementor-414 .elementor-element.elementor-element-1b863403 button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-414 .elementor-element.elementor-element-d212d66{--display:flex;--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;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-414 .elementor-element.elementor-element-d212d66.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-414 .elementor-element.elementor-element-b351b7e .elementor-button{background-color:var( --e-global-color-6b9a12f );border-radius:39px 39px 39px 39px;}@media(max-width:1024px){.elementor-414 .elementor-element.elementor-element-7b0403e3{--justify-content:space-between;--flex-wrap:nowrap;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-414 .elementor-element.elementor-element-1b863403 button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-414 .elementor-element.elementor-element-1b863403 button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:767px){.elementor-414 .elementor-element.elementor-element-7b0403e3{--justify-content:space-between;--flex-wrap:nowrap;}.elementor-414 .elementor-element.elementor-element-9da3733{--width:50%;}.elementor-414 .elementor-element.elementor-element-2b3d52bb{--width:50%;}.elementor-414 .elementor-element.elementor-element-1b863403{z-index:100;}.elementor-414 .elementor-element.elementor-element-1b863403 button.elementskit-menu-hamburger{border-width:1px 1px 1px 1px;}.elementor-414 .elementor-element.elementor-element-1b863403 .elementskit-nav-logo > img{max-width:120px;max-height:50px;}}@media(min-width:768px){.elementor-414 .elementor-element.elementor-element-9da3733{--width:20%;}.elementor-414 .elementor-element.elementor-element-2b3d52bb{--width:60%;}.elementor-414 .elementor-element.elementor-element-d212d66{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-414 .elementor-element.elementor-element-9da3733{--width:50%;}.elementor-414 .elementor-element.elementor-element-2b3d52bb{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-7b0403e3 *//* ====================================================================== SIDDHASANA STICKY HEADER — "Dark Liquid Glass" (mobile-menu-safe) The ElementsKit mobile menu panel is a position:fixed DESCENDANT of this header container. Any transform / will-change / backdrop-filter on the header makes it the containing block for that fixed panel, trapping the off-canvas menu inside the ~90px header box (menu "won't open"). FIX: all containing-block-establishing props are gated to DESKTOP (>=1025px) only — the hamburger menu exists solely at <=1024px, so desktop keeps the full glass + hide-on-scroll while mobile is a plain translucent bar and the fixed menu panel is viewport-relative again. ====================================================================== */ /* BASE (all viewports) — translucent dark bar. NO transform / backdrop-filter / will-change here, so on mobile the header is NOT a containing block. White nav text stays readable on the dark tint over both hero and content. */ .elementor-414 .elementor-element.elementor-element-7b0403e3{ background-color: rgba(14,11,28,0.72)!important; border-bottom: 1px solid rgba(255,255,255,0.10)!important; box-shadow: 0 8px 30px rgba(0,0,0,0.28)!important; transition: transform .35s ease, background-color .3s ease, box-shadow .3s ease!important; } .elementor-414 .elementor-element.elementor-element-7b0403e3.elementor-sticky--effects{ background-color: rgba(14,11,28,0.90)!important; } /* DESKTOP ONLY (>=1025px, no hamburger menu here) — real liquid glass + hide-on-scroll */ @media (min-width:1025px){ .elementor-414 .elementor-element.elementor-element-7b0403e3{ will-change: transform; } @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){ .elementor-414 .elementor-element.elementor-element-7b0403e3{ background-color: rgba(14,11,28,0.24)!important; background-image: linear-gradient( to bottom, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.04) 45%, rgba(255,255,255,0.00) 75%, rgba(255,255,255,0.05) 100% )!important; -webkit-backdrop-filter: blur(20px) saturate(160%)!important; backdrop-filter: blur(20px) saturate(160%)!important; border-bottom: 1px solid rgba(255,255,255,0.16)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 10px 34px rgba(0,0,0,0.28)!important; } .elementor-414 .elementor-element.elementor-element-7b0403e3.elementor-sticky--effects{ background-color: rgba(14,11,28,0.62)!important; -webkit-backdrop-filter: blur(24px) saturate(170%)!important; backdrop-filter: blur(24px) saturate(170%)!important; border-bottom: 1px solid rgba(240,135,71,0.40)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 12px 36px rgba(0,0,0,0.30)!important; } } /* hide-on-scroll transform — desktop only (transform would trap the fixed mobile menu) */ .elementor-414 .elementor-element.elementor-element-7b0403e3.sdh-nav-hidden{ transform: translateY(-100%)!important; } } /* PRESERVED BEHAVIOR */ .elementor-414 .elementor-element.elementor-element-7b0403e3.elementor-sticky--effects >.elementor-container{ min-height: 70px; } .elementor-414 .elementor-element.elementor-element-7b0403e3 > .elementor-container{ transition: min-height 1s ease !important; }/* End custom CSS */