.elementor-12 .elementor-element.elementor-element-5fcd92e9{--display:flex;--min-height:100px;--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;border-style:solid;--border-style:solid;border-color:rgba(38,74,59,0.12);--border-color:rgba(38,74,59,0.12);--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;--z-index:100;}.elementor-12 .elementor-element.elementor-element-5fcd92e9:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-5fcd92e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6476a20 );}.elementor-12 .elementor-element.elementor-element-5fcd92e9.e-con{--align-self:center;}.elementor-12 .elementor-element.elementor-element-2585b30d{--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:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:1%;--padding-right:0%;}.elementor-12 .elementor-element.elementor-element-2e16dd42{text-align:start;}.elementor-12 .elementor-element.elementor-element-2e16dd42 img{width:100%;height:46px;object-fit:contain;object-position:center center;}.elementor-12 .elementor-element.elementor-element-6882f99a{--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:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:1%;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu .elementor-item{font-family:"Gabarito", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-6a44b42 );fill:var( --e-global-color-6a44b42 );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main .elementor-item:hover, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main .elementor-item:focus{color:#324A6D;fill:#324A6D;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#324A6D;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-framed .elementor-item:before, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-framed .elementor-item:after{border-color:#324A6D;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#324A6D;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#324A6D;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#324A6D;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-underline .elementor-item:after, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-overline .elementor-item:before, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-double-line .elementor-item:before, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-12 .elementor-element.elementor-element-58c4f6b8{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown a, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-menu-toggle{color:var( --e-global-color-6a44b42 );fill:var( --e-global-color-6a44b42 );}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown a:hover, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown a:focus, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown .elementor-item, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 div.elementor-menu-toggle{color:var( --e-global-color-6a44b42 );}.elementor-12 .elementor-element.elementor-element-58c4f6b8 div.elementor-menu-toggle svg{fill:var( --e-global-color-6a44b42 );}.elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button{background-color:var( --e-global-color-6a44b42 );font-family:"Gabarito", Sans-serif;font-size:15px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-6a44b42 );border-radius:32px 32px 32px 32px;padding:15px 35px 16px 35px;}.elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button:focus{background-color:#02010100;color:#264A3B;}.elementor-12 .elementor-element.elementor-element-17ffad90.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-12 .elementor-element.elementor-element-17ffad90{border-style:solid;border-width:1px 1px 1px 1px;border-color:#264A3B;border-radius:999px 999px 999px 999px;}.elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button:hover svg, .elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button:focus svg{fill:#264A3B;}.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-12 .elementor-element.elementor-element-5fcd92e9{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-12 .elementor-element.elementor-element-2e16dd42 img{height:27px;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown .elementor-item, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button{font-size:14px;padding:14px 35px 14px 35px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-5fcd92e9{--min-height:80px;}.elementor-12 .elementor-element.elementor-element-5fcd92e9.e-con{--align-self:center;}.elementor-12 .elementor-element.elementor-element-2585b30d{--width:28%;}.elementor-12 .elementor-element.elementor-element-2e16dd42 img{height:36px;}.elementor-12 .elementor-element.elementor-element-6882f99a{--width:72%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:flex-end;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-12 .elementor-element.elementor-element-58c4f6b8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-12 .elementor-element.elementor-element-58c4f6b8{--nav-menu-icon-size:20px;}.elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button{padding:12px 25px 12px 25px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-2585b30d{--width:25%;}.elementor-12 .elementor-element.elementor-element-6882f99a{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12 .elementor-element.elementor-element-2585b30d{--width:15%;}.elementor-12 .elementor-element.elementor-element-6882f99a{--width:85%;}}/* Start custom CSS for button, class: .elementor-element-17ffad90 *//* ===================================================== REVIVAE - PREMIUM CTA BUTTON Clean depth + animated gradient + confined shine ===================================================== */ /* ===================================================== 1. BUTTON WIDGET ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90 { position: relative; z-index: 1; /* * Keep widget overflow visible so the soft shadow * is never clipped. * * The actual button below handles the shine clipping. */ overflow: visible !important; isolation: isolate; /* * Space inside Elementor container */ margin-top: 10px; margin-bottom: 10px; border-radius: 999px !important; /* * Animated base gradient */ background: linear-gradient( 110deg, #285c4d 0%, #285c4d 25%, #3f7464 50%, #285c4d 75%, #285c4d 100% ); background-size: 250% 100%; animation: revivae-gradient-flow 6s ease-in-out infinite; /* * Clean soft depth */ box-shadow: 0 8px 22px rgba(40,92,77,0.16); transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease, background 0.35s ease; } /* ===================================================== 2. ACTUAL ELEMENTOR BUTTON ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button { position: relative; z-index: 2; /* * IMPORTANT: * This clips the shine INSIDE the pill. */ overflow: hidden; border-radius: 999px !important; /* * Remove Elementor's own border * to prevent duplicate lines. */ border: 0 !important; /* * Remove inset / bottom shadows. */ box-shadow: none !important; /* * Let widget gradient show through. */ background: transparent !important; color: #ffffff !important; /* * Perfect content centering */ display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; transition: color 0.25s ease, background 0.35s ease; } /* ===================================================== 3. PERFECTLY CENTER BUTTON CONTENT ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 auto !important; text-align: center !important; } /* ===================================================== 4. BUTTON TEXT ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button-text { display: inline-block !important; position: relative; z-index: 5; margin: 0 !important; padding: 0 !important; color: #ffffff !important; line-height: 1.2 !important; } /* ===================================================== 5. ARROW / ICON ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative; z-index: 5; margin-left: 6px !important; margin-right: 0 !important; line-height: 1 !important; transition: transform 0.35s cubic-bezier(.2,.8,.2,1); } .elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button-content-wrapper, .elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button-icon, .elementor-12 .elementor-element.elementor-element-17ffad90 svg { position: relative; z-index: 5; } /* ===================================================== 6. CONFINED MOVING SHINE ===================================================== */ /* * IMPORTANT: * * The shine is attached to the ACTUAL button, * not the Elementor widget. * * Since .elementor-button has overflow:hidden, * the shine cannot escape the rounded edges. */ .elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button::before { content: ""; position: absolute; top: -60%; left: -70%; width: 42%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.02) 25%, rgba(255,255,255,0.16) 45%, rgba(255,255,255,0.28) 50%, rgba(255,255,255,0.16) 55%, rgba(255,255,255,0.02) 75%, transparent 100% ); transform: skewX(-20deg); pointer-events: none; z-index: 3; opacity: 0; animation: revivae-shine 5s ease-in-out infinite; } /* ===================================================== 7. SINGLE SUBTLE INNER BORDER ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90::after { content: ""; position: absolute; inset: 1px; border-radius: inherit; border: 1px solid rgba(255,255,255,0.18); pointer-events: none; z-index: 4; transition: border-color 0.35s ease; } /* ===================================================== 8. GRADIENT FLOW ===================================================== */ @keyframes revivae-gradient-flow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ===================================================== 9. SHINE ANIMATION ===================================================== */ @keyframes revivae-shine { 0% { left: -70%; opacity: 0; } 8% { opacity: 1; } 32% { left: 135%; opacity: 1; } 40% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ===================================================== 10. PREMIUM HOVER ===================================================== */ @media (hover: hover) and (pointer: fine) { .elementor-12 .elementor-element.elementor-element-17ffad90:hover { /* * Lift the entire button */ transform: translateY(-3px); /* * Slightly brighter gradient */ background: linear-gradient( 110deg, #285c4d 0%, #326a5a 28%, #4b806f 50%, #326a5a 72%, #285c4d 100% ); background-size: 220% 100%; /* * Soft elevated shadow */ box-shadow: 0 12px 30px rgba(40,92,77,0.20); } /* * Make sure text remains white */ .elementor-12 .elementor-element.elementor-element-17ffad90:hover .elementor-button, .elementor-12 .elementor-element.elementor-element-17ffad90:hover .elementor-button-text { color: #ffffff !important; } /* * Keep arrow white */ .elementor-12 .elementor-element.elementor-element-17ffad90:hover .elementor-button-icon, .elementor-12 .elementor-element.elementor-element-17ffad90:hover svg { color: #ffffff !important; fill: #ffffff !important; } /* * Arrow moves slightly */ .elementor-12 .elementor-element.elementor-element-17ffad90:hover .elementor-button-icon { transform: translateX(5px); } /* * Slightly brighter border */ .elementor-12 .elementor-element.elementor-element-17ffad90:hover::after { border-color: rgba(255,255,255,0.25); } /* * Faster shine when hovering */ .elementor-12 .elementor-element.elementor-element-17ffad90:hover .elementor-button::before { animation-duration: 2.8s; opacity: 1; } } /* ===================================================== 11. ACTIVE / CLICK STATE ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90:active { transform: translateY(-1px) scale(0.985); box-shadow: 0 6px 16px rgba(40,92,77,0.16); } /* ===================================================== 12. FOCUS ACCESSIBILITY ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90:focus-visible { outline: 2px solid rgba(40,92,77,0.55); outline-offset: 5px; } /* ===================================================== 13. SUBMITTING STATE ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90.revivae-is-submitting { cursor: wait; /* * Don't lift while submitting */ transform: none !important; opacity: 0.88; box-shadow: 0 7px 18px rgba(40,92,77,0.14); } /* ===================================================== 14. SUBMITTING CONTENT ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90 .revivae-submit-loading { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 145px; } /* ===================================================== 15. SUBMITTING SPINNER ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90 .revivae-spinner { width: 15px; height: 15px; border: 2px solid rgba(255,255,255,0.35); border-top-color: #ffffff; border-radius: 50%; animation: revivae-spin 0.75s linear infinite; flex: 0 0 15px; } @keyframes revivae-spin { to { transform: rotate(360deg); } } /* ===================================================== 16. SUBMITTING TEXT ANIMATION ===================================================== */ .elementor-12 .elementor-element.elementor-element-17ffad90 .revivae-submit-text { display: inline-block; animation: revivae-text-in 0.35s ease; } @keyframes revivae-text-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } /* ===================================================== 17. REDUCED MOTION ===================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-12 .elementor-element.elementor-element-17ffad90, .elementor-12 .elementor-element.elementor-element-17ffad90 .elementor-button::before, .elementor-12 .elementor-element.elementor-element-17ffad90 .revivae-spinner, .elementor-12 .elementor-element.elementor-element-17ffad90 .revivae-submit-text { animation: none !important; } .elementor-12 .elementor-element.elementor-element-17ffad90 { transition: none !important; } .elementor-12 .elementor-element.elementor-element-17ffad90:hover { transform: none; } }/* End custom CSS */