.elementor-802 .elementor-element.elementor-element-4ec74d1{--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;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-802 .elementor-element.elementor-element-4ec74d1:not(.elementor-motion-effects-element-type-background), .elementor-802 .elementor-element.elementor-element-4ec74d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-802 .elementor-element.elementor-element-e8e4d78{--display:flex;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-802 .elementor-element.elementor-element-a42a09a{text-align:start;}.elementor-802 .elementor-element.elementor-element-a42a09a img{width:300px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-802 .elementor-element.elementor-element-7fa6b2f .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-802 .elementor-element.elementor-element-25b3bb6{font-size:14px;line-height:1.2em;color:#FFFFFF;}.elementor-802 .elementor-element.elementor-element-77084f1{--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;--justify-content:space-around;}.elementor-802 .elementor-element.elementor-element-6e60b32{--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;}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-802 .elementor-element.elementor-element-2f10185{--display:flex;}.elementor-802 .elementor-element.elementor-element-2f10185:not(.elementor-motion-effects-element-type-background), .elementor-802 .elementor-element.elementor-element-2f10185 > .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-802 .elementor-element.elementor-element-c38832d{--display:flex;}.elementor-802 .elementor-element.elementor-element-c38832d:not(.elementor-motion-effects-element-type-background), .elementor-802 .elementor-element.elementor-element-c38832d > .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-802 .elementor-element.elementor-element-6087f27{--display:flex;}.elementor-802 .elementor-element.elementor-element-1421b7b{--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-802 .elementor-element.elementor-element-1421b7b > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:#FFFFFF00;}.elementor-802 .elementor-element.elementor-element-1421b7b > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{background:#FFFFFF00;}.elementor-802 .elementor-element.elementor-element-1421b7b > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{background:#FFFFFF00;}.elementor-802 .elementor-element.elementor-element-1421b7b > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-802 .elementor-element.elementor-element-1421b7b > .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-802 .elementor-element.elementor-element-1421b7b > .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:500;}.elementor-802 .elementor-element.elementor-element-1421b7b {--n-menu-title-color-hover:var( --e-global-color-5617f03 );--n-menu-title-color-active:var( --e-global-color-secondary );}:where( .elementor-802 .elementor-element.elementor-element-1421b7b > .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-802 .elementor-element.elementor-element-f9d0d63 .elementor-button{background-color:var( --e-global-color-7b2ac98 );font-size:15px;font-weight:500;border-radius:35px 35px 35px 35px;padding:0px 0px 0px 13px;}.elementor-802 .elementor-element.elementor-element-f9d0d63 .elementor-button:hover, .elementor-802 .elementor-element.elementor-element-f9d0d63 .elementor-button:focus{background-color:var( --e-global-color-f007072 );}.elementor-802 .elementor-element.elementor-element-f9d0d63:hover{--e-transform-scale:1.02;}.elementor-802 .elementor-element.elementor-element-f9d0d63.elementor-element{--align-self:center;}.elementor-802 .elementor-element.elementor-element-f9d0d63 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-802 .elementor-element.elementor-element-f9d0d63 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-802 .elementor-element.elementor-element-ae9a5fd{text-align:end;color:var( --e-global-color-secondary );}.elementor-802 .elementor-element.elementor-element-bea55a0{--grid-template-columns:repeat(0, auto);text-align:right;--icon-size:20px;--grid-column-gap:14px;--grid-row-gap:0px;}.elementor-802 .elementor-element.elementor-element-bea55a0 .elementor-social-icon{background-color:var( --e-global-color-accent );--icon-padding:0.3em;}.elementor-802 .elementor-element.elementor-element-bea55a0 .elementor-icon{border-radius:39px 39px 39px 39px;}.elementor-802 .elementor-element.elementor-element-31ae8b6{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-802 .elementor-element.elementor-element-31ae8b6:not(.elementor-motion-effects-element-type-background), .elementor-802 .elementor-element.elementor-element-31ae8b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-802 .elementor-element.elementor-element-b317f67{--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;--justify-content:flex-start;}.elementor-802 .elementor-element.elementor-element-96a1e65.elementor-element{--align-self:flex-end;}.elementor-802 .elementor-element.elementor-element-96a1e65{color:var( --e-global-color-secondary );}.elementor-802 .elementor-element.elementor-element-fa4df62.elementor-element{--align-self:flex-end;}.elementor-802 .elementor-element.elementor-element-fa4df62{color:var( --e-global-color-secondary );}.elementor-802 .elementor-element.elementor-element-c2c0382{--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;--justify-content:flex-end;--gap:35px 35px;--row-gap:35px;--column-gap:35px;}.elementor-802 .elementor-element.elementor-element-37f1f6e.elementor-element{--align-self:flex-end;}.elementor-802 .elementor-element.elementor-element-37f1f6e{color:var( --e-global-color-secondary );}.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-802 .elementor-element.elementor-element-77084f1{--justify-content:flex-end;}.elementor-802 .elementor-element.elementor-element-6e60b32{--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-802 .elementor-element.elementor-element-1421b7b{--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-toggle-align:flex-end;}.elementor-802 .elementor-element.elementor-element-1421b7b.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-802 .elementor-element.elementor-element-f9d0d63.elementor-element{--order:99999 /* order end hack */;}.elementor-802 .elementor-element.elementor-element-c2c0382{--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;--gap:4px 4px;--row-gap:4px;--column-gap:4px;}}@media(min-width:768px){.elementor-802 .elementor-element.elementor-element-e8e4d78{--width:35%;}.elementor-802 .elementor-element.elementor-element-77084f1{--width:65%;}.elementor-802 .elementor-element.elementor-element-b317f67{--width:35%;}.elementor-802 .elementor-element.elementor-element-c2c0382{--width:65%;}}@media(max-width:767px){.elementor-802 .elementor-element.elementor-element-a42a09a{text-align:center;}.elementor-802 .elementor-element.elementor-element-7fa6b2f{text-align:center;}.elementor-802 .elementor-element.elementor-element-25b3bb6{text-align:center;}.elementor-802 .elementor-element.elementor-element-ae9a5fd{text-align:center;}.elementor-802 .elementor-element.elementor-element-bea55a0{text-align:center;}.elementor-802 .elementor-element.elementor-element-b317f67.e-con{--align-self:center;}.elementor-802 .elementor-element.elementor-element-96a1e65.elementor-element{--align-self:center;}.elementor-802 .elementor-element.elementor-element-96a1e65{text-align:center;}.elementor-802 .elementor-element.elementor-element-fa4df62.elementor-element{--align-self:center;}.elementor-802 .elementor-element.elementor-element-fa4df62{text-align:center;}.elementor-802 .elementor-element.elementor-element-c2c0382{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-802 .elementor-element.elementor-element-c2c0382.e-con{--align-self:center;}.elementor-802 .elementor-element.elementor-element-37f1f6e.elementor-element{--align-self:center;}.elementor-802 .elementor-element.elementor-element-37f1f6e{text-align:center;}}/* Start custom CSS for text-editor, class: .elementor-element-25b3bb6 */.elementor-802 .elementor-element.elementor-element-25b3bb6 p { margin: 0px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f9d0d63 *//* ========================================================= CLEAR LIQUID GLASS BUTTON ========================================================= */ .elementor-802 .elementor-element.elementor-element-f9d0d63 { isolation: isolate; } /* ========================================================= MAIN GLASS PILL ========================================================= */ .elementor-802 .elementor-element.elementor-element-f9d0d63 .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-802 .elementor-element.elementor-element-f9d0d63 .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-802 .elementor-element.elementor-element-f9d0d63 .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-802 .elementor-element.elementor-element-f9d0d63 .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-802 .elementor-element.elementor-element-f9d0d63 .elementor-button-text { position: relative; z-index: 5; pointer-events: none; } /* ========================================================= CLEAR GLASS ARROW BUBBLE Again, NO border. ========================================================= */ .elementor-802 .elementor-element.elementor-element-f9d0d63 .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-802 .elementor-element.elementor-element-f9d0d63 .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-802 .elementor-element.elementor-element-f9d0d63 .elementor-button-icon svg, .elementor-802 .elementor-element.elementor-element-f9d0d63 .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-802 .elementor-element.elementor-element-f9d0d63:hover .elementor-button-icon, .elementor-802 .elementor-element.elementor-element-f9d0d63 .elementor-button:hover .elementor-button-icon { transform: rotate(360deg) !important; } /* main pill hover */ .elementor-802 .elementor-element.elementor-element-f9d0d63 .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-802 .elementor-element.elementor-element-f9d0d63 .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-802 .elementor-element.elementor-element-f9d0d63 .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 text-editor, class: .elementor-element-ae9a5fd */.elementor-802 .elementor-element.elementor-element-ae9a5fd p { margin: 0px; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-96a1e65 */.elementor-802 .elementor-element.elementor-element-96a1e65 p { margin: 0px; } .elementor-802 .elementor-element.elementor-element-96a1e65 a { color:#fff; font-size:12px; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fa4df62 */.elementor-802 .elementor-element.elementor-element-fa4df62 p { margin: 0px; } .elementor-802 .elementor-element.elementor-element-fa4df62 a { color:#fff; font-size:12px; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-37f1f6e */.elementor-802 .elementor-element.elementor-element-37f1f6e p { margin: 0px; }/* End custom CSS */