.elementor-2 .elementor-element.elementor-element-6f9ebab1{--display:flex;--min-height:1024px;--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;--gap:127px 127px;--row-gap:127px;--column-gap:127px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-2 .elementor-element.elementor-element-6f9ebab1 > .elementor-shape-top .elementor-shape-fill, .elementor-2 .elementor-element.elementor-element-6f9ebab1 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-7b86c4c );}.elementor-2 .elementor-element.elementor-element-6f9ebab1 > .elementor-shape-top svg, .elementor-2 .elementor-element.elementor-element-6f9ebab1 > .e-con-inner > .elementor-shape-top svg{width:calc(150% + 1.3px);}.elementor-2 .elementor-element.elementor-element-6f9ebab1 > .elementor-shape-bottom .elementor-shape-fill, .elementor-2 .elementor-element.elementor-element-6f9ebab1 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-7b86c4c );}.elementor-2 .elementor-element.elementor-element-6f9ebab1 > .elementor-shape-bottom svg, .elementor-2 .elementor-element.elementor-element-6f9ebab1 > .e-con-inner > .elementor-shape-bottom svg{width:calc(150% + 1.3px);}.elementor-2 .elementor-element.elementor-element-3fc0433{--display:flex;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2 .elementor-element.elementor-element-4430179 .elementor-button{background-color:#61CE7000;font-family:"Red Hat Display", Sans-serif;font-size:28px;font-weight:500;fill:#000000;color:#000000;border-radius:21px 21px 21px 21px;}.elementor-2 .elementor-element.elementor-element-9d57c16 .elementor-button{background-color:#61CE7000;font-family:"Red Hat Display", Sans-serif;font-size:28px;font-weight:500;fill:#070707;color:#070707;border-radius:21px 21px 21px 21px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-2 .elementor-element.elementor-element-fdd36f0{text-align:center;font-family:"Red Hat Display", Sans-serif;font-size:20px;font-weight:400;font-style:italic;color:#000000;}.elementor-2 .elementor-element.elementor-element-e098b64{padding:13px 13px 13px 13px;border-radius:20px 20px 20px 20px;font-family:"Red Hat Display", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-2 .elementor-element.elementor-element-f399b47{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:33px;--padding-bottom:33px;--padding-left:33px;--padding-right:33px;}.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-2 .elementor-element.elementor-element-1d0df39{width:var( --container-widget-width, 450px );max-width:450px;--container-widget-width:450px;--container-widget-flex-grow:0;}.elementor-2 .elementor-element.elementor-element-1d0df39 img{transition-duration:1.3s;}.elementor-2 .elementor-element.elementor-element-5cbab6c{--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;}.elementor-2 .elementor-element.elementor-element-5cbab6c:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-5cbab6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7b86c4c );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-4dd8f6b{text-align:center;}.elementor-2 .elementor-element.elementor-element-4dd8f6b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-5591316{--swiper-slides-to-display:4;--swiper-slides-gap:10px;}.elementor-2 .elementor-element.elementor-element-5591316 .swiper-slide > .elementor-element{height:100%;}.elementor-2 .elementor-element.elementor-element-1d32a65{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2 .elementor-element.elementor-element-a5ae6ee{--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;--background-transition:0.3s;}.elementor-2 .elementor-element.elementor-element-a5ae6ee:hover{background-color:var( --e-global-color-7b86c4c );}.elementor-2 .elementor-element.elementor-element-d698fb1{text-align:center;}.elementor-2 .elementor-element.elementor-element-d698fb1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-bc50f60{--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;--background-transition:0.3s;}.elementor-2 .elementor-element.elementor-element-bc50f60:hover{background-color:var( --e-global-color-7b86c4c );}.elementor-2 .elementor-element.elementor-element-3351f97{text-align:center;}.elementor-2 .elementor-element.elementor-element-3351f97 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-6d1b78e{--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;--background-transition:0.3s;}.elementor-2 .elementor-element.elementor-element-6d1b78e:hover{background-color:var( --e-global-color-7b86c4c );}.elementor-2 .elementor-element.elementor-element-e5fae29{text-align:center;}.elementor-2 .elementor-element.elementor-element-e5fae29 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-acae50f{--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;--background-transition:0.3s;}.elementor-2 .elementor-element.elementor-element-acae50f:hover{background-color:var( --e-global-color-7b86c4c );}.elementor-2 .elementor-element.elementor-element-62521fc{text-align:center;}.elementor-2 .elementor-element.elementor-element-62521fc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-f9c03a5{--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;}.elementor-2 .elementor-element.elementor-element-f9c03a5:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-f9c03a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7b86c4c );}.elementor-2 .elementor-element.elementor-element-43e64bb{text-align:center;}.elementor-2 .elementor-element.elementor-element-43e64bb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-b4b9720{--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;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2 .elementor-element.elementor-element-416193e{--grid-columns:3;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-5591316{--swiper-slides-to-display:2;}.elementor-2 .elementor-element.elementor-element-416193e{--grid-columns:2;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-6f9ebab1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-3fc0433{--padding-top:69px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2 .elementor-element.elementor-element-5591316{--swiper-slides-to-display:1;}.elementor-2 .elementor-element.elementor-element-416193e{--grid-columns:1;}}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-3fc0433{--content-width:100%;}.elementor-2 .elementor-element.elementor-element-f399b47{--content-width:100%;}.elementor-2 .elementor-element.elementor-element-a5ae6ee{--width:25%;}.elementor-2 .elementor-element.elementor-element-bc50f60{--width:25%;}.elementor-2 .elementor-element.elementor-element-6d1b78e{--width:25%;}.elementor-2 .elementor-element.elementor-element-acae50f{--width:25%;}}/* Start custom CSS for button, class: .elementor-element-4430179 *//* === Elementor Glass Button (inner-only blur) === */ /* Usage: add "glass-btn" to the Elementor Button widget */ .glass-btn .elementor-button, a.glass-btn.elementor-button, .glass-btn .elementor-button-link { /* Tunables */ --gb-blur: 6px; /* blur strength */ --gb-sat: 120%; /* saturation */ --gb-alpha-top: 0.38; /* top tint */ --gb-alpha-bot: 0.10; /* bottom tint */ --gb-border: rgba(255,255,255,0.45); --gb-shadow: 0 6px 18px rgba(0,0,0,0.18); position: relative; display: inline-flex; /* keeps icon/text aligned */ align-items: center; justify-content: center; gap: .5em; background: transparent !important; /* let the backdrop show through */ border-radius: inherit; /* use the widget’s radius */ overflow: hidden; /* clip the frosted layer to the pill */ border: 1px solid var(--gb-border); box-shadow: var(--gb-shadow); isolation: isolate; /* keeps ::before behind content */ -webkit-backdrop-filter: none; /* ensure filter is only on ::before */ backdrop-filter: none; } /* Frosted layer: blurs only behind the button bounds */ .glass-btn .elementor-button::before, a.glass-btn.elementor-button::before, .glass-btn .elementor-button-link::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: -1; /* Subtle diagonal tint so it still reads as "glass" without support */ background: linear-gradient(135deg, rgba(255,255,255,var(--gb-alpha-top)) 0%, rgba(255,255,255,var(--gb-alpha-bot)) 100%); -webkit-backdrop-filter: blur(var(--gb-blur)) saturate(var(--gb-sat)); backdrop-filter: blur(var(--gb-blur)) saturate(var(--gb-sat)); } /* Keep text/icon crisp above the blur */ .glass-btn .elementor-button * { position: relative; z-index: 1; } /* Hover/Focus states */ .glass-btn .elementor-button:hover::before, a.glass-btn.elementor-button:hover::before, .glass-btn .elementor-button-link:hover::before { box-shadow: 0 10px 28px rgba(0,0,0,0.26) inset, 0 10px 28px rgba(0,0,0,0.20); } .glass-btn .elementor-button:focus-visible, a.glass-btn.elementor-button:focus-visible, .glass-btn .elementor-button-link:focus-visible { outline: 2px solid rgba(255,255,255,0.7); outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0,0,0,0.15); } /* Active (pressed) feedback */ .glass-btn .elementor-button:active::before, a.glass-btn.elementor-button:active::before, .glass-btn .elementor-button-link:active::before { -webkit-backdrop-filter: blur(calc(var(--gb-blur) * 0.8)) saturate(var(--gb-sat)); backdrop-filter: blur(calc(var(--gb-blur) * 0.8)) saturate(var(--gb-sat)); transform: translateY(0.5px); } /* Optional variants you can stack (e.g., glass-btn gb--light) */ .gb--light .elementor-button, a.gb--light.elementor-button, .gb--light .elementor-button-link { --gb-alpha-top: 0.48; --gb-alpha-bot: 0.14; --gb-border: rgba(255,255,255,0.55); --gb-shadow: 0 8px 24px rgba(0,0,0,0.22); } .gb--subtle .elementor-button, a.gb--subtle.elementor-button, .gb--subtle .elementor-button-link { --gb-alpha-top: 0.28; --gb-alpha-bot: 0.06; --gb-border: rgba(255,255,255,0.28); --gb-shadow: 0 4px 12px rgba(0,0,0,0.12); } .gb--strong .elementor-button, a.gb--strong.elementor-button, .gb--strong .elementor-button-link { --gb-blur: 22px; --gb-sat: 140%; } /* If your theme forces a solid background on buttons, neutralize it */ .glass-btn .elementor-button, a.glass-btn.elementor-button, .glass-btn .elementor-button-link { background-image: none !important; } /* Optional: make the button full-width while keeping the effect */ .glass-btn.is-full .elementor-button, a.glass-btn.is-full.elementor-button, .glass-btn.is-full .elementor-button-link { width: 100%; } /* 0.6s transitions on the frosted overlay + text/icon */ .glass-btn .elementor-button, a.glass-btn.elementor-button, .glass-btn .elementor-button-link { transition: color .6s ease, box-shadow .6s ease, border-color .6s ease; } /* Animate the inner glass layer */ .glass-btn .elementor-button::before, a.glass-btn.elementor-button::before, .glass-btn .elementor-button-link::before { transition: -webkit-backdrop-filter .6s ease, backdrop-filter .6s ease, background .6s ease, opacity .6s ease, box-shadow .6s ease, transform .12s ease; /* quick press feedback */ } /* Hover: just let the 0.6s ease handle it */ .glass-btn .elementor-button:hover::before, a.glass-btn.elementor-button:hover::before, .glass-btn .elementor-button-link:hover::before { box-shadow: 0 10px 28px rgba(0,0,0,0.26) inset, 0 10px 28px rgba(0,0,0,0.20); } /* Active (click): fade inner glass to white, readable dark text */ .glass-btn .elementor-button:active, a.glass-btn.elementor-button:active, .glass-btn .elementor-button-link:active { color: #202020 !important; /* dark text while white is visible */ border-color: rgba(255,255,255,0.85); box-shadow: 0 4px 10px rgba(0,0,0,0.18) inset, 0 6px 14px rgba(0,0,0,0.18); } .glass-btn .elementor-button:active::before, a.glass-btn.elementor-button:active::before, .glass-btn .elementor-button-link:active::before { /* fade to near-white and reduce blur; transitions above do the smoothing */ background: linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.98) 100%); -webkit-backdrop-filter: blur(2px) saturate(100%); backdrop-filter: blur(2px) saturate(100%); transform: translateY(0.5px); } /* Accessibility: keep focus ring but animate smoothly */ .glass-btn .elementor-button:focus-visible, a.glass-btn.elementor-button:focus-visible, .glass-btn .elementor-button-link:focus-visible { outline: 2px solid rgba(255,255,255,0.8); outline-offset: 2px; transition: outline-color .6s ease, box-shadow .6s ease; } /* Prevent “pink after click” (visited link color) */ a.glass-btn.elementor-button:visited { color: inherit !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9d57c16 *//* === Elementor Glass Button (inner-only blur) === */ /* Usage: add "glass-btn" to the Elementor Button widget */ .glass-btn .elementor-button, a.glass-btn.elementor-button, .glass-btn .elementor-button-link { /* Tunables */ --gb-blur: 6px; /* blur strength */ --gb-sat: 120%; /* saturation */ --gb-alpha-top: 0.38; /* top tint */ --gb-alpha-bot: 0.10; /* bottom tint */ --gb-border: rgba(255,255,255,0.45); --gb-shadow: 0 6px 18px rgba(0,0,0,0.18); position: relative; display: inline-flex; /* keeps icon/text aligned */ align-items: center; justify-content: center; gap: .5em; background: transparent !important; /* let the backdrop show through */ border-radius: inherit; /* use the widget’s radius */ overflow: hidden; /* clip the frosted layer to the pill */ border: 1px solid var(--gb-border); box-shadow: var(--gb-shadow); isolation: isolate; /* keeps ::before behind content */ -webkit-backdrop-filter: none; /* ensure filter is only on ::before */ backdrop-filter: none; } /* Frosted layer: blurs only behind the button bounds */ .glass-btn .elementor-button::before, a.glass-btn.elementor-button::before, .glass-btn .elementor-button-link::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: -1; /* Subtle diagonal tint so it still reads as "glass" without support */ background: linear-gradient(135deg, rgba(255,255,255,var(--gb-alpha-top)) 0%, rgba(255,255,255,var(--gb-alpha-bot)) 100%); -webkit-backdrop-filter: blur(var(--gb-blur)) saturate(var(--gb-sat)); backdrop-filter: blur(var(--gb-blur)) saturate(var(--gb-sat)); } /* Keep text/icon crisp above the blur */ .glass-btn .elementor-button * { position: relative; z-index: 1; } /* Hover/Focus states */ .glass-btn .elementor-button:hover::before, a.glass-btn.elementor-button:hover::before, .glass-btn .elementor-button-link:hover::before { box-shadow: 0 10px 28px rgba(0,0,0,0.26) inset, 0 10px 28px rgba(0,0,0,0.20); } .glass-btn .elementor-button:focus-visible, a.glass-btn.elementor-button:focus-visible, .glass-btn .elementor-button-link:focus-visible { outline: 2px solid rgba(255,255,255,0.7); outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0,0,0,0.15); } /* Active (pressed) feedback */ .glass-btn .elementor-button:active::before, a.glass-btn.elementor-button:active::before, .glass-btn .elementor-button-link:active::before { -webkit-backdrop-filter: blur(calc(var(--gb-blur) * 0.8)) saturate(var(--gb-sat)); backdrop-filter: blur(calc(var(--gb-blur) * 0.8)) saturate(var(--gb-sat)); transform: translateY(0.5px); } /* Optional variants you can stack (e.g., glass-btn gb--light) */ .gb--light .elementor-button, a.gb--light.elementor-button, .gb--light .elementor-button-link { --gb-alpha-top: 0.48; --gb-alpha-bot: 0.14; --gb-border: rgba(255,255,255,0.55); --gb-shadow: 0 8px 24px rgba(0,0,0,0.22); } .gb--subtle .elementor-button, a.gb--subtle.elementor-button, .gb--subtle .elementor-button-link { --gb-alpha-top: 0.28; --gb-alpha-bot: 0.06; --gb-border: rgba(255,255,255,0.28); --gb-shadow: 0 4px 12px rgba(0,0,0,0.12); } .gb--strong .elementor-button, a.gb--strong.elementor-button, .gb--strong .elementor-button-link { --gb-blur: 22px; --gb-sat: 140%; } /* If your theme forces a solid background on buttons, neutralize it */ .glass-btn .elementor-button, a.glass-btn.elementor-button, .glass-btn .elementor-button-link { background-image: none !important; } /* Optional: make the button full-width while keeping the effect */ .glass-btn.is-full .elementor-button, a.glass-btn.is-full.elementor-button, .glass-btn.is-full .elementor-button-link { width: 100%; } /* 0.6s transitions on the frosted overlay + text/icon */ .glass-btn .elementor-button, a.glass-btn.elementor-button, .glass-btn .elementor-button-link { transition: color .6s ease, box-shadow .6s ease, border-color .6s ease; } /* Animate the inner glass layer */ .glass-btn .elementor-button::before, a.glass-btn.elementor-button::before, .glass-btn .elementor-button-link::before { transition: -webkit-backdrop-filter .6s ease, backdrop-filter .6s ease, background .6s ease, opacity .6s ease, box-shadow .6s ease, transform .12s ease; /* quick press feedback */ } /* Hover: just let the 0.6s ease handle it */ .glass-btn .elementor-button:hover::before, a.glass-btn.elementor-button:hover::before, .glass-btn .elementor-button-link:hover::before { box-shadow: 0 10px 28px rgba(0,0,0,0.26) inset, 0 10px 28px rgba(0,0,0,0.20); } /* Active (click): fade inner glass to white, readable dark text */ .glass-btn .elementor-button:active, a.glass-btn.elementor-button:active, .glass-btn .elementor-button-link:active { color: #202020 !important; /* dark text while white is visible */ border-color: rgba(255,255,255,0.85); box-shadow: 0 4px 10px rgba(0,0,0,0.18) inset, 0 6px 14px rgba(0,0,0,0.18); } .glass-btn .elementor-button:active::before, a.glass-btn.elementor-button:active::before, .glass-btn .elementor-button-link:active::before { /* fade to near-white and reduce blur; transitions above do the smoothing */ background: linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.98) 100%); -webkit-backdrop-filter: blur(2px) saturate(100%); backdrop-filter: blur(2px) saturate(100%); transform: translateY(0.5px); } /* Accessibility: keep focus ring but animate smoothly */ .glass-btn .elementor-button:focus-visible, a.glass-btn.elementor-button:focus-visible, .glass-btn .elementor-button-link:focus-visible { outline: 2px solid rgba(255,255,255,0.8); outline-offset: 2px; transition: outline-color .6s ease, box-shadow .6s ease; } /* Prevent “pink after click” (visited link color) */ a.glass-btn.elementor-button:visited { color: inherit !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cbab6c *//* Fix the base background so Elementor can't flip it on hover */ .elementor-2 .elementor-element.elementor-element-5cbab6c { position: relative; overflow: hidden; /* Keep the gradient the same in all states */ background: linear-gradient(to bottom, #FBF3DC 0%, #FFFFFF 100%) !important; } /* Explicitly override any Elementor hover background */ .elementor-2 .elementor-element.elementor-element-5cbab6c:hover { background: linear-gradient(to bottom, #ffffff 0%, #FBF3DC 100%) !important; } /* Overlay layer for the HOVER colour (solid #FBF3DC) */ .elementor-2 .elementor-element.elementor-element-5cbab6c::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, #FBF3DC 0%, #FBF3DC 100%); opacity: 0; /* hidden by default */ pointer-events: none; /* keep content clickable */ transition: opacity 1s ease;/* 1s fade in & out */ } /* On hover, fade the overlay in smoothly */ .elementor-2 .elementor-element.elementor-element-5cbab6c:hover::before { opacity: 1; }/* End custom CSS */