.elementor-1865 .elementor-element.elementor-element-1defb668{--display:flex;--min-height:0px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-1865 .elementor-element.elementor-element-1defb668:not(.elementor-motion-effects-element-type-background), .elementor-1865 .elementor-element.elementor-element-1defb668 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEFF0E0;}.elementor-1865 .elementor-element.elementor-element-3ab729a2{--display:flex;--min-height:104px;--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:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:-1px;--padding-bottom:0px;--padding-left:0px;--padding-right:32px;}.elementor-1865 .elementor-element.elementor-element-3ab729a2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .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-1865 .elementor-element.elementor-element-141576f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1865 .elementor-element.elementor-element-141576f img{width:26%;}.elementor-1865 .elementor-element.elementor-element-19fd964{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1865 .elementor-element.elementor-element-19fd964.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1865 .elementor-element.elementor-element-2a9753d9{width:var( --container-widget-width, 100.932% );max-width:100.932%;--container-widget-width:100.932%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-1865 .elementor-element.elementor-element-2a9753d9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main .elementor-item{color:#0090FF;fill:#0090FF;padding-left:0px;padding-right:0px;padding-top:2px;padding-bottom:2px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main .elementor-item:focus{color:#0B72B4;fill:#0B72B4;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#0B72B4;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed .elementor-item:before,
					.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed .elementor-item:after{border-color:#0B72B4;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0B72B4;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#0B72B4;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#0B72B4;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-underline .elementor-item:after,
					 .elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-overline .elementor-item:before,
					 .elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-double-line .elementor-item:before,
					 .elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown a, .elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-menu-toggle{color:#1C244B;fill:#1C244B;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown a:hover,
					.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown a:focus,
					.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown .elementor-item, .elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 div.elementor-menu-toggle{color:#467FF7;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 div.elementor-menu-toggle svg{fill:#467FF7;}.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-1865 .elementor-element.elementor-element-5df7f8b6 .elementor-button{background-color:#467FF7;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#467FF7;border-radius:100px 100px 100px 100px;padding:16px 45px 16px 45px;}.elementor-1865 .elementor-element.elementor-element-5df7f8b6 .elementor-button:hover, .elementor-1865 .elementor-element.elementor-element-5df7f8b6 .elementor-button:focus{background-color:#02010100;color:#467FF7;}.elementor-1865 .elementor-element.elementor-element-5df7f8b6.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1865 .elementor-element.elementor-element-5df7f8b6 .elementor-button:hover svg, .elementor-1865 .elementor-element.elementor-element-5df7f8b6 .elementor-button:focus svg{fill:#467FF7;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1865 .elementor-element.elementor-element-1defb668{--width:100%;}.elementor-1865 .elementor-element.elementor-element-3ab729a2{--width:34%;}.elementor-1865 .elementor-element.elementor-element-19fd964{--width:73.79%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1865 .elementor-element.elementor-element-3ab729a2{--width:18%;}.elementor-1865 .elementor-element.elementor-element-19fd964{--width:90.012%;}}@media(max-width:1024px){.elementor-1865 .elementor-element.elementor-element-1defb668{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1865 .elementor-element.elementor-element-3ab729a2.e-con{--align-self:center;}.elementor-1865 .elementor-element.elementor-element-141576f img{width:78%;}.elementor-1865 .elementor-element.elementor-element-2a9753d9{width:var( --container-widget-width, 555.247px );max-width:555.247px;--container-widget-width:555.247px;--container-widget-flex-grow:0;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown .elementor-item, .elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-1865 .elementor-element.elementor-element-5df7f8b6 .elementor-button{font-size:14px;padding:14px 35px 14px 35px;}}@media(max-width:767px){.elementor-1865 .elementor-element.elementor-element-1defb668{--width:500px;--min-height:0px;}.elementor-1865 .elementor-element.elementor-element-3ab729a2{--width:106.044%;--min-height:0px;}.elementor-1865 .elementor-element.elementor-element-3ab729a2.e-con{--align-self:flex-end;}.elementor-1865 .elementor-element.elementor-element-141576f{width:var( --container-widget-width, 85px );max-width:85px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:85px;--container-widget-flex-grow:0;text-align:left;}.elementor-1865 .elementor-element.elementor-element-141576f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-1865 .elementor-element.elementor-element-141576f img{width:100%;max-width:100%;}.elementor-1865 .elementor-element.elementor-element-19fd964{--width:108.374%;}.elementor-1865 .elementor-element.elementor-element-19fd964.e-con{--align-self:flex-start;}.elementor-1865 .elementor-element.elementor-element-2a9753d9{margin:-16px 144px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-7px -7px -7px -7px;--container-widget-width:510px;--container-widget-flex-grow:0;width:var( --container-widget-width, 510px );max-width:510px;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );--nav-menu-icon-size:30px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-underline .elementor-item:after,
					 .elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-overline .elementor-item:before,
					 .elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-double-line .elementor-item:before,
					 .elementor-1865 .elementor-element.elementor-element-2a9753d9 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main .elementor-item{padding-left:4px;padding-right:4px;padding-top:8px;padding-bottom:8px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--dropdown a{padding-left:18px;padding-right:18px;padding-top:22px;padding-bottom:22px;}.elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1865 .elementor-element.elementor-element-2a9753d9 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:34px !important;}.elementor-1865 .elementor-element.elementor-element-5df7f8b6{margin:-77px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1865 .elementor-element.elementor-element-5df7f8b6 .elementor-button{padding:12px 25px 12px 25px;}}/* Start custom CSS for button, class: .elementor-element-5df7f8b6 *//* ===================================
   GLASS + LIQUID EFFECT - NO TEXT ANIMATION
   Clean and stable
   =================================== */

/* NORMAL STATE - Clean text only */
.elementor-nav-menu--main .elementor-item {
    position: relative;
    padding: 12px 24px !important;
    margin: 0 10px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 18px;
    transition: all 0.4s ease;
    overflow: hidden;
}

/* LIQUID LAYER 1 - Hidden by default */
.elementor-nav-menu--main .elementor-item::before {
    content: '';
    position: absolute;
    top: -100%;
    left: -100%;
    width: 300%;
    height: 300%;
    background: 
        radial-gradient(circle at 30% 40%, rgba(99, 179, 237, 0.8), transparent 60%),
        radial-gradient(circle at 70% 60%, rgba(162, 155, 254, 0.7), transparent 60%),
        radial-gradient(circle at 50% 80%, rgba(251, 146, 60, 0.6), transparent 65%);
    opacity: 0;
    filter: blur(50px);
    transition: opacity 0.5s ease;
    animation: liquidFloat 8s ease-in-out infinite;
    animation-play-state: paused;
    pointer-events: none;
    z-index: 0;
}

/* LIQUID LAYER 2 - Hidden by default */
.elementor-nav-menu--main .elementor-item::after {
    content: '';
    position: absolute;
    top: -100%;
    right: -100%;
    width: 300%;
    height: 300%;
    background: 
        radial-gradient(circle at 40% 50%, rgba(45, 212, 191, 0.75), transparent 60%),
        radial-gradient(circle at 60% 50%, rgba(244, 114, 182, 0.7), transparent 65%);
    opacity: 0;
    filter: blur(45px);
    transition: opacity 0.5s ease;
    animation: liquidFloat2 10s ease-in-out infinite;
    animation-play-state: paused;
    pointer-events: none;
    z-index: 0;
}

/* Text stays on top */
.elementor-nav-menu--main .elementor-item a {
    position: relative;
    z-index: 2;
}


/* ===================================
   HOVER - GLASS + LIQUID ACTIVATE
   =================================== */

/* REALISTIC GLASS on hover */
.elementor-nav-menu--main .elementor-item:hover {
    /* Glass background */
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.35),
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.25)
    ) !important;
    
    /* Glass blur effect */
    backdrop-filter: blur(30px) saturate(150%) brightness(1.1);
    -webkit-backdrop-filter: blur(30px) saturate(150%) brightness(1.1);
    
    /* Glass borders - light reflection */
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-top: 1.5px solid rgba(255, 255, 255, 0.6) !important;
    
    /* Glass shadows */
    box-shadow: 
        0 8px 32px rgba(31, 38, 135, 0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.4),
        inset 0 -1px 2px rgba(0, 0, 0, 0.05) !important;
    
    transform: translateY(-3px);
}

/* LIQUID APPEARS on hover */
.elementor-nav-menu--main .elementor-item:hover::before {
    opacity: 1;
    animation-play-state: running;
}

.elementor-nav-menu--main .elementor-item:hover::after {
    opacity: 1;
    animation-play-state: running;
}

/* Liquid animations */
@keyframes liquidFloat {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    33% {
        transform: translate(10%, -10%) rotate(5deg);
    }
    66% {
        transform: translate(-10%, 10%) rotate(-5deg);
    }
}

@keyframes liquidFloat2 {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    50% {
        transform: translate(-8%, 8%) rotate(-3deg);
    }
}


/* ACTIVE/CURRENT PAGE - Shows glass + liquid */
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-nav-menu--main .elementor-item.current-menu-item {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.3),
        rgba(255, 255, 255, 0.08),
        rgba(255, 255, 255, 0.2)
    ) !important;
    backdrop-filter: blur(25px) saturate(140%);
    -webkit-backdrop-filter: blur(25px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    box-shadow: 
        0 6px 24px rgba(31, 38, 135, 0.25),
        inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
}

.elementor-nav-menu--main .elementor-item.elementor-item-active::before,
.elementor-nav-menu--main .elementor-item.current-menu-item::before {
    opacity: 0.7;
    animation-play-state: running;
}

.elementor-nav-menu--main .elementor-item.elementor-item-active::after,
.elementor-nav-menu--main .elementor-item.current-menu-item::after {
    opacity: 0.6;
    animation-play-state: running;
}


/* ===================================
   RESPONSIVE
   =================================== */

@media (max-width: 1024px) {
    .elementor-nav-menu--main .elementor-item {
        padding: 10px 20px !important;
        margin: 0 8px;
    }
}

@media (max-width: 767px) {
    .elementor-nav-menu--main .elementor-item,
    .elementor-nav-menu--dropdown .elementor-item {
        margin: 8px 15px !important;
        padding: 14px 22px !important;
        width: calc(100% - 30px) !important;
        display: block;
    }
    
    /* Mobile tap shows glass + liquid */
    .elementor-nav-menu--main .elementor-item:active {
        background: linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.35),
            rgba(255, 255, 255, 0.1),
            rgba(255, 255, 255, 0.25)
        ) !important;
        backdrop-filter: blur(30px) saturate(150%);
        -webkit-backdrop-filter: blur(30px) saturate(150%);
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
        box-shadow: 0 8px 32px rgba(31, 38, 135, 0.3) !important;
    }
    
    .elementor-nav-menu--main .elementor-item:active::before,
    .elementor-nav-menu--main .elementor-item:active::after {
        opacity: 0.9;
        animation-play-state: running;
    }
    
    /* Mobile dropdown */
    .elementor-nav-menu--dropdown {
        background: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        padding: 10px 0 !important;
        margin-top: 10px !important;
    }
}


