.elementor-30 .elementor-element.elementor-element-f58d835{--display:flex;--min-height:108px;--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;--margin-top:-67px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:999;}.elementor-30 .elementor-element.elementor-element-f58d835:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-f58d835 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C2000000;}.elementor-30 .elementor-element.elementor-element-574bdd9{--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-30 .elementor-element.elementor-element-574bdd9.e-con{--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 );}body:not(.rtl) .elementor-30 .elementor-element.elementor-element-7fd3565{left:-48px;}body.rtl .elementor-30 .elementor-element.elementor-element-7fd3565{right:-48px;}.elementor-30 .elementor-element.elementor-element-7fd3565{top:-10px;}.elementor-30 .elementor-element.elementor-element-7fd3565 img{width:46%;}.elementor-30 .elementor-element.elementor-element-f5bb2b3{--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-30 .elementor-element.elementor-element-f5bb2b3.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-30 .elementor-element.elementor-element-020c5f5{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 18px;}.elementor-30 .elementor-element.elementor-element-020c5f5 .elementor-menu-toggle{margin:0 auto;}.elementor-30 .elementor-element.elementor-element-020c5f5 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-30 .elementor-element.elementor-element-020c5f5 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-d34a298{--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-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-30 .elementor-element.elementor-element-04bce90 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;border-style:solid;border-width:3px 3px 3px 3px;border-color:#C40000;border-radius:25px 25px 25px 25px;}.elementor-30 .elementor-element.elementor-element-04bce90{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-30:not(.elementor-motion-effects-element-type-background), .elementor-30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5F2;}.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-30 .elementor-element.elementor-element-574bdd9{--width:14.534%;}.elementor-30 .elementor-element.elementor-element-f5bb2b3{--width:63.034%;}.elementor-30 .elementor-element.elementor-element-d34a298{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-f5bb2b3 *//* ========================================================================== 0. RECOMMENDED PAGE BACKGROUND (Glassmorphism requires a background to blur!) ========================================================================== */ body, .elementor-section-wrap { /* A soft, warm neutral gradient allows the peach reflection and blur to stand out */ background: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%); min-height: 100vh; } /* ========================================================================== 1. MAIN HEADER FRAME (Updated with Default & Fallback Backgrounds) ========================================================================== */ #glossy-peach-header { /* Solid fallback color for browsers that do not support backdrop-filter */ background-color: #fff2ea !important; /* Default Glass Background: Bumped to 15% opacity (from 4%) so the peach tint is visible */ background: rgba(255, 225, 210, 0.15) !important; /* Extreme background blur makes it look like polished crystal */ backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); /* The "Gloss" effect: Sharp white reflection on top/left, soft peach on bottom */ border: 1px solid rgba(255, 255, 255, 0.15) !important; border-top: 1.5px solid rgba(255, 255, 255, 0.85) !important; border-left: 1px solid rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(255, 180, 150, 0.2) !important; border-radius: 20px; /* 3D Surface Shine + Ambient Peach Under-glow */ box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.05), 0 8px 20px 0 rgba(255, 140, 100, 0.12), inset 0 1px 0 0 rgba(255, 255, 255, 0.7), inset 0 -1px 0 0 rgba(255, 200, 170, 0.2) !important; transition: all 0.4s ease; } /* ========================================================================== 2. MENU ITEMS (Updated with a Subtle Default Background) ========================================================================== */ #glossy-peach-header .elementor-nav-menu > li > a, .glossy-nav-menu .elementor-nav-menu > li > a { /* Default Background: Soft, semi-transparent white pill instead of fully transparent */ background: rgba(255, 255, 255, 0.3) !important; color: #1a1a1 !important; /* Crisp dark text for maximum readability */ font-weight: 600; padding: 10px 18px !important; border-radius: 12px; /* Subtle default border to define the shape before hovering */ border: 1px solid rgba(255, 255, 255, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* ========================================================================== 3. THE GLOSSY HOVER EFFECT (Illuminated Crystal Pill) ========================================================================== */ #glossy-peach-header .elementor-nav-menu > li > a:hover, #glossy-peach-header .elementor-nav-menu > li.current-menu-item > a, .glossy-nav-menu .elementor-nav-menu > li > a:hover { /* 90% transparent white-to-peach gradient */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 190, 160, 0.2) 100% ) !important; /* Text shifts to a rich, glowing warm coral/peach */ color: #df5827 !important; /* Subtle physical lift on hover */ transform: translateY(-2px); /* The Glossy Pill Edge: Sharp white top reflection */ border: 1px solid rgba(255, 255, 255, 0.5) !important; border-top: 1px solid rgba(255, 255, 255, 0.95) !important; /* Intense internal light reflection + external peach drop-glow */ box-shadow: 0 6px 15px rgba(255, 110, 60, 0.18), inset 0 1px 1px rgba(255, 255, 255, 0.9), inset 0 -1px 2px rgba(255, 180, 150, 0.3) !important; }/* End custom CSS */