.elementor-6 .elementor-element.elementor-element-862b31c{--display:flex;top:0px;bottom:auto;z-index:10;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1%;--padding-bottom:1%;--padding-left:0%;--padding-right:0%;}.elementor-6 .elementor-element.elementor-element-862b31c:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-862b31c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05000000;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header{top:0px;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header-flex{top:0px;}.wpr-hidden-header{z-index:10;}.wpr-hidden-header-flex{z-index:10;}.elementor-6 .elementor-element.elementor-element-862b31c.e-con{--align-self:center;}.elementor-6 .elementor-element.elementor-element-3569568{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:1%;}.elementor-6 .elementor-element.elementor-element-3569568.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.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-6 .elementor-element.elementor-element-85a9566{text-align:start;}.elementor-6 .elementor-element.elementor-element-85a9566 img{width:81%;max-width:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-60548de{text-align:start;}.elementor-6 .elementor-element.elementor-element-60548de .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:600;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-94b6b64{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99999;}.elementor-6 .elementor-element.elementor-element-94b6b64.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-menu-container{background-color:#FFFFFF;height:45px;border-radius:60px 60px 60px 60px;}.elementor-6 .elementor-element.elementor-element-fba15bd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-fba15bd{z-index:999999;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-nav-identity-panel{padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li > a{font-family:"Poppins", Sans-serif;font-size:14px;color:#000000;padding:0px 15px 0px 15px;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li > a:hover{color:#0064D7;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li > a:focus{color:#0064D7;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li > a:active{color:#0064D7;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li:hover > a{color:#0064D7;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#0064D7;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#0064D7;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#0064D7;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#0064D7;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li.current-menu-item > a{color:#0064D7;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#0064D7;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#0064D7;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-6 .elementor-element.elementor-element-fba15bd button.elementskit-menu-hamburger{float:right;}.elementor-6 .elementor-element.elementor-element-fba15bd button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-6 .elementor-element.elementor-element-fba15bd button.elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-6 .elementor-element.elementor-element-fba15bd button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-6 .elementor-element.elementor-element-fba15bd button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-6 .elementor-element.elementor-element-fba15bd button.elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-6 .elementor-element.elementor-element-fba15bd button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-6 .elementor-element.elementor-element-0ce6a6c{--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:center;--align-items:center;--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-6 .elementor-element.elementor-element-0ce6a6c:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-0ce6a6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.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-6 .elementor-element.elementor-element-fe11d54 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-weight:500;fill:var( --e-global-color-9f1a9ab );color:var( --e-global-color-9f1a9ab );box-shadow:0px 0px 3px 0px #014DA7;transition-duration:0.1s;border-radius:30px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-fe11d54{width:auto;max-width:auto;}.elementor-6 .elementor-element.elementor-element-7880547{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:9999999999999;}.elementor-6 .elementor-element.elementor-element-7880547:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-7880547 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-6 .elementor-element.elementor-element-c201eea{--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;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:9999;}.elementor-6 .elementor-element.elementor-element-66d219c{text-align:start;}.elementor-6 .elementor-element.elementor-element-66d219c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:600;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-2de6047{--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;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-hamburger:hover{background-color:#02010100;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-close{background-color:#02010100;border-style:none;color:rgba(51, 51, 51, 1);}.elementor-6 .elementor-element.elementor-element-98dab6c{z-index:0;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-menu-container{height:80px;border-radius:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li > a{font-family:"Poppins", Sans-serif;color:#000000;padding:0px 15px 0px 15px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li > a:hover{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li > a:focus{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li > a:active{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li:hover > a{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-hamburger{float:right;border-style:none;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-hamburger > .ekit-menu-icon{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-3569568{--width:26%;}.elementor-6 .elementor-element.elementor-element-94b6b64{--width:58%;}.elementor-6 .elementor-element.elementor-element-0ce6a6c{--content-width:94%;}.elementor-6 .elementor-element.elementor-element-c201eea{--width:50%;}.elementor-6 .elementor-element.elementor-element-2de6047{--width:50%;}}@media(max-width:1200px){.elementor-6 .elementor-element.elementor-element-862b31c{top:0px;bottom:auto;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header{top:0px;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header-flex{top:0px;}}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-862b31c{top:0px;bottom:auto;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header{top:0px;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header-flex{top:0px;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-menu-container{max-width:350%;border-radius:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-fba15bd button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-6 .elementor-element.elementor-element-fba15bd button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:880px){.elementor-6 .elementor-element.elementor-element-862b31c{top:0px;bottom:auto;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header{top:0px;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header-flex{top:0px;}.elementor-6 .elementor-element.elementor-element-7880547{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:05%;}.elementor-6 .elementor-element.elementor-element-c201eea{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-862b31c{top:0px;bottom:auto;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header{top:0px;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header-flex{top:0px;}.elementor-6 .elementor-element.elementor-element-fba15bd .elementskit-nav-logo > img{max-width:120px;max-height:50px;}.elementor-6 .elementor-element.elementor-element-7880547{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:-80px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:4%;--padding-left:3%;--padding-right:0%;}.elementor-6 .elementor-element.elementor-element-c201eea{--width:50%;--margin-top:13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-2de6047{--width:50%;}.elementor-6 .elementor-element.elementor-element-98dab6c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-menu-container{background-color:#FFFFFF;border-radius:0px 50px 050px 00px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-navbar-nav > li > a{font-size:32px;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-hamburger > .ekit-menu-icon{font-size:22px;}.elementor-6 .elementor-element.elementor-element-98dab6c button.elementskit-menu-close{font-size:25px;}.elementor-6 .elementor-element.elementor-element-98dab6c .elementskit-nav-logo > img{max-width:120px;max-height:50px;}}@media(min-width:2400px){.elementor-6 .elementor-element.elementor-element-862b31c{top:0px;bottom:auto;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header{top:0px;}.elementor-6 .elementor-element.elementor-element-862b31c + .wpr-hidden-header-flex{top:0px;}}/* Start custom CSS for ekit-nav-menu, class: .elementor-element-fba15bd */#menu-main-menu li:first-child {
    padding-left: 15px; 
}

#menu-main-menu li:last-child {
    padding-right: 15px; 
}
/* Hover Pointer Animation */
.ekit-menu-nav-link {
    position: relative;
    color: #000; 
    text-decoration: none; 
    transition: color 0.2s ease; 
}


.ekit-menu-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px; 
    background-color: #0064D7;
    transition: width 0.3s ease, left 0.3s ease; 
    transform: translateX(-50%);
}

