.elementor-10358 .elementor-element.elementor-element-6505983{--display:flex;--min-height:60px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-65px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:25;}.elementor-10358 .elementor-element.elementor-element-6505983:not(.elementor-motion-effects-element-type-background), .elementor-10358 .elementor-element.elementor-element-6505983 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-10358 .elementor-element.elementor-element-574e579 > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-10358 .elementor-element.elementor-element-daed2c9 > .elementor-widget-container{margin:0px 0px -9px 0px;}.elementor-10358 .elementor-element.elementor-element-daed2c9 .elementor-icon-wrapper{text-align:center;}.elementor-10358 .elementor-element.elementor-element-daed2c9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-6b8b7ae6 );}.elementor-10358 .elementor-element.elementor-element-daed2c9.elementor-view-framed .elementor-icon, .elementor-10358 .elementor-element.elementor-element-daed2c9.elementor-view-default .elementor-icon{color:var( --e-global-color-6b8b7ae6 );border-color:var( --e-global-color-6b8b7ae6 );}.elementor-10358 .elementor-element.elementor-element-daed2c9.elementor-view-framed .elementor-icon, .elementor-10358 .elementor-element.elementor-element-daed2c9.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-6b8b7ae6 );}.elementor-10358 .elementor-element.elementor-element-daed2c9.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-secondary );}.elementor-10358 .elementor-element.elementor-element-daed2c9.elementor-view-framed .elementor-icon:hover, .elementor-10358 .elementor-element.elementor-element-daed2c9.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-10358 .elementor-element.elementor-element-daed2c9.elementor-view-framed .elementor-icon:hover, .elementor-10358 .elementor-element.elementor-element-daed2c9.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-secondary );}.elementor-10358 .elementor-element.elementor-element-daed2c9 .elementor-icon{font-size:25px;}.elementor-10358 .elementor-element.elementor-element-daed2c9 .elementor-icon svg{height:25px;}.elementor-10358 .elementor-element.elementor-element-87a395f{--display:flex;}.elementor-10358 .elementor-element.elementor-element-a3f207a .e-off-canvas__content{background-color:#00000000;}.elementor-10358 .elementor-element.elementor-element-a3f207a{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:100%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:0.3s;--e-off-canvas-overlay-opacity:0;}.elementor-10358 .elementor-element.elementor-element-a204bdf{--display:flex;--min-height:100vh;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10358 .elementor-element.elementor-element-75c061b{--display:flex;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10358 .elementor-element.elementor-element-6347151 .elementor-button{background-color:#00000000;font-family:"Instrument Sans", Sans-serif;font-size:12px;font-weight:600;}.elementor-10358 .elementor-element.elementor-element-6347151 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-10358 .elementor-element.elementor-element-6347151 .elementor-button:hover, .elementor-10358 .elementor-element.elementor-element-6347151 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-10358 .elementor-element.elementor-element-6347151 .elementor-button:hover svg, .elementor-10358 .elementor-element.elementor-element-6347151 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.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--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-10358 .elementor-element.elementor-element-c69abbb{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 5px / 2 );}.elementor-10358 .elementor-element.elementor-element-c69abbb.elementor-element{--align-self:center;}.elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu .elementor-item{font-family:"Instrument Sans", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;}.elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-6b8b7ae6 );fill:var( --e-global-color-6b8b7ae6 );padding-left:25px;padding-right:25px;padding-top:20px;padding-bottom:20px;}.elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main .elementor-item:hover, .elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main .elementor-item.highlighted, .elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF00;}.elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-framed .elementor-item:before, .elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-framed .elementor-item:after{border-color:#FFFFFF00;}.elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-underline .elementor-item:after, .elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-overline .elementor-item:before, .elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-double-line .elementor-item:before, .elementor-10358 .elementor-element.elementor-element-c69abbb .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:5px;}.elementor-10358 .elementor-element.elementor-element-647513f{--display:flex;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10358 .elementor-element.elementor-element-abd66fa{width:var( --container-widget-width, 165px );max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0;}.elementor-10358 .elementor-element.elementor-element-abd66fa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10358 .elementor-element.elementor-element-abd66fa.elementor-element{--align-self:center;}.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 );}.elementor-10358 .elementor-element.elementor-element-c774310 > .elementor-widget-container{margin:-7px 0px 0px 0px;padding:0px 0px 110px 0px;}.elementor-10358 .elementor-element.elementor-element-c774310{text-align:center;}.elementor-10358 .elementor-element.elementor-element-c774310 .elementor-heading-title{font-family:"Playfair", Sans-serif;font-size:14px;font-weight:500;font-style:italic;letter-spacing:2px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-10358 .elementor-element.elementor-element-6505983{--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;--justify-content:space-between;}.elementor-10358 .elementor-element.elementor-element-6505983.e-con{--order:-99999 /* order start hack */;}.elementor-10358 .elementor-element.elementor-element-a3f207a{--e-off-canvas-justify-content:center;--e-off-canvas-width:100%;}.elementor-10358 .elementor-element.elementor-element-6347151 .elementor-button{font-size:11px;border-radius:0px 0px 0px 0px;padding:0px 10px 0px 0px;}.elementor-10358 .elementor-element.elementor-element-c69abbb{width:var( --container-widget-width, 93% );max-width:93%;--container-widget-width:93%;--container-widget-flex-grow:0;}.elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-10358 .elementor-element.elementor-element-c69abbb .elementor-nav-menu--main .elementor-item{padding-top:15px;padding-bottom:15px;}.elementor-10358 .elementor-element.elementor-element-abd66fa > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10358 .elementor-element.elementor-element-abd66fa{--container-widget-width:140px;--container-widget-flex-grow:0;width:var( --container-widget-width, 140px );max-width:140px;}.elementor-10358 .elementor-element.elementor-element-c774310 > .elementor-widget-container{padding:0px 0px 75px 0px;}.elementor-10358 .elementor-element.elementor-element-c774310 .elementor-heading-title{font-size:12px;}}/* Start custom CSS for container, class: .elementor-element-6505983 *//* ============================================ GLASS HEADER DOCK + SHRINK + LOGO SWAP ============================================ */ .elementor-10358 .elementor-element.elementor-element-6505983 { position: sticky; top: 15px; z-index: 999; width: min(94%, 1280px); margin-inline: auto; padding: 14px 28px; /* INITIAL STATE — transparent over bright hero */ background: transparent; border: 1px solid transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; border-radius: 18px; transition: padding 0.35s ease, width 0.35s ease, top 0.35s ease, background 0.45s ease, border-color 0.45s ease, border-radius 0.35s ease, box-shadow 0.45s ease, backdrop-filter 0.45s ease; } /* Top-light highlight — only appears in scrolled state */ .elementor-10358 .elementor-element.elementor-element-6505983::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 55% ); pointer-events: none; opacity: 0; transition: opacity 0.45s ease; } body.scrolled .elementor-10358 .elementor-element.elementor-element-6505983::before { opacity: 1; } .elementor-10358 .elementor-element.elementor-element-6505983 > * { position: relative; z-index: 1; } /* ===== SCROLLED STATE — dark glass appears ===== */ body.scrolled .elementor-10358 .elementor-element.elementor-element-6505983 { top: 8px; width: min(88%, 1100px); padding: 8px 20px; border-radius: 14px; background: rgba(15, 18, 25, 0.65); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08); } /* ===== LOGO SWAP ===== Both logos sit in the same spot, only one is visible at a time. */ .elementor-10358 .elementor-element.elementor-element-6505983 .wg-header-logo { position: relative; display: inline-block; line-height: 0; } .elementor-10358 .elementor-element.elementor-element-6505983 .wg-logo { display: block; height: 24px; /* default size — adjust this number */ width: auto; transition: height 0.35s ease, opacity 0.45s ease; } /* Dark logo — visible by default (over bright hero) */ .elementor-10358 .elementor-element.elementor-element-6505983 .wg-logo-dark { opacity: 1; } /* Light logo — hidden by default, sits on top of dark, ready to fade in */ .elementor-10358 .elementor-element.elementor-element-6505983 .wg-logo-light { position: absolute; inset: 0; opacity: 0; pointer-events: none; } /* On scroll, fade between the two */ body.scrolled .elementor-10358 .elementor-element.elementor-element-6505983 .wg-logo-dark { opacity: 0; } body.scrolled .elementor-10358 .elementor-element.elementor-element-6505983 .wg-logo-light { opacity: 1; } /* Shrink both logos when scrolled */ body.scrolled .elementor-10358 .elementor-element.elementor-element-6505983 .wg-logo { height: 20px; /* shrunk size when scrolled */ } /* ===== HAMBURGER ICON COLOR ===== Targets the Elementor icon widget inside this header. The icon inherits 'currentColor' via SVG, so changing color cascades. */ .elementor-10358 .elementor-element.elementor-element-6505983 .elementor-widget-icon, .elementor-10358 .elementor-element.elementor-element-6505983 .elementor-widget-icon i, .elementor-10358 .elementor-element.elementor-element-6505983 .elementor-widget-icon svg { color: #0a0d12 !important; /* DARK by default (visible on bright hero) */ fill: currentColor !important; transition: color 0.45s ease, fill 0.45s ease !important; } /* On scroll, hamburger turns white */ body.scrolled .elementor-10358 .elementor-element.elementor-element-6505983 .elementor-widget-icon, body.scrolled .elementor-10358 .elementor-element.elementor-element-6505983 .elementor-widget-icon i, body.scrolled .elementor-10358 .elementor-element.elementor-element-6505983 .elementor-widget-icon svg { color: #ffffff !important; } /* Mobile */ @media (max-width: 767px) { .elementor-10358 .elementor-element.elementor-element-6505983 { top: 16px; width: 92%; padding: 10px 16px; border-radius: 14px; } body.scrolled .elementor-10358 .elementor-element.elementor-element-6505983 { top: 6px; width: 94%; padding: 7px 14px; } .elementor-10358 .elementor-element.elementor-element-6505983 .wg-logo { height: 18px; } body.scrolled .elementor-10358 .elementor-element.elementor-element-6505983 .wg-logo { height: 15px; } } @supports not (backdrop-filter: blur(1px)) { body.scrolled .elementor-10358 .elementor-element.elementor-element-6505983 { background: rgba(15, 18, 25, 0.92); } }/* End custom CSS */ /* Start custom CSS *//* ============================================ UNIVERSAL DARK GLASS CLASS ============================================ */ .glass-card { position: relative; /* The dark glass */ background: rgba(15, 18, 25, 0.45) !important; backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%); /* Edge + depth */ border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 18px; box-shadow: 0 10px 36px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06); /* Smooth interactions */ transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; /* Ensures pseudo-elements clip cleanly */ overflow: hidden; } /* Soft top-light highlight */ .glass-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 55% ); pointer-events: none; z-index: 0; } /* Keep all content above the highlight */ .glass-card > * { position: relative; z-index: 1; } /* Hover lift — remove this block if you don't want hover effect */ .glass-card:hover { background: rgba(15, 18, 25, 0.55) !important; box-shadow: 0 14px 44px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08); transform: translateY(-2px); } /* ===== Optional size variants ===== */ /* Tighter radius for small UI elements like buttons or pills */ .glass-card.glass-sm { border-radius: 12px; } /* Larger radius for hero panels or feature cards */ .glass-card.glass-lg { border-radius: 24px; } /* ===== Optional tint variants ===== */ /* Lighter glass — for use on dark backgrounds */ .glass-card.glass-light { background: rgba(255, 255, 255, 0.12) !important; border-color: rgba(255, 255, 255, 0.22); } .glass-card.glass-light:hover { background: rgba(255, 255, 255, 0.16) !important; } /* Cool blue-tinted glass */ .glass-card.glass-blue { background: rgba(20, 28, 45, 0.5) !important; } .glass-card.glass-blue:hover { background: rgba(20, 28, 45, 0.6) !important; } /* ===== Mobile tweaks ===== */ @media (max-width: 767px) { .glass-card { border-radius: 14px; } .glass-card.glass-sm { border-radius: 10px; } .glass-card.glass-lg { border-radius: 18px; } } /* ===== Fallback for browsers without backdrop-filter ===== */ @supports not (backdrop-filter: blur(1px)) { .glass-card { background: rgba(15, 18, 25, 0.9) !important; } .glass-card.glass-light { background: rgba(255, 255, 255, 0.85) !important; } } /* ============================================ OFF-CANVAS MENU — DARK GLASS BACKGROUND ============================================ */ /* Main off-canvas panel — supports Elementor's main off-canvas .elementor-10358s */ .e-off-canvas, .elementor-off-canvas, .e-con.e-off-canvas__main, .elementor-element.e-off-canvas .e-off-canvas__main, [data-element_type="off-canvas.default"] .e-off-canvas__main { background: rgba(15, 18, 25, 0.75) !important; backdrop-filter: blur(24px) saturate(160%) !important; -webkit-backdrop-filter: blur(24px) saturate(160%) !important; border-left: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: -20px 0 60px rgba(0, 0, 0, 0.5), inset 1px 0 0 rgba(255, 255, 255, 0.06) !important; color: #fff !important; } /* If the panel opens from the right (most common), border on the left edge */ .e-off-canvas[data-direction="end"] .e-off-canvas__main, .elementor-off-canvas[data-direction="end"] { border-left: 1px solid rgba(255, 255, 255, 0.08) !important; border-right: none !important; box-shadow: -20px 0 60px rgba(0, 0, 0, 0.5), inset 1px 0 0 rgba(255, 255, 255, 0.06) !important; } /* If the panel opens from the left, flip the border and shadow */ .e-off-canvas[data-direction="start"] .e-off-canvas__main, .elementor-off-canvas[data-direction="start"] { border-right: 1px solid rgba(255, 255, 255, 0.08) !important; border-left: none !important; box-shadow: 20px 0 60px rgba(0, 0, 0, 0.5), inset -1px 0 0 rgba(255, 255, 255, 0.06) !important; } /* Top/bottom direction variants */ .e-off-canvas[data-direction="top"] .e-off-canvas__main { border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.06) !important; } .e-off-canvas[data-direction="bottom"] .e-off-canvas__main { border-top: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important; } /* Overlay/backdrop behind the panel — slightly darker for depth */ .e-off-canvas__overlay, .elementor-off-canvas__overlay { background: rgba(0, 0, 0, 0.55) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; } /* Close button (X icon) — keep it visible against the glass */ .e-off-canvas__close-button, .elementor-off-canvas__close-button { color: rgba(255, 255, 255, 0.7) !important; transition: color 0.3s ease, transform 0.3s ease !important; } .e-off-canvas__close-button:hover, .elementor-off-canvas__close-button:hover { color: #fff !important; transform: rotate(90deg) !important; } /* ===== Menu items inside the off-canvas (if you have a nav menu inside) ===== */ .e-off-canvas .elementor-nav-menu a, .e-off-canvas .elementor-nav-menu li a { color: rgba(255, 255, 255, 0.85) !important; transition: color 0.3s ease !important; } .e-off-canvas .elementor-nav-menu a:hover, .e-off-canvas .elementor-nav-menu li a:hover { color: #fff !important; background: transparent !important; } /* Menu item dividers — subtle hairlines */ .e-off-canvas .elementor-nav-menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .e-off-canvas .elementor-nav-menu li:last-child { border-bottom: none; }/* End custom CSS */