.elementor-562 .elementor-element.elementor-element-f7eddc0{--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;--overlay-opacity:0.25;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;--z-index:99999999;}.elementor-562 .elementor-element.elementor-element-f7eddc0:not(.elementor-motion-effects-element-type-background), .elementor-562 .elementor-element.elementor-element-f7eddc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9E6A6A00;}.elementor-562 .elementor-element.elementor-element-f7eddc0::before, .elementor-562 .elementor-element.elementor-element-f7eddc0 > .elementor-background-video-container::before, .elementor-562 .elementor-element.elementor-element-f7eddc0 > .e-con-inner > .elementor-background-video-container::before, .elementor-562 .elementor-element.elementor-element-f7eddc0 > .elementor-background-slideshow::before, .elementor-562 .elementor-element.elementor-element-f7eddc0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-562 .elementor-element.elementor-element-f7eddc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #FFFFFF00 100%);}.elementor-562 .elementor-element.elementor-element-bd05390{--display:flex;--justify-content:center;}.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-562 .elementor-element.elementor-element-ad21ac0{text-align:start;}.elementor-562 .elementor-element.elementor-element-ad21ac0 img{width:30%;}.elementor-562 .elementor-element.elementor-element-04b754e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-562 .elementor-element.elementor-element-39be2d4 .elementor-menu-toggle{margin:0 auto;}.elementor-562 .elementor-element.elementor-element-39be2d4 .elementor-nav-menu .elementor-item{font-family:"Manrope", Sans-serif;font-size:0.9vw;font-weight:600;text-transform:uppercase;letter-spacing:0.03rem;}.elementor-562 .elementor-element.elementor-element-39be2d4 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-39be2d4 .elementor-nav-menu--main .elementor-item:hover, .elementor-562 .elementor-element.elementor-element-39be2d4 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-562 .elementor-element.elementor-element-39be2d4 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-562 .elementor-element.elementor-element-39be2d4 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-39be2d4 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-562 .elementor-element.elementor-element-39be2d4 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-562 .elementor-element.elementor-element-39be2d4 .e--pointer-framed .elementor-item:before, .elementor-562 .elementor-element.elementor-element-39be2d4 .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-562 .elementor-element.elementor-element-39be2d4 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-f3ca867{--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;}.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-562 .elementor-element.elementor-element-bd05390{--width:20%;}.elementor-562 .elementor-element.elementor-element-04b754e{--width:60%;}.elementor-562 .elementor-element.elementor-element-f3ca867{--width:20%;}}/* Start custom CSS for nav-menu, class: .elementor-element-39be2d4 *//* ========================================= 1. LOAD FONTS & ICONS ========================================= */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&display=swap'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css'); /* ========================================= 2. ULTRA GLASS BUTTON (.btn-glass-tour) ========================================= */ .btn-glass-tour { position: relative; display: inline-flex; align-items: center; gap: 12px; padding: 14px 28px; border-radius: 100px; /* Typography */ font-family: 'Manrope', sans-serif; font-size: clamp(12px, 0.9vw, 15px); font-weight: 600; letter-spacing: 0.08rem; text-transform: uppercase; text-decoration: none; /* Force White Text */ color: #ffffff !important; text-shadow: 0 2px 4px rgba(0,0,0,0.1); cursor: pointer; overflow: hidden; /* Contains the shine */ /* Glass Base */ background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.2); /* 3D Lighting (Rim Light + Shadow) */ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), /* Top Rim */ inset 0 0 20px 0 rgba(255, 255, 255, 0.05), 0 10px 30px -5px rgba(0, 0, 0, 0.2); transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); } /* Button Shine Animation Layer */ .btn-glass-tour::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.3), transparent ); transition: all 0.6s ease; z-index: 1; } /* Button Content Protection */ .btn-glass-tour span, .btn-glass-tour i { position: relative; z-index: 2; color: #ffffff !important; } /* Button Hover Effects */ .btn-glass-tour:hover { background: rgba(255, 255, 255, 0.15); transform: translateY(-3px); border-color: rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.7), inset 0 0 20px 0 rgba(255, 255, 255, 0.1), 0 20px 40px -5px rgba(0, 0, 0, 0.3); } .btn-glass-tour:hover::before { left: 100%; /* Swipe shine across */ } /* ========================================= 3. ULTRA GLASS CONTAINER (.blur-bg) ========================================= */ .blur-bg { position: relative; overflow: hidden; /* Glass Base */ background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); /* Shape & Border */ border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; /* 3D Lighting */ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), /* Top Rim */ inset 0 0 20px 0 rgba(255, 255, 255, 0.05), 0 20px 40px -10px rgba(0, 0, 0, 0.15); transition: transform 0.4s ease, box-shadow 0.4s ease; } /* Container Shine Animation Layer */ .blur-bg::before { content: ""; position: absolute; top: 0; left: -150%; width: 150%; height: 100%; background: linear-gradient( 115deg, transparent 40%, rgba(255, 255, 255, 0.3) 50%, transparent 60% ); transform: skewX(-20deg); pointer-events: none; transition: left 0.7s ease; z-index: 0; } /* Container Content Protection */ .blur-bg > * { position: relative; z-index: 2; } /* Container Hover Effects */ .blur-bg:hover { transform: translateY(-5px); border-color: rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.7), inset 0 0 20px 0 rgba(255, 255, 255, 0.1), 0 30px 60px -12px rgba(0, 0, 0, 0.25); } .blur-bg:hover::before { left: 100%; /* Swipe shine across */ }/* End custom CSS */