/* ===================================
   DARK MODE
   Add "dark-glass" class to menu
   =================================== */
.dark-glass .elementor-nav-menu--main .elementor-item:hover {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.12),
        rgba(255, 255, 255, 0.05),
        rgba(255, 255, 255, 0.1)
    ) !important;
    backdrop-filter: blur(30px) saturate(150%);
    -webkit-backdrop-filter: blur(30px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}


/* ===================================
   INSTALLATION:
   
   1. Copy ALL this code
   2. Go to: Elementor > Custom CSS
   3. Paste and Save
   4. Clear your cache
   5. Hover over menu items!
   
   WHAT HAPPENS:
   
   NORMAL: 
   - Clean text, no effects
   
   HOVER:
   - Realistic glass appears
   - Colorful liquid flows behind
   - Smooth transition
   
   NO text animations - just glass + liquid!
   =================================== *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1defb668 *//* ===================================
   GLASS + LIQUID EFFECT - NO TEXT ANIMATION
   Clean and stable
   =================================== */

/* NORMAL STATE - Clean text only */
.elementor-nav-menu--main .elementor-item {
    position: relative;
    padding: 12px 24px !important;
    margin: 0 10px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 18px;
    transition: all 0.4s ease;
    overflow: hidden;
}

/* LIQUID LAYER 1 - Hidden by default */
.elementor-nav-menu--main .elementor-item::before {
    content: '';
    position: absolute;
    top: -100%;
    left: -100%;
    width: 300%;
    height: 300%;
    background: 
        radial-gradient(circle at 30% 40%, rgba(99, 179, 237, 0.8), transparent 60%),
        radial-gradient(circle at 70% 60%, rgba(162, 155, 254, 0.7), transparent 60%),
        radial-gradient(circle at 50% 80%, rgba(251, 146, 60, 0.6), transparent 65%);
    opacity: 0;
    filter: blur(50px);
    transition: opacity 0.5s ease;
    animation: liquidFloat 8s ease-in-out infinite;
    animation-play-state: paused;
    pointer-events: none;
    z-index: 0;
}

