.elementor-1218 .elementor-element.elementor-element-f07e9b4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1218 .elementor-element.elementor-element-4324f69{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 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-1218 .elementor-element.elementor-element-4324f69:not(.elementor-motion-effects-element-type-background), .elementor-1218 .elementor-element.elementor-element-4324f69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFDE;}.elementor-1218 .elementor-element.elementor-element-f6099a9 .elementor-repeater-item-c8e7def.elementor-social-icon{background-color:#E30056;}.elementor-1218 .elementor-element.elementor-element-f6099a9{--grid-template-columns:repeat(3, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:5px;}.elementor-1218 .elementor-element.elementor-element-f6099a9.elementor-element{--align-self:center;}.elementor-1218 .elementor-element.elementor-element-f6099a9 .elementor-social-icon{border-style:none;}.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-1218 .elementor-element.elementor-element-775e3bc{width:var( --container-widget-width, 83.467% );max-width:83.467%;--container-widget-width:83.467%;--container-widget-flex-grow:0;z-index:99;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-1218 .elementor-element.elementor-element-775e3bc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-menu-toggle{margin:0 auto;}.elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu .elementor-item{font-size:20px;font-weight:700;}.elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--main .elementor-item:hover, .elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--main .elementor-item:focus{color:#ED0000;fill:#ED0000;}.elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#ED0000;}.elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--dropdown a:hover, .elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--dropdown a:focus, .elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--dropdown a.highlighted, .elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-menu-toggle:hover, .elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-menu-toggle:focus{color:#000000;}.elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--dropdown .elementor-item, .elementor-1218 .elementor-element.elementor-element-775e3bc .elementor-nav-menu--dropdown .elementor-sub-item{font-size:20px;}.elementor-1218 .elementor-element.elementor-element-8b51db5{--display:flex;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-1218 .elementor-element.elementor-element-f34cd68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-1218 .elementor-element.elementor-element-f34cd68 img{width:100%;}.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-1218 .elementor-element.elementor-element-8b51db5{--width:4%;}}/* Start custom CSS for nav-menu, class: .elementor-element-775e3bc *//* ========================================== 1. Centered Container & Fit Layout ========================================== */ .liquid-glass-menu { display: flex !important; justify-content: center !important; width: 100%; } .liquid-glass-menu .elementor-nav-menu--main { display: inline-flex !important; justify-content: center; align-items: center; /* High Readability: Boosted from 0.08 to 0.22 */ background: rgba(255, 255, 255, 0.22) !important; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border-radius: 50px; padding: 6px 14px; border: 1px solid rgba(255, 255, 255, 0.35); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.4); } /* Apple-style Siblings Dimming: Keeps text highly readable at 0.65 instead of 0.5 */ .liquid-glass-menu .elementor-nav-menu--main:hover > .menu-item > a.elementor-item { opacity: 0.65; } /* Main Menu Items */ .liquid-glass-menu .elementor-nav-menu--main > .menu-item > a.elementor-item { position: relative; /* High Readability: Set text color to solid 100% white instead of 85% alpha */ color: #ffffff !important; font-weight: 500; padding: 10px 22px !important; border-radius: 30px; /* Smooth Apple physics curve */ transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; z-index: 1; opacity: 0.95; will-change: transform, opacity; } /* Main Hover & Active States */ .liquid-glass-menu .elementor-nav-menu--main > .menu-item:hover > a.elementor-item { opacity: 1 !important; color: #ffffff !important; /* High Readability: Boosted hover capsule background from 0.12 to 0.30 */ background: rgba(255, 255, 255, 0.30) !important; transform: scale(1.05) translateY(-1px); border: 1px solid rgba(255, 255, 255, 0.45); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.6), 0 0 12px rgba(255, 255, 255, 0.2); } /* Apple Click/Tactile State */ .liquid-glass-menu .elementor-nav-menu--main > .menu-item > a.elementor-item:active { transform: scale(0.97) translateY(0); opacity: 0.9 !important; transition-duration: 0.1s !important; } .liquid-glass-menu .elementor-nav-menu--main > .menu-item.current-menu-item > a.elementor-item, .liquid-glass-menu .elementor-nav-menu--main > .menu-item.elementor-item-active > a.elementor-item { opacity: 1 !important; color: #ffffff !important; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.20) 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.55); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.7); font-weight: 600; } /* ========================================== 2. Liquid Glass Dropdown Menu Styling ========================================== */ .liquid-glass-menu .elementor-nav-menu--main .sub-menu { /* High Readability: Boosted background opacity from 0.75 to 0.92 for absolute text contrast */ background: rgba(255, 255, 255, 0.92) !important; backdrop-filter: blur(24px) saturate(190%) !important; -webkit-backdrop-filter: blur(24px) saturate(190%) !important; border-radius: 20px !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; padding: 10px !important; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important; margin-top: 12px !important; display: block !important; opacity: 0; visibility: hidden; transform: translateY(12px) scale(0.96); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* Reveal Dropdown on Hover */ .liquid-glass-menu .elementor-nav-menu--main .menu-item:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } /* Dropdown Individual Items - Solid Black Text */ .liquid-glass-menu .elementor-nav-menu--main .sub-menu .menu-item a.elementor-sub-item { color: #000000 !important; padding: 10px 18px !important; border-radius: 12px !important; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; font-weight: 500; } /* Dropdown Hover & Active States */ .liquid-glass-menu .elementor-nav-menu--main .sub-menu .menu-item a.elementor-sub-item:hover, .liquid-glass-menu .elementor-nav-menu--main .sub-menu .menu-item.current-menu-item a.elementor-sub-item { color: #ffffff !important; background: #ed0000 !important; box-shadow: 0 4px 14px rgba(237, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.4) !important; transform: translateX(4px) scale(1.02); }/* End custom CSS */