/* Hover effect */
.ekit-menu-nav-link:hover {
    color: #0064D7;
}

.ekit-menu-nav-link:hover::after {
    width: 50%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-862b31c *//* Default state (initial header) */
.elementor-element-862b31c {
  background-color: transparent; /* Fully transparent */
  transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
  backdrop-filter: none; /* No blur initially */
}

/* Scrolled state (blurry transparent grey background) */
.elementor-element-862b31c.scrolled {
  background-color: rgba(128, 128, 128, 0.3); /* Semi-transparent grey */
  backdrop-filter: blur(10px); /* Blur effect */
  z-index: 10000; /* Ensure it stays above other elements */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2de6047 *//* Base style for the header */
.elementor-element-a384fe5 {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

/* Background changes to black on scroll */
.scrolled {
  background-color: black !important; /* Black background */
}

/* Add blur at the bottom edge */
.scrolled:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px; /* Adjust height for desired blur effect */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  backdrop-filter: blur(8px); /* Adjust blur intensity */
}

/* Apply only on tablet and mobile */
@media (max-width: 1024px) {

  /* Initial style for the menu wrapper */
  #ekit-megamenu-main-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* Slight transparency for blur effect */
    backdrop-filter: blur(12px); /* Enhanced background blur */
    transform: translateX(100%) scale(0.95); /* Scale down slightly */
    opacity: 0; /* Initially invisible */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease;
    z-index: 1000; /* Ensure it's above other elements when active */
    pointer-events: none; /* Disable clicking when not active */
  }

  /* Active state for smooth, upscale slide-in effect */
  #ekit-megamenu-main-menu.active {
    transform: translateX(0) scale(1); /* Slide in and scale up */
    opacity: 1; /* Fade in */
    pointer-events: auto; /* Enable clicking only when active */
  }

  /* Staggered animation for each menu item */
  #ekit-megamenu-main-menu ul li {
    opacity: 0;
    transform: translateY(20px); /* Start slightly below */
    transition: transform 0.4s ease, opacity 0.4s ease;
  }

  /* Cascade effect by delaying each item */
  #ekit-megamenu-main-menu.active ul li:nth-child(1) {
    transition-delay: 0.2s;
  }
  #ekit-megamenu-main-menu.active ul li:nth-child(2) {
    transition-delay: 0.3s;
  }
  #ekit-megamenu-main-menu.active ul li:nth-child(3) {
    transition-delay: 0.4s;
  }
  #ekit-megamenu-main-menu.active ul li:nth-child(4) {
    transition-delay: 0.5s;
  }

  /* When menu is active, make items visible */
  #ekit-megamenu-main-menu.active ul li {
    opacity: 1;
    transform: translateY(0);
  }

  /* Optional: Close button styling */
  .elementskit-menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
    background: transparent;
    border: none;
    color: #333;
  }
}

.elementskit-menu-overlay{
    display: none!important;
}/* End custom CSS */