/* LIQUID LAYER 2 - Hidden by default */
.elementor-nav-menu--main .elementor-item::after {
    content: '';
    position: absolute;
    top: -100%;
    right: -100%;
    width: 300%;
    height: 300%;
    background: 
        radial-gradient(circle at 40% 50%, rgba(45, 212, 191, 0.75), transparent 60%),
        radial-gradient(circle at 60% 50%, rgba(244, 114, 182, 0.7), transparent 65%);
    opacity: 0;
    filter: blur(45px);
    transition: opacity 0.5s ease;
    animation: liquidFloat2 10s ease-in-out infinite;
    animation-play-state: paused;
    pointer-events: none;
    z-index: 0;
}

/* Text stays on top */
.elementor-nav-menu--main .elementor-item a {
    position: relative;
    z-index: 2;
}


/* ===================================
   HOVER - GLASS + LIQUID ACTIVATE
   =================================== */

/* REALISTIC GLASS on hover */
.elementor-nav-menu--main .elementor-item:hover {
    /* Glass background */
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.35),
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.25)
    ) !important;
    
    /* Glass blur effect */
    backdrop-filter: blur(30px) saturate(150%) brightness(1.1);
    -webkit-backdrop-filter: blur(30px) saturate(150%) brightness(1.1);
    
    /* Glass borders - light reflection */
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-top: 1.5px solid rgba(255, 255, 255, 0.6) !important;
    
    /* Glass shadows */
    box-shadow: 
        0 8px 32px rgba(31, 38, 135, 0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.4),
        inset 0 -1px 2px rgba(0, 0, 0, 0.05) !important;
    
    transform: translateY(-3px);
}

