.elementor-110 .elementor-element.elementor-element-dc74be0{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F3F4EF7A;--border-color:#F3F4EF7A;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;top:0px;--z-index:999;}.elementor-110 .elementor-element.elementor-element-dc74be0.e-con{--align-self:center;}body:not(.rtl) .elementor-110 .elementor-element.elementor-element-dc74be0{left:0px;}body.rtl .elementor-110 .elementor-element.elementor-element-dc74be0{right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-110 .elementor-element.elementor-element-1c43382 .elementor-icon-wrapper{text-align:center;}.elementor-110 .elementor-element.elementor-element-1c43382 .elementor-icon{font-size:50px;}.elementor-110 .elementor-element.elementor-element-1c43382 .elementor-icon svg{height:50px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-110 .elementor-element.elementor-element-48a79c1 img{width:213px;}.elementor-110 .elementor-element.elementor-element-1a9bd04 img{width:187px;}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-110 .elementor-element.elementor-element-4395953{--display:flex;}.elementor-110 .elementor-element.elementor-element-4395953:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-4395953 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #51AED900 0%, var( --e-global-color-primary ) 60%);}.elementor-110 .elementor-element.elementor-element-2f6038c{--display:flex;}.elementor-110 .elementor-element.elementor-element-2f6038c:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-2f6038c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #51AED900 0%, var( --e-global-color-primary ) 60%);}.elementor-110 .elementor-element.elementor-element-410d83e{--display:flex;}.elementor-110 .elementor-element.elementor-element-ce41157{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:19px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color-hover:var( --e-global-color-secondary );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-color-active:var( --e-global-color-secondary );--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:var( --e-global-color-secondary );}.elementor-110 .elementor-element.elementor-element-ce41157 > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:#FFFFFF00;}.elementor-110 .elementor-element.elementor-element-ce41157 > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{background:#FFFFFF00;}.elementor-110 .elementor-element.elementor-element-ce41157 > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{background:#FFFFFF00;}.elementor-110 .elementor-element.elementor-element-ce41157 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-110 .elementor-element.elementor-element-ce41157 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-110 .elementor-element.elementor-element-ce41157 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-weight:600;text-transform:uppercase;}.elementor-110 .elementor-element.elementor-element-ce41157 {--n-menu-title-color-hover:var( --e-global-color-5617f03 );--n-menu-title-color-active:var( --e-global-color-secondary );}:where( .elementor-110 .elementor-element.elementor-element-ce41157 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{box-shadow:0px 8px 8px -2px rgba(0,0,0,0.5);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button{background-color:var( --e-global-color-7b2ac98 );font-size:15px;font-weight:600;text-transform:uppercase;border-radius:35px 35px 35px 35px;padding:0px 0px 0px 13px;}.elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button:hover, .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button:focus{background-color:var( --e-global-color-f007072 );}.elementor-110 .elementor-element.elementor-element-679fe56:hover{--e-transform-scale:1.02;}.elementor-110 .elementor-element.elementor-element-679fe56.elementor-element{--align-self:center;}.elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-110 .elementor-element.elementor-element-d1e6d9c .elementor-icon-wrapper{text-align:center;}.elementor-110 .elementor-element.elementor-element-d1e6d9c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-c934718 );}.elementor-110 .elementor-element.elementor-element-d1e6d9c.elementor-view-framed .elementor-icon, .elementor-110 .elementor-element.elementor-element-d1e6d9c.elementor-view-default .elementor-icon{color:var( --e-global-color-c934718 );border-color:var( --e-global-color-c934718 );}.elementor-110 .elementor-element.elementor-element-d1e6d9c.elementor-view-framed .elementor-icon, .elementor-110 .elementor-element.elementor-element-d1e6d9c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-c934718 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-110 .elementor-element.elementor-element-ce41157.elementor-element{--order:99999 /* order end hack */;}.elementor-110 .elementor-element.elementor-element-ce41157{--n-menu-toggle-align:flex-end;}.elementor-110 .elementor-element.elementor-element-d1e6d9c .elementor-icon-wrapper{text-align:center;}.elementor-110 .elementor-element.elementor-element-d1e6d9c .elementor-icon{font-size:33px;}.elementor-110 .elementor-element.elementor-element-d1e6d9c .elementor-icon svg{height:33px;}}@media(max-width:767px){.elementor-110 .elementor-element.elementor-element-dc74be0{--justify-content:space-between;--flex-wrap:nowrap;}.elementor-110 .elementor-element.elementor-element-1c43382{width:100%;max-width:100%;}.elementor-110 .elementor-element.elementor-element-1c43382 .elementor-icon-wrapper{text-align:start;}.elementor-110 .elementor-element.elementor-element-1c43382 .elementor-icon{font-size:36px;}.elementor-110 .elementor-element.elementor-element-1c43382 .elementor-icon svg{height:36px;}.elementor-110 .elementor-element.elementor-element-48a79c1 img{width:229px;}.elementor-110 .elementor-element.elementor-element-d1e6d9c .elementor-icon{font-size:28px;}.elementor-110 .elementor-element.elementor-element-d1e6d9c .elementor-icon svg{height:28px;}}/* Start custom CSS for image, class: .elementor-element-1a9bd04 */.elementor-110 .elementor-element.elementor-element-1a9bd04 { display: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-679fe56 *//* ========================================================= CLEAR LIQUID GLASS BUTTON ========================================================= */ .elementor-110 .elementor-element.elementor-element-679fe56 { isolation: isolate; } /* ========================================================= MAIN GLASS PILL ========================================================= */ .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button { position: relative; overflow: hidden; display: inline-flex; align-items: center; padding: 1px 1px 1px 18px; border-radius: 999px; /* NO visible border */ border: 0 !important; outline: 0 !important; /* * Much clearer / less milky. */ background: linear-gradient( 180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.10) 45%, rgba(255,255,255,.14) 100% ) !important; -webkit-backdrop-filter: saturate(175%) brightness(1.05); backdrop-filter: saturate(175%) brightness(1.05); /* * No full white outline. * * Just enough light/shadow to suggest * the thickness of curved glass. */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.015), 0 5px 16px rgba(0,0,0,.09), 0 1px 4px rgba(0,0,0,.05); transition: transform .35s cubic-bezier(.2,.8,.2,1), background .35s ease, box-shadow .35s ease; } /* ========================================================= LOCALIZED TOP GLARE Important: this does NOT outline the whole button. ========================================================= */ .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button::before { content: ""; position: absolute; top: -35%; left: 6%; width: 72%; height: 70%; border-radius: 50%; background: radial-gradient( ellipse at center, rgba(255,255,255,.50) 0%, rgba(255,255,255,.20) 35%, rgba(255,255,255,0) 72% ); filter: blur(6px); opacity: .65; pointer-events: none; z-index: 1; } /* ========================================================= SUBTLE BOTTOM REFRACTION ========================================================= */ .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: -5px; height: 12px; border-radius: 50%; background: radial-gradient( ellipse at center, rgba(255,255,255,.28), rgba(255,255,255,0) 72% ); filter: blur(5px); opacity: .55; pointer-events: none; z-index: 1; } /* ========================================================= CONTENT ========================================================= */ .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button-content-wrapper { position: relative; z-index: 5; display: flex; align-items: center; gap: 9px; /* * Makes the entire button the hover target, * including when cursor is directly over text. */ pointer-events: none; } .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button-text { position: relative; z-index: 5; pointer-events: none; } /* ========================================================= CLEAR GLASS ARROW BUBBLE Again, NO border. ========================================================= */ .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button-icon { position: relative; z-index: 5; display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; flex: 0 0 35px; border-radius: 50%; border: 0 !important; outline: 0 !important; background: linear-gradient( 180deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.11) 52%, rgba(255,255,255,.18) 100% ); -webkit-backdrop-filter: blur(14px) saturate(175%) brightness(1.06); backdrop-filter: blur(14px) saturate(175%) brightness(1.06); /* * Very soft edge instead of an outlined circle. */ box-shadow: inset 0 1px 0 rgba(255,255,255,.50), inset 0 -1px 0 rgba(0,0,0,.05), 0 2px 6px rgba(0,0,0,.08); /* * THIS is what we'll rotate on hover. */ transform: rotate(0deg); transition: transform .6s cubic-bezier(.4,0,.2,1), background .35s ease, box-shadow .35s ease; pointer-events: none; } /* ========================================================= SMALL GLARE INSIDE ARROW BUBBLE ========================================================= */ .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button-icon::before { content: ""; position: absolute; top: 2px; left: 18%; width: 64%; height: 38%; border-radius: 50%; background: radial-gradient( ellipse at center, rgba(255,255,255,.62), rgba(255,255,255,0) 72% ); filter: blur(2px); opacity: .7; pointer-events: none; } /* ========================================================= ARROW Permanently angled. We are NOT animating the SVG anymore. ========================================================= */ .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button-icon svg, .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button-icon svg.e-font-icon-svg { position: relative; z-index: 3; width: 18px; height: 18px; padding: 3px; box-sizing: border-box; fill: currentColor; /* * Use the independent rotate property, * matching the technique you originally had working. */ rotate: 45deg !important; /* * Kill competing Elementor SVG transforms. */ transform: none !important; transition: none !important; pointer-events: none; } /* ========================================================= HOVER Spin the WHOLE round icon container. Since it is circular, the user perceives the arrow doing the 360-degree rotation. ========================================================= */ .elementor-110 .elementor-element.elementor-element-679fe56:hover .elementor-button-icon, .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button:hover .elementor-button-icon { transform: rotate(360deg) !important; } /* main pill hover */ .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button:hover { background: linear-gradient( 180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.12) 45%, rgba(255,255,255,.18) 100% ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), inset 0 -1px 0 rgba(0,0,0,.04), 0 7px 20px rgba(0,0,0,.10), 0 2px 5px rgba(0,0,0,.05); transform: translateY(-1px) scale(1.02); } /* arrow bubble hover */ .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button:hover .elementor-button-icon { background: linear-gradient( 180deg, rgba(255,255,255,.36) 0%, rgba(255,255,255,.14) 52%, rgba(255,255,255,.22) 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.60), inset 0 -1px 0 rgba(0,0,0,.04), 0 2px 7px rgba(0,0,0,.08); } /* ========================================================= CLICK ========================================================= */ .elementor-110 .elementor-element.elementor-element-679fe56 .elementor-button:active { transform: translateY(0) scale(.985); box-shadow: inset 0 1px 3px rgba(0,0,0,.06), 0 2px 5px rgba(0,0,0,.06); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dc74be0 */.elementor-110 .elementor-element.elementor-element-dc74be0.elementor-sticky--effects { background-color:#0A1A30; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); border-color:#0A1A30; } .elementor-110 .elementor-element.elementor-element-dc74be0.elementor-sticky--effects #logo { display: none; } .elementor-110 .elementor-element.elementor-element-dc74be0.elementor-sticky--effects #sticky-logo { display: block; } .elementor-110 .elementor-element.elementor-element-dc74be0.elementor-sticky--effects #primary-cta .elementor-button { color: var(--e-global-color-accent); border-color: var(--e-global-color-accent); fill: var(--e-global-color-accent); } .elementor-110 .elementor-element.elementor-element-dc74be0.elementor-sticky--effects #primary-cta .elementor-button:hover { color: #fff; border-color: var(--e-global-color-accent); fill: var(--e-global-color-accent); } /* Header background when mobile menu is open */ .elementor-element-98bdabf:has(.elementor-menu-toggle.elementor-active) { background-color: #fff; transition: background-color 0.25s ease; } /* Keep your normal transparent state at the top */ .elementor-element-98bdabf { transition: background-color 0.25s ease; }/* End custom CSS */