.elementor-186 .elementor-element.elementor-element-63700e84{--display:flex;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-186 .elementor-element.elementor-element-63700e84:not(.elementor-motion-effects-element-type-background), .elementor-186 .elementor-element.elementor-element-63700e84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C9A84C;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{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-186 .elementor-element.elementor-element-5a38c79f .elementor-cta .elementor-cta__bg, .elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__content{min-height:30vh;text-align:start;padding:0% 10% 0% 14%;background-color:#C9A84C;}.elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__title{font-family:"Playfair Display", Sans-serif;font-size:clamp(1.275rem, 1.187rem + 0.44vw, 1.500rem);font-weight:500;line-height:22px;letter-spacing:0px;color:#FFFDF7;}.elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__title:not(:last-child){margin-bottom:2px;}.elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__description{font-family:"Playfair Display", Sans-serif;font-size:clamp(1.950rem, 1.735rem + 1.07vw, 2.500rem);font-weight:600;text-transform:capitalize;line-height:44px;letter-spacing:-1.13px;color:#4E0008;}.elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__description:not(:last-child){margin-bottom:35px;}.elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__button{color:#4E0008;border-color:#4E0008;font-family:"Helvetica", Sans-serif;font-size:14px;font-weight:700;text-transform:capitalize;text-decoration:none;letter-spacing:-0.45px;border-width:2px;border-radius:0px;}.elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__button:hover{color:#FFFAF5;background-color:#4E0008;}.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 );}body:not(.rtl) .elementor-186 .elementor-element.elementor-element-71687f3{right:20px;}body.rtl .elementor-186 .elementor-element.elementor-element-71687f3{left:20px;}.elementor-186 .elementor-element.elementor-element-71687f3{bottom:100px;}.elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon-wrapper{text-align:center;}.elementor-186 .elementor-element.elementor-element-71687f3.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-186 .elementor-element.elementor-element-71687f3.elementor-view-framed .elementor-icon, .elementor-186 .elementor-element.elementor-element-71687f3.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-186 .elementor-element.elementor-element-71687f3.elementor-view-framed .elementor-icon, .elementor-186 .elementor-element.elementor-element-71687f3.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}body:not(.rtl) .elementor-186 .elementor-element.elementor-element-6e434b9{right:20px;}body.rtl .elementor-186 .elementor-element.elementor-element-6e434b9{left:20px;}.elementor-186 .elementor-element.elementor-element-6e434b9{bottom:20px;}.elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon-wrapper{text-align:center;}.elementor-186 .elementor-element.elementor-element-6e434b9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-186 .elementor-element.elementor-element-6e434b9.elementor-view-framed .elementor-icon, .elementor-186 .elementor-element.elementor-element-6e434b9.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-186 .elementor-element.elementor-element-6e434b9.elementor-view-framed .elementor-icon, .elementor-186 .elementor-element.elementor-element-6e434b9.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-186 .elementor-element.elementor-element-3c7251ff{--display:flex;--min-height:20vh;--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;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-186 .elementor-element.elementor-element-3c7251ff:not(.elementor-motion-effects-element-type-background), .elementor-186 .elementor-element.elementor-element-3c7251ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFDF7;}.elementor-186 .elementor-element.elementor-element-117e1c90{--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:6px 6px;--row-gap:6px;--column-gap:6px;--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-186 .elementor-element.elementor-element-66525a8 img{width:70%;}.elementor-186 .elementor-element.elementor-element-5731e291{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-186 .elementor-element.elementor-element-3ac070f{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:300;line-height:22px;letter-spacing:0px;color:#000000;}.elementor-186 .elementor-element.elementor-element-54669869{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-186 .elementor-element.elementor-element-70ae31ef{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:300;line-height:22px;letter-spacing:0px;color:#000000;}.elementor-186 .elementor-element.elementor-element-a5b5bc1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-186 .elementor-element.elementor-element-681ff9a4{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:300;line-height:22px;letter-spacing:0px;color:#000000;}.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-186 .elementor-element.elementor-element-1f95774 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:0.9rem;font-weight:600;color:#4E0008;}.elementor-186 .elementor-element.elementor-element-4d02f94{--display:flex;}.elementor-186 .elementor-element.elementor-element-4d02f94:not(.elementor-motion-effects-element-type-background), .elementor-186 .elementor-element.elementor-element-4d02f94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4E0008;}.elementor-186 .elementor-element.elementor-element-84c5449{text-align:center;}.elementor-186 .elementor-element.elementor-element-84c5449 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:1.2rem;font-weight:600;color:#FFFDF7;}.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-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__content{min-height:35vh;padding:0% 0% 0% 7%;}.elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__title{font-size:14px;}.elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__description{font-size:32px;line-height:36px;}.elementor-186 .elementor-element.elementor-element-3c7251ff{--min-height:25vh;--flex-wrap:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-186 .elementor-element.elementor-element-117e1c90.e-con{--order:99999 /* order end hack */;}.elementor-186 .elementor-element.elementor-element-5731e291.e-con{--order:4;}.elementor-186 .elementor-element.elementor-element-3ac070f{font-size:14px;line-height:20px;}.elementor-186 .elementor-element.elementor-element-54669869.e-con{--order:3;}.elementor-186 .elementor-element.elementor-element-70ae31ef{font-size:14px;line-height:20px;}.elementor-186 .elementor-element.elementor-element-a5b5bc1.e-con{--order:2;}.elementor-186 .elementor-element.elementor-element-681ff9a4{font-size:14px;line-height:20px;}}@media(max-width:767px){.elementor-186 .elementor-element.elementor-element-63700e84{--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__content{min-height:45vh;text-align:center;padding:0% 15% 0% 15%;}.elementor-186 .elementor-element.elementor-element-5a38c79f .elementor-cta__description{font-size:28px;line-height:32px;}.elementor-186 .elementor-element.elementor-element-71687f3{z-index:999;}.elementor-186 .elementor-element.elementor-element-6e434b9{z-index:999;}.elementor-186 .elementor-element.elementor-element-3c7251ff{--min-height:60vh;--flex-direction:column-reverse;--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-186 .elementor-element.elementor-element-3ac070f{padding:0px 0px 0px 0px;}.elementor-186 .elementor-element.elementor-element-54669869{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-186 .elementor-element.elementor-element-a5b5bc1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-186 .elementor-element.elementor-element-4d02f94{--padding-top:01rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}}@media(min-width:768px){.elementor-186 .elementor-element.elementor-element-3c7251ff{--content-width:1400px;}.elementor-186 .elementor-element.elementor-element-117e1c90{--width:25%;}.elementor-186 .elementor-element.elementor-element-5731e291{--width:22%;}.elementor-186 .elementor-element.elementor-element-54669869{--width:21%;}.elementor-186 .elementor-element.elementor-element-a5b5bc1{--width:21%;}}@media(max-width:1024px) and (min-width:768px){.elementor-186 .elementor-element.elementor-element-117e1c90{--width:100%;}.elementor-186 .elementor-element.elementor-element-5731e291{--width:30%;}.elementor-186 .elementor-element.elementor-element-54669869{--width:30%;}.elementor-186 .elementor-element.elementor-element-a5b5bc1{--width:30%;}}/* Start custom CSS for icon, class: .elementor-element-71687f3 *//* ================================================================ WHATSAPP FLOATING BUTTON ENHANCEMENT — LEVEL 3 (PREMIUM) ================================================================ 📋 PURPOSE: Transforms a standard fixed icon into a premium WhatsApp chat button 🎯 TARGET: Elementor Icon Widget ⚡ SOPHISTICATION: Level 3 — Premium 🎨 STYLE: High-Conversion / WhatsApp Brand 📖 USAGE: 1. Set widget to Fixed position (Bottom-Left) in Advanced tab 2. Copy entire code to: Widget > Advanced > Custom CSS 3. Clear Elementor cache after changes ⚠️ EFFECTS INCLUDED: • Multi-layer elevation shadow system (4 layers) • Continuous attention-pulse animation (Glow ring) • Shine pseudo-element on hover • Hover lift (-4px) with dynamic cubic-bezier easing • WCAG accessible focus-visible states • Reduced motion support handler ================================================================ */ /* ═══════════════════════════════════════════════════════════════ 🎛️ CONTROL PANEL — SAFE TO EDIT ═══════════════════════════════════════════════════════════════ Edit the values below to customize the appearance. Colors use HSL format for easy adjustment. Default is WhatsApp Brand Green (#25D366). ═══════════════════════════════════════════════════════════════ */ :root { /* 🎨 WhatsApp Brand Color (HSL) */ --wa-hue: 142; --wa-sat: 70%; --wa-light: 49%; /* Derived colors for 3D gradient and glow */ --color-wa: hsl(var(--wa-hue), var(--wa-sat), var(--wa-light)); --color-wa-light: hsl(var(--wa-hue), 80%, 60%); --color-wa-dark: hsl(var(--wa-hue), var(--wa-sat), 35%); --color-wa-glow: hsla(var(--wa-hue), var(--wa-sat), var(--wa-light), 0.5); /* 📐 Sizing */ --wa-btn-size: 4rem; --wa-icon-size: 2rem; /* Slightly larger for the WhatsApp icon */ /* 🌑 Shadows */ --wa-shadow-color: rgba(0, 0, 0, 0.15); --wa-elevation-resting: 0 2px 4px var(--wa-shadow-color), 0 4px 8px var(--wa-shadow-color), 0 8px 16px var(--wa-shadow-color), 0 16px 32px rgba(0, 0, 0, 0.1); --wa-elevation-hover: 0 4px 8px var(--wa-shadow-color), 0 8px 16px var(--wa-shadow-color), 0 16px 32px var(--wa-shadow-color), 0 0 35px var(--color-wa-glow); /* ⏱️ Motion */ --transition-normal: 0.4s; --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); /* 🎯 Focus */ --focus-color: var(--color-wa-dark); } /* ═══════════════════════════════════════════════════════════════ ⚙️ SYSTEM CODE — DO NOT EDIT BELOW THIS LINE ═══════════════════════════════════════════════════════════════ */ /* Base Button Styling */ .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon { width: var(--wa-btn-size); height: var(--wa-btn-size); min-width: 44px; /* WCAG 2.5.8 minimum touch target */ min-height: 44px; background: linear-gradient( 135deg, var(--color-wa-light) 0%, var(--color-wa) 100% ); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: var(--wa-elevation-resting); position: relative; overflow: hidden; isolation: isolate; transition: transform var(--transition-normal) var(--ease-bounce), box-shadow var(--transition-normal) ease; } /* Icon Color & Sizing */ .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon i, .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon svg { color: #ffffff; fill: #ffffff; font-size: var(--wa-icon-size); width: var(--wa-icon-size); height: var(--wa-icon-size); z-index: 2; transition: transform 0.3s ease; } /* 1st Pseudo-element: Continuous Pulse Glow */ .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon::before { content: ''; position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 0 var(--color-wa-glow); animation: wa-pulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1); z-index: -1; pointer-events: none; } /* 2nd Pseudo-element: Hover Shine Effect */ .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.4), transparent ); transform: skewX(-25deg); transition: left 0.6s ease; z-index: 1; pointer-events: none; } /* Pulse Keyframes */ @keyframes wa-pulse { 0% { box-shadow: 0 0 0 0 var(--color-wa-glow); } 70% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } /* Hover States */ .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon:hover { transform: translateY(-4px) scale(1.05); box-shadow: var(--wa-elevation-hover); } .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon:hover::after { left: 150%; } .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon:hover i, .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon:hover svg { transform: scale(1.1) rotate(10deg); } /* Active / Pressed State */ .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon:active { transform: translateY(0) scale(0.98); box-shadow: var(--wa-elevation-resting); transition-duration: 0.1s; } /* Focus-Visible (Keyboard Navigation) */ .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon:focus-visible { outline: none; box-shadow: var(--wa-elevation-resting), 0 0 0 4px white, 0 0 0 8px var(--focus-color); } /* ═══════════════════════════════════════════════════════════════ 📱 RESPONSIVE ADJUSTMENTS ═══════════════════════════════════════════════════════════════ */ /* Mobile */ @media (max-width: 767px) { :root { --wa-btn-size: 3.5rem; /* Safely above 44px WCAG minimum */ --wa-icon-size: 1.8rem; } } /* ═══════════════════════════════════════════════════════════════ ♿ ACCESSIBILITY — REQUIRED, DO NOT REMOVE ═══════════════════════════════════════════════════════════════ */ @media (prefers-reduced-motion: reduce) { .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon, .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon i, .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon svg { transition: none; animation: none; } .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon::before, .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon::after { display: none; } .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon:hover { transform: none; } } @media (prefers-contrast: high) { .elementor-186 .elementor-element.elementor-element-71687f3 .elementor-icon { border: 2px solid currentColor; background: transparent; box-shadow: none; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-6e434b9 *//* ================================================================ FLOATING CALL BUTTON ENHANCEMENT — LEVEL 3 (PREMIUM) ================================================================ 📋 PURPOSE: Transforms a standard fixed icon into a premium call button 🎯 TARGET: Elementor Icon Widget ⚡ SOPHISTICATION: Level 3 — Premium 🎨 STYLE: High-Conversion / Deep Red (#5E0000) 📖 USAGE: 1. Set widget to Fixed position (Bottom-Left) in Advanced tab 2. Copy entire code to: Widget > Advanced > Custom CSS 3. Clear Elementor cache after changes ⚠️ EFFECTS INCLUDED: • Multi-layer elevation shadow system (4 layers) • Continuous attention-pulse animation (Glow ring) • Shine pseudo-element on hover • Hover lift (-4px) with dynamic cubic-bezier easing • WCAG accessible focus-visible states • Reduced motion support handler ================================================================ */ /* ═══════════════════════════════════════════════════════════════ 🎛️ CONTROL PANEL — SAFE TO EDIT ═══════════════════════════════════════════════════════════════ Edit the values below to customize the appearance. Your requested hex (#5E0000) is converted to HSL for dynamic effects. ═══════════════════════════════════════════════════════════════ */ :root { /* 🎨 Base Color: #5E0000 (HSL) */ --call-hue: 0; --call-sat: 100%; --call-light: 18%; /* Derived colors for 3D gradient and glow */ --color-call: hsl(var(--call-hue), var(--call-sat), var(--call-light)); --color-call-light: hsl(var(--call-hue), 85%, 35%); /* Lighter red for gradient top */ --color-call-dark: hsl(var(--call-hue), var(--call-sat), 10%); --color-glow: hsla(var(--call-hue), 100%, 35%, 0.5); /* Brightened glow for visibility */ /* 📐 Sizing (Ensures WCAG touch target compliance) */ --call-btn-size: 4rem; --call-icon-size: 1.8rem; /* 🌑 Shadows */ --call-shadow-color: rgba(0, 0, 0, 0.25); --call-elevation-resting: 0 2px 4px var(--call-shadow-color), 0 4px 8px var(--call-shadow-color), 0 8px 16px var(--call-shadow-color), 0 16px 32px rgba(0, 0, 0, 0.15); --call-elevation-hover: 0 4px 8px var(--call-shadow-color), 0 8px 16px var(--call-shadow-color), 0 16px 32px var(--call-shadow-color), 0 0 35px var(--color-glow); /* ⏱️ Motion */ --transition-normal: 0.4s; --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); /* 🎯 Focus */ --focus-color: var(--color-call-light); } /* ═══════════════════════════════════════════════════════════════ ⚙️ SYSTEM CODE — DO NOT EDIT BELOW THIS LINE ═══════════════════════════════════════════════════════════════ */ /* Base Button Styling */ .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon { width: var(--call-btn-size); height: var(--call-btn-size); min-width: 44px; /* WCAG 2.5.8 minimum touch target */ min-height: 44px; background: linear-gradient( 135deg, var(--color-call-light) 0%, var(--color-call) 100% ); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: var(--call-elevation-resting); position: relative; overflow: hidden; isolation: isolate; transition: transform var(--transition-normal) var(--ease-bounce), box-shadow var(--transition-normal) ease; } /* Icon Color & Sizing */ .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon i, .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon svg { color: #ffffff; fill: #ffffff; font-size: var(--call-icon-size); width: var(--call-icon-size); height: var(--call-icon-size); z-index: 2; transition: transform 0.3s ease; } /* 1st Pseudo-element: Continuous Pulse Glow */ .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon::before { content: ''; position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 0 var(--color-glow); animation: call-pulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1); z-index: -1; pointer-events: none; } /* 2nd Pseudo-element: Hover Shine Effect */ .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.3), transparent ); transform: skewX(-25deg); transition: left 0.6s ease; z-index: 1; pointer-events: none; } /* Pulse Keyframes */ @keyframes call-pulse { 0% { box-shadow: 0 0 0 0 var(--color-glow); } 70% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } /* Hover States */ .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon:hover { transform: translateY(-4px) scale(1.05); box-shadow: var(--call-elevation-hover); } .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon:hover::after { left: 150%; } .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon:hover i, .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon:hover svg { transform: scale(1.1) rotate(10deg); } /* Active / Pressed State */ .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon:active { transform: translateY(0) scale(0.98); box-shadow: var(--call-elevation-resting); transition-duration: 0.1s; } /* Focus-Visible (Keyboard Navigation) */ .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon:focus-visible { outline: none; box-shadow: var(--call-elevation-resting), 0 0 0 4px white, 0 0 0 8px var(--focus-color); } /* ═══════════════════════════════════════════════════════════════ 📱 RESPONSIVE ADJUSTMENTS ═══════════════════════════════════════════════════════════════ */ /* Mobile */ @media (max-width: 767px) { :root { --call-btn-size: 3.5rem; /* Safely above 44px WCAG minimum */ --call-icon-size: 1.5rem; } } /* ═══════════════════════════════════════════════════════════════ ♿ ACCESSIBILITY — REQUIRED, DO NOT REMOVE ═══════════════════════════════════════════════════════════════ */ @media (prefers-reduced-motion: reduce) { .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon, .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon i, .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon svg { transition: none; animation: none; } .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon::before, .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon::after { display: none; } .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon:hover { transform: none; } } @media (prefers-contrast: high) { .elementor-186 .elementor-element.elementor-element-6e434b9 .elementor-icon { border: 2px solid currentColor; background: transparent; box-shadow: none; } }/* End custom CSS */