/* LIQUID APPEARS on hover */
.elementor-nav-menu--main .elementor-item:hover::before {
    opacity: 1;
    animation-play-state: running;
}

.elementor-nav-menu--main .elementor-item:hover::after {
    opacity: 1;
    animation-play-state: running;
}

/* Liquid animations */
@keyframes liquidFloat {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    33% {
        transform: translate(10%, -10%) rotate(5deg);
    }
    66% {
        transform: translate(-10%, 10%) rotate(-5deg);
    }
}

@keyframes liquidFloat2 {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    50% {
        transform: translate(-8%, 8%) rotate(-3deg);
    }
}


/* ACTIVE/CURRENT PAGE - Shows glass + liquid */
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-nav-menu--main .elementor-item.current-menu-item {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.3),
        rgba(255, 255, 255, 0.08),
        rgba(255, 255, 255, 0.2)
    ) !important;
    backdrop-filter: blur(25px) saturate(140%);
    -webkit-backdrop-filter: blur(25px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    box-shadow: 
        0 6px 24px rgba(31, 38, 135, 0.25),
        inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
}

.elementor-nav-menu--main .elementor-item.elementor-item-active::before,
.elementor-nav-menu--main .elementor-item.current-menu-item::before {
    opacity: 0.7;
    animation-play-state: running;
}

.elementor-nav-menu--main .elementor-item.elementor-item-active::after,
.elementor-nav-menu--main .elementor-item.current-menu-item::after {
    opacity: 0.6;
    animation-play-state: running;
}


/* ===================================
   RESPONSIVE
   =================================== */

@media (max-width: 1024px) {
    .elementor-nav-menu--main .elementor-item {
        padding: 10px 20px !important;
        margin: 0 8px;
    }
}

@media (max-width: 767px) {
    .elementor-nav-menu--main .elementor-item,
    .elementor-nav-menu--dropdown .elementor-item {
        margin: 8px 15px !important;
        padding: 14px 22px !important;
        width: calc(100% - 30px) !important;
        display: block;
    }
    
    /* Mobile tap shows glass + liquid */
    .elementor-nav-menu--main .elementor-item:active {
        background: linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.35),
            rgba(255, 255, 255, 0.1),
            rgba(255, 255, 255, 0.25)
        ) !important;
        backdrop-filter: blur(30px) saturate(150%);
        -webkit-backdrop-filter: blur(30px) saturate(150%);
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
        box-shadow: 0 8px 32px rgba(31, 38, 135, 0.3) !important;
    }
    
    .elementor-nav-menu--main .elementor-item:active::before,
    .elementor-nav-menu--main .elementor-item:active::after {
        opacity: 0.9;
        animation-play-state: running;
    }
    
    /* Mobile dropdown */
    .elementor-nav-menu--dropdown {
        background: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        padding: 10px 0 !important;
        margin-top: 10px !important;
    }
}


/* ===================================
   DARK MODE
   Add "dark-glass" class to menu
   =================================== */
.dark-glass .elementor-nav-menu--main .elementor-item:hover {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.12),
        rgba(255, 255, 255, 0.05),
        rgba(255, 255, 255, 0.1)
    ) !important;
    backdrop-filter: blur(30px) saturate(150%);
    -webkit-backdrop-filter: blur(30px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}


/* ===================================
   INSTALLATION:
   
   1. Copy ALL this code
   2. Go to: Elementor > Custom CSS
   3. Paste and Save
   4. Clear your cache
   5. Hover over menu items!
   
   WHAT HAPPENS:
   
   NORMAL: 
   - Clean text, no effects
   
   HOVER:
   - Realistic glass appears
   - Colorful liquid flows behind
   - Smooth transition
   
   NO text animations - just glass + liquid!
   =================================== *//* End custom CSS */