.elementor-226 .elementor-element.elementor-element-5bb7f8b{--display:flex;--position:absolute;--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;top:0px;--z-index:999;}body:not(.rtl) .elementor-226 .elementor-element.elementor-element-5bb7f8b{left:0px;}body.rtl .elementor-226 .elementor-element.elementor-element-5bb7f8b{right:0px;}.elementor-226 .elementor-element.elementor-element-1210c59{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-226 .elementor-element.elementor-element-181ed4d img{width:30%;}.elementor-226 .elementor-element.elementor-element-f819de8{--display:flex;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:10px;--padding-bottom:010px;--padding-left:0px;--padding-right:0px;}.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-226 .elementor-element.elementor-element-c757450 .elementor-menu-toggle{margin:0 auto;}.elementor-226 .elementor-element.elementor-element-c757450 .elementor-nav-menu .elementor-item{font-family:"Work Sans", Sans-serif;font-weight:600;}@media(max-width:1024px){.elementor-226 .elementor-element.elementor-element-f819de8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-c757450 .elementor-nav-menu .elementor-item{font-size:16px;}}@media(max-width:767px){.elementor-226 .elementor-element.elementor-element-1210c59{--width:30%;}.elementor-226 .elementor-element.elementor-element-181ed4d img{width:50%;}.elementor-226 .elementor-element.elementor-element-f819de8{--width:25%;}}@media(min-width:768px){.elementor-226 .elementor-element.elementor-element-1210c59{--width:20%;}.elementor-226 .elementor-element.elementor-element-f819de8{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-226 .elementor-element.elementor-element-f819de8{--width:70%;}}/* Start custom CSS for container, class: .elementor-element-f819de8 *//* ===== LIQUID GLASS EFFECT ===== */ .elementor-226 .elementor-element.elementor-element-f819de8 { background: linear-gradient( 135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 40%, rgba(255, 255, 255, 0.06) 60%, rgba(255, 255, 255, 0.02) 100% ) !important; backdrop-filter: blur(3px) saturate(100%) brightness(1) !important; -webkit-backdrop-filter: blur(40px) saturate(180%) brightness(0.5) !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; border-radius: 50px !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.15), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 0 0 0 0.5px rgba(255, 255, 255, 0.08) !important; overflow: hidden !important; position: relative !important; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } /* ✨ Top Light Shine */ .elementor-226 .elementor-element.elementor-element-f819de8::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 50%; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 40%, transparent 100% ); border-radius: 20px 20px 0 0; pointer-events: none; z-index: 1; } /* 🌊 Liquid Ripple Moving Effect */ .elementor-226 .elementor-element.elementor-element-f819de8::after { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient( ellipse at 20% 50%, rgba(255, 255, 255, 0.06) 0%, transparent 50% ), radial-gradient( ellipse at 80% 20%, rgba(200, 220, 255, 0.05) 0%, transparent 40% ), radial-gradient( ellipse at 60% 80%, rgba(255, 255, 255, 0.04) 0%, transparent 45% ); pointer-events: none; z-index: 1; animation: liquidMove 8s ease-in-out infinite; } /* 🖱️ Hover Glow */ .elementor-226 .elementor-element.elementor-element-f819de8:hover { background: linear-gradient( 135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.08) 60%, rgba(255, 255, 255, 0.04) 100% ) !important; border-color: rgba(255, 255, 255, 0.2) !important; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 0 0 0 0.5px rgba(255, 255, 255, 0.15) !important; } /* 💫 Animation Keyframes */ @keyframes liquidMove { 0%, 100% { transform: translate(0%, 0%) rotate(0deg); opacity: 0.6; } 25% { transform: translate(2%, -1%) rotate(0.5deg); opacity: 0.8; } 50% { transform: translate(-1%, 1%) rotate(-0.3deg); opacity: 1; } 75% { transform: translate(1%, -0.5%) rotate(0.2deg); opacity: 0.7; } }/* End custom CSS */