.elementor-8557 .elementor-element.elementor-element-9b79089:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-9b79089 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://2wd1.clickwise.dev/wp-content/uploads/2025/06/IMG_0975.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-8557 .elementor-element.elementor-element-9b79089 > .elementor-background-overlay{background-color:#000000;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8557 .elementor-element.elementor-element-9b79089{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-3px;margin-bottom:-3px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-bc-flex-widget .elementor-8557 .elementor-element.elementor-element-bf3377c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-8557 .elementor-element.elementor-element-bf3377c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-8557 .elementor-element.elementor-element-bf3377c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:44px;}.elementor-8557 .elementor-element.elementor-element-bf3377c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-d9a88af .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;margin:0px 0px 30px 0px;font-family:"Roboto", Sans-serif;font-size:60px;font-weight:700;line-height:75px;}.elementor-8557 .elementor-element.elementor-element-d9a88af .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-8557 .elementor-element.elementor-element-d9a88af .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-8557 .elementor-element.elementor-element-d9a88af .elementskit-section-title-wraper .elementskit-section-subtitle{color:#EB5F22;font-family:"Fira Sans", Sans-serif;font-size:16px;font-weight:500;margin:0px 0px 17px 0px;}.elementor-8557 .elementor-element.elementor-element-d9a88af{padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-d9a88af.elementor-element{--flex-grow:0;--flex-shrink:0;}.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-8557 .elementor-element.elementor-element-00e1134{text-align:start;margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-00e1134 .elementor-heading-title{font-size:25px;letter-spacing:0px;color:#FFFFFF;}.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-8557 .elementor-element.elementor-element-8d5e13f{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#C9C9C9;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-8557 .elementor-element.elementor-element-8d5e13f.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-8d5e13f.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #EB5F22;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-8557 .elementor-element.elementor-element-3c7897d .elementor-button-content-wrapper{flex-direction:row;}.elementor-8557 .elementor-element.elementor-element-3c7897d .elementor-button{background-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0075EE;}.elementor-8557 .elementor-element.elementor-element-3c7897d .elementor-button:hover, .elementor-8557 .elementor-element.elementor-element-3c7897d .elementor-button:focus{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-b52b8e0{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-88954fa .elementskit-funfact .funfact-icon img{margin-bottom:0px;border-style:groove;}.elementor-8557 .elementor-element.elementor-element-88954fa .elementskit-funfact .elementskit-funfact-icon{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-88954fa .elementskit-funfact .funfact-icon svg{fill:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-88954fa .elementskit-funfact-icon{font-size:40px;}.elementor-8557 .elementor-element.elementor-element-88954fa .funfact-icon svg{font-size:40px;}.elementor-8557 .elementor-element.elementor-element-88954fa .elementskit-funfact-icon, .elementor-8557 .elementor-element.elementor-element-88954fa .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-8557 .elementor-element.elementor-element-88954fa .elementskit-funfact{justify-content:left;display:flex;}.elementor-8557 .elementor-element.elementor-element-88954fa .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-88954fa .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-88954fa.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-8557 .elementor-element.elementor-element-88954fa.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:8px 8px 8px 8px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-8557 .elementor-element.elementor-element-d1eea08 .elementskit-funfact .funfact-icon img{margin-bottom:0px;border-style:groove;}.elementor-8557 .elementor-element.elementor-element-d1eea08 .elementskit-funfact .elementskit-funfact-icon{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-d1eea08 .elementskit-funfact .funfact-icon svg{fill:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-d1eea08 .elementskit-funfact-icon{font-size:40px;}.elementor-8557 .elementor-element.elementor-element-d1eea08 .funfact-icon svg{font-size:40px;}.elementor-8557 .elementor-element.elementor-element-d1eea08 .elementskit-funfact-icon, .elementor-8557 .elementor-element.elementor-element-d1eea08 .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-8557 .elementor-element.elementor-element-d1eea08 .elementskit-funfact{justify-content:left;display:flex;}.elementor-8557 .elementor-element.elementor-element-d1eea08 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-d1eea08 .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-d1eea08.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-8557 .elementor-element.elementor-element-d1eea08.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:8px 8px 8px 8px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-8557 .elementor-element.elementor-element-16e7199 .elementskit-funfact .funfact-icon img{margin-bottom:0px;border-style:groove;}.elementor-8557 .elementor-element.elementor-element-16e7199 .elementskit-funfact .elementskit-funfact-icon{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-16e7199 .elementskit-funfact .funfact-icon svg{fill:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-16e7199 .elementskit-funfact-icon{font-size:40px;}.elementor-8557 .elementor-element.elementor-element-16e7199 .funfact-icon svg{font-size:40px;}.elementor-8557 .elementor-element.elementor-element-16e7199 .elementskit-funfact-icon, .elementor-8557 .elementor-element.elementor-element-16e7199 .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-8557 .elementor-element.elementor-element-16e7199 .elementskit-funfact{justify-content:left;display:flex;}.elementor-8557 .elementor-element.elementor-element-16e7199 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-16e7199 .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-16e7199.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-8557 .elementor-element.elementor-element-16e7199.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:8px 8px 8px 8px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-8557 .elementor-element.elementor-element-07be742 .elementskit-funfact .funfact-icon img{margin-bottom:0px;}.elementor-8557 .elementor-element.elementor-element-07be742 .elementskit-funfact{justify-content:left;display:flex;}.elementor-8557 .elementor-element.elementor-element-07be742 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-07be742 .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-07be742.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-8557 .elementor-element.elementor-element-07be742.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:8px 8px 8px 8px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-8557 .elementor-element.elementor-element-44672ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-44672ed.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8557 .elementor-element.elementor-element-5e325ad{--display:flex;--justify-content:center;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-5e325ad.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8557 .elementor-element.elementor-element-c8efc34{margin:-62px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-11e18e9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8557 .elementor-element.elementor-element-11e18e9:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-11e18e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://2wd1.clickwise.dev/wp-content/uploads/2025/02/473060650_1149836520479839_5204277015184931676_n.jpg");background-position:-329px -169px;}.elementor-8557 .elementor-element.elementor-element-11e18e9 > .elementor-background-overlay{background-color:#000000;opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8557 .elementor-element.elementor-element-11e18e9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-2143674 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-451e8c1{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-451e8c1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-4af66e0{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-8557 .elementor-element.elementor-element-920ea32 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-920ea32.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-920ea32.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-920ea32.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-920ea32 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-920ea32 .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-920ea32 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-920ea32 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-920ea32:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-920ea32:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-920ea32 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-920ea32.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-920ea32.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-466c71e .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-466c71e.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-466c71e.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-466c71e.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-466c71e .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-466c71e .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-466c71e .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-466c71e .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-466c71e:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-466c71e:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-466c71e .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-466c71e{width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-466c71e.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-466c71e.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-2c95428 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-2c95428.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-2c95428.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-2c95428.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-2c95428 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-2c95428 .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-2c95428 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-2c95428 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-2c95428:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-2c95428:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-2c95428 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-2c95428{width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-2c95428.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-2c95428.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-b5c0a70 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-b5c0a70.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-b5c0a70.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-b5c0a70.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-b5c0a70 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-b5c0a70 .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-b5c0a70 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-b5c0a70 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-b5c0a70:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-b5c0a70:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-b5c0a70 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-b5c0a70{width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-b5c0a70.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-b5c0a70.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-c64fd50 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-c64fd50.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-c64fd50.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-c64fd50.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-c64fd50 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-c64fd50 .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-c64fd50 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-c64fd50 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-c64fd50:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-c64fd50:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-c64fd50 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-c64fd50{width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-c64fd50.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-c64fd50.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-8557 .elementor-element.elementor-element-9399dc0{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-9399dc0 .elementor-divider-separator{width:100%;}.elementor-8557 .elementor-element.elementor-element-9399dc0 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-8557 .elementor-element.elementor-element-36a3540{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#C9C9C9;margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-8557 .elementor-element.elementor-element-36a3540.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-36a3540.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #EB5F22;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-8557 .elementor-element.elementor-element-877be55 .elementor-icon-list-icon i{color:#6EC1E4;transition:color 0.3s;}.elementor-8557 .elementor-element.elementor-element-877be55 .elementor-icon-list-icon svg{fill:#6EC1E4;transition:fill 0.3s;}.elementor-8557 .elementor-element.elementor-element-877be55{--e-icon-list-icon-size:30px;--icon-vertical-offset:0px;}.elementor-8557 .elementor-element.elementor-element-877be55 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-8557 .elementor-element.elementor-element-877be55 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8557 .elementor-element.elementor-element-877be55 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0px;}.elementor-8557 .elementor-element.elementor-element-877be55 .elementor-icon-list-text{color:#C2C2C2;transition:color 0.3s;}.elementor-8557 .elementor-element.elementor-element-752b1ed > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8557 .elementor-element.elementor-element-752b1ed:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-752b1ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://2wd1.clickwise.dev/wp-content/uploads/2025/02/473060650_1149836520479839_5204277015184931676_n.jpg");background-position:-329px -169px;}.elementor-8557 .elementor-element.elementor-element-752b1ed > .elementor-background-overlay{background-color:#000000;opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8557 .elementor-element.elementor-element-752b1ed{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-3b31f2c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-d34acc7{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-d34acc7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-7e67f0f{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#C9C9C9;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-8557 .elementor-element.elementor-element-7e67f0f.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-7e67f0f.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #EB5F22;}.elementor-8557 .elementor-element.elementor-element-7337076{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-7145ece .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-7145ece.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-7145ece.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-7145ece.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-7145ece .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-7145ece .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-7145ece .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-7145ece .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-7145ece:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-7145ece:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-7145ece .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-7145ece{padding:0px 6px 0px 6px;}.elementor-8557 .elementor-element.elementor-element-7145ece.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-7145ece.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-aaab39f .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-aaab39f.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-aaab39f.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-aaab39f.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-aaab39f .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-aaab39f .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-aaab39f .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-aaab39f .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-aaab39f:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-aaab39f:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-aaab39f .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-aaab39f{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-aaab39f.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-aaab39f.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-3638358 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-3638358.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-3638358.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-3638358.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-3638358 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-3638358 .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-3638358 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-3638358 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-3638358:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-3638358:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-3638358 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-3638358{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-3638358.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-3638358.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-f5708a6 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-f5708a6.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-f5708a6.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-f5708a6.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-f5708a6 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-f5708a6 .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-f5708a6 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-f5708a6 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-f5708a6:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-f5708a6:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-f5708a6 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-f5708a6{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-f5708a6.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-f5708a6.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-824d565{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-824d565 .elementor-divider-separator{width:100%;}.elementor-8557 .elementor-element.elementor-element-824d565 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-8557 .elementor-element.elementor-element-8239600 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8557 .elementor-element.elementor-element-8239600:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-8239600 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;background-image:url("https://2wd1.clickwise.dev/wp-content/uploads/2025/02/480242141_1177447201052104_2323885254357731606_n.jpg");}.elementor-8557 .elementor-element.elementor-element-8239600 > .elementor-background-overlay{background-color:#000000;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8557 .elementor-element.elementor-element-8239600{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-2px;margin-bottom:0px;padding:100px 0px 100px 0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-a1d7424 > .elementor-element-populated{margin:0px 0px 40px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 50px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-551bd9a{text-align:center;}.elementor-8557 .elementor-element.elementor-element-551bd9a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;color:#F5F5F5;}.elementor-8557 .elementor-element.elementor-element-de0340b{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#C9C9C9;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-8557 .elementor-element.elementor-element-de0340b.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-de0340b.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF7D;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #EB5F22;}.elementor-8557 .elementor-element.elementor-element-7197f0d{--divider-border-style:solid;--divider-color:#0075EE;--divider-border-width:2.5px;width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-7197f0d .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-8557 .elementor-element.elementor-element-7197f0d .elementor-divider{text-align:left;padding-block-start:8px;padding-block-end:8px;}.elementor-8557 .elementor-element.elementor-element-3afbc22 .elementor-button-content-wrapper{flex-direction:row;}.elementor-8557 .elementor-element.elementor-element-3afbc22 .elementor-button{background-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0075EE;}.elementor-8557 .elementor-element.elementor-element-3afbc22 .elementor-button:hover, .elementor-8557 .elementor-element.elementor-element-3afbc22 .elementor-button:focus{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-3afbc22{width:100%;max-width:100%;}.elementor-8557 .elementor-element.elementor-element-33f0fcd > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-8557 .elementor-element.elementor-element-c90911f{margin-top:0px;margin-bottom:0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-0b61932 > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-8557 .elementor-element.elementor-element-0b61932 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#EB5F22;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-0b61932 > .elementor-element-populated, .elementor-8557 .elementor-element.elementor-element-0b61932 > .elementor-element-populated > .elementor-background-overlay, .elementor-8557 .elementor-element.elementor-element-0b61932 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-8557 .elementor-element.elementor-element-0b61932:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-8557 .elementor-element.elementor-element-0b61932 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8557 .elementor-element.elementor-element-3b3d52b .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-3b3d52b.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-3b3d52b.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-3b3d52b.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-3b3d52b .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-3b3d52b .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-3b3d52b .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-3b3d52b .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-3b3d52b:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-3b3d52b:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-3b3d52b .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-3b3d52b{width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-9d73c87 > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-8557 .elementor-element.elementor-element-9d73c87 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#EB5F22;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-9d73c87 > .elementor-element-populated, .elementor-8557 .elementor-element.elementor-element-9d73c87 > .elementor-element-populated > .elementor-background-overlay, .elementor-8557 .elementor-element.elementor-element-9d73c87 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-8557 .elementor-element.elementor-element-9d73c87:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-8557 .elementor-element.elementor-element-9d73c87 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8557 .elementor-element.elementor-element-108c6f7 .elementor-icon-box-wrapper{gap:15px;}.elementor-8557 .elementor-element.elementor-element-108c6f7.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-108c6f7.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-108c6f7.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-108c6f7 .elementor-icon{font-size:25px;}.elementor-8557 .elementor-element.elementor-element-108c6f7 .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-108c6f7 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-108c6f7 .elementor-icon-box-title{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-108c6f7:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-108c6f7:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-108c6f7 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-346e0e5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8557 .elementor-element.elementor-element-346e0e5{margin-top:0px;margin-bottom:0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-df1f2a7 > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-8557 .elementor-element.elementor-element-df1f2a7 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#EB5F22;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-df1f2a7 > .elementor-element-populated, .elementor-8557 .elementor-element.elementor-element-df1f2a7 > .elementor-element-populated > .elementor-background-overlay, .elementor-8557 .elementor-element.elementor-element-df1f2a7 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-8557 .elementor-element.elementor-element-df1f2a7:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-8557 .elementor-element.elementor-element-df1f2a7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8557 .elementor-element.elementor-element-df1f2a7{backdrop-filter:brightness( 1 ) contrast( 1 ) saturate( 1 ) grayscale( 1 ) blur( 0px ) hue-rotate( 0deg );-webkit-backdrop-filter:brightness( 1 ) contrast( 1 ) saturate( 1 ) blur( 0px ) grayscale( 1 ) hue-rotate( 0deg );}.elementor-8557 .elementor-element.elementor-element-c0cb12c .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-c0cb12c.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-c0cb12c.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-c0cb12c.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-c0cb12c .elementor-icon{font-size:25px;}.elementor-8557 .elementor-element.elementor-element-c0cb12c .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-c0cb12c .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-c0cb12c .elementor-icon-box-title{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-c0cb12c:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-c0cb12c:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-c0cb12c .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-2376c72 > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-8557 .elementor-element.elementor-element-2376c72 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#EB5F22;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-2376c72 > .elementor-element-populated, .elementor-8557 .elementor-element.elementor-element-2376c72 > .elementor-element-populated > .elementor-background-overlay, .elementor-8557 .elementor-element.elementor-element-2376c72 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-8557 .elementor-element.elementor-element-2376c72:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-8557 .elementor-element.elementor-element-2376c72 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8557 .elementor-element.elementor-element-bc19b68 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-bc19b68.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-bc19b68.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-bc19b68.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-bc19b68 .elementor-icon{font-size:25px;}.elementor-8557 .elementor-element.elementor-element-bc19b68 .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-bc19b68 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-bc19b68 .elementor-icon-box-title{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-bc19b68:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-bc19b68:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-bc19b68 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-ec1bcb6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8557 .elementor-element.elementor-element-ec1bcb6:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-ec1bcb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://2wd1.clickwise.dev/wp-content/uploads/2025/02/473060650_1149836520479839_5204277015184931676_n.jpg");background-position:-329px -169px;}.elementor-8557 .elementor-element.elementor-element-ec1bcb6 > .elementor-background-overlay{background-color:#000000;opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8557 .elementor-element.elementor-element-ec1bcb6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-bedf34c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-9a927e2{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-9a927e2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-402e84f{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#C9C9C9;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-8557 .elementor-element.elementor-element-402e84f.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-402e84f.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #EB5F22;}.elementor-8557 .elementor-element.elementor-element-146bfef{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-50ea419 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-50ea419.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-50ea419.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-50ea419.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-50ea419 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-50ea419 .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-50ea419 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-50ea419 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-50ea419:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-50ea419:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-50ea419 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-50ea419{padding:0px 6px 0px 6px;}.elementor-8557 .elementor-element.elementor-element-50ea419.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-50ea419.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-bfe223c .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-bfe223c.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-bfe223c.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-bfe223c.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-bfe223c .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-bfe223c .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-bfe223c .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-bfe223c .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-bfe223c:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-bfe223c:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-bfe223c .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-bfe223c{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-bfe223c.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-bfe223c.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-9e6e9ce .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-9e6e9ce.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-9e6e9ce.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-9e6e9ce.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-9e6e9ce .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-9e6e9ce .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-9e6e9ce .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-9e6e9ce .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-9e6e9ce:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-9e6e9ce:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-9e6e9ce .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-9e6e9ce{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-9e6e9ce.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-9e6e9ce.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-f8756ee .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-f8756ee.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-f8756ee.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-f8756ee.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-f8756ee .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-f8756ee .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-f8756ee .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-f8756ee .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-f8756ee:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-f8756ee:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-f8756ee .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-f8756ee{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-f8756ee.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-f8756ee.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-c90ad4f .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-8557 .elementor-element.elementor-element-c90ad4f.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-c90ad4f.elementor-view-framed .elementor-icon, .elementor-8557 .elementor-element.elementor-element-c90ad4f.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-c90ad4f .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-8557 .elementor-element.elementor-element-c90ad4f .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-c90ad4f .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-8557 .elementor-element.elementor-element-c90ad4f .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-8557 .elementor-element.elementor-element-c90ad4f:has(:hover) .elementor-icon-box-title, .elementor-8557 .elementor-element.elementor-element-c90ad4f:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-c90ad4f .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-c90ad4f{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-8557 .elementor-element.elementor-element-c90ad4f.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-c90ad4f.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #0075EE;}.elementor-8557 .elementor-element.elementor-element-69e3eaf{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-69e3eaf .elementor-divider-separator{width:100%;}.elementor-8557 .elementor-element.elementor-element-69e3eaf .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-8557 .elementor-element.elementor-element-26a48bd .elementor-icon-list-icon i{color:#6EC1E4;transition:color 0.3s;}.elementor-8557 .elementor-element.elementor-element-26a48bd .elementor-icon-list-icon svg{fill:#6EC1E4;transition:fill 0.3s;}.elementor-8557 .elementor-element.elementor-element-26a48bd{--e-icon-list-icon-size:30px;--icon-vertical-offset:0px;}.elementor-8557 .elementor-element.elementor-element-26a48bd .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-8557 .elementor-element.elementor-element-26a48bd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8557 .elementor-element.elementor-element-26a48bd .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0px;}.elementor-8557 .elementor-element.elementor-element-26a48bd .elementor-icon-list-text{color:#C2C2C2;transition:color 0.3s;}.elementor-8557 .elementor-element.elementor-element-bf5296b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-248ad74{padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-c68b7b8{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-c68b7b8:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-c68b7b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8557 .elementor-element.elementor-element-a9ddf1b{width:100%;max-width:100%;}.elementor-8557 .elementor-element.elementor-element-98d3108{--divider-border-style:solid;--divider-color:#EB5F22;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-8557 .elementor-element.elementor-element-98d3108 .elementor-divider-separator{width:122px;}.elementor-8557 .elementor-element.elementor-element-98d3108 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-8557 .elementor-element.elementor-element-3c3f452 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8557 .elementor-element.elementor-element-3c3f452:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-3c3f452 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D2D2D;background-image:url("https://2wd1.clickwise.dev/wp-content/uploads/2026/04/dji_fly_20250528_172450_0384_1748471094828_photo-1-scaled.jpg");}.elementor-8557 .elementor-element.elementor-element-3c3f452 > .elementor-background-overlay{background-color:#000000;opacity:0.75;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8557 .elementor-element.elementor-element-3c3f452{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-df7894b > .elementor-element-populated{padding:0% 20% 0% 20%;}.elementor-8557 .elementor-element.elementor-element-10c2d07{text-align:center;}.elementor-8557 .elementor-element.elementor-element-10c2d07 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:27px;font-weight:600;color:#FFFFFF;}.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-toggle .elementor-tab-content{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-8557 .elementor-element.elementor-element-f4fdf39 .elementor-tab-title{border-width:0px;border-color:rgba(191,191,191,0);background-color:#0E0D0D;padding:28px 28px 28px 28px;}.elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-tab-content{border-width:0px;border-block-end-color:rgba(191,191,191,0);background-color:#313131;color:#FFFFFF;padding:0px 28px 30px 28px;}.elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-toggle-item:not(:last-child){margin-block-end:25px;}.elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-toggle-item{box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.1);}.elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-toggle-title, .elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-toggle-icon{color:rgba(245, 245, 245, 0.77);}.elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-toggle-icon svg{fill:rgba(245, 245, 245, 0.77);}.elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-tab-title.elementor-active a, .elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-tab-title .elementor-toggle-icon i:before{color:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-tab-title .elementor-toggle-icon svg{fill:#BDBDBD;}.elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-f4fdf39 .elementor-toggle-icon{margin-inline-end:8px;}.elementor-8557 .elementor-element.elementor-element-f4fdf39{width:var( --container-widget-width, 103.947% );max-width:103.947%;--container-widget-width:103.947%;--container-widget-flex-grow:0;}.elementor-8557 .elementor-element.elementor-element-f4fdf39.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8557 .elementor-element.elementor-element-a922775 > .elementor-container{max-width:800px;}.elementor-8557 .elementor-element.elementor-element-a922775 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8557 .elementor-element.elementor-element-a922775:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-a922775 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D2D2D;background-image:url("https://2wd1.clickwise.dev/wp-content/uploads/2026/04/IMG_4137.jpg");}.elementor-8557 .elementor-element.elementor-element-a922775 > .elementor-background-overlay{background-color:#000000;opacity:0.81;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8557 .elementor-element.elementor-element-a922775{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 80px 30px 80px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-81d3c46{text-align:center;}.elementor-8557 .elementor-element.elementor-element-81d3c46 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-8557 .elementor-element.elementor-element-78b74cc{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#C9C9C9;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-8557 .elementor-element.elementor-element-78b74cc.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-78b74cc.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #EB5F22;}.elementor-8557 .elementor-element.elementor-element-d4e200d{margin-top:-28px;margin-bottom:-28px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-8557 .elementor-element.elementor-element-968f14d .elementor-button-content-wrapper{flex-direction:row;}.elementor-8557 .elementor-element.elementor-element-968f14d .elementor-button{background-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0075EE;}.elementor-8557 .elementor-element.elementor-element-968f14d .elementor-button:hover, .elementor-8557 .elementor-element.elementor-element-968f14d .elementor-button:focus{background-color:#EB5F22;}.elementor-8557 .elementor-element.elementor-element-8ef6237{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:15px;--grid-column-gap:4px;--grid-row-gap:0px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-8ef6237 .elementor-social-icon{--icon-padding:1em;}.elementor-8557 .elementor-element.elementor-element-ad6f77f{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#C9C9C9;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-8557 .elementor-element.elementor-element-ad6f77f.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-8557 .elementor-element.elementor-element-ad6f77f.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:1px 1px 1px 1px;box-shadow:1px 1px 10px 5px #EB5F22;}@media(max-width:1024px){.elementor-8557 .elementor-element.elementor-element-00e1134 .elementor-heading-title{font-size:98px;letter-spacing:-2px;}.elementor-8557 .elementor-element.elementor-element-00e1134{margin:-45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-8d5e13f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-b52b8e0{--grid-auto-flow:row;}.elementor-8557 .elementor-element.elementor-element-11e18e9:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-11e18e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-8557 .elementor-element.elementor-element-11e18e9{padding:65px 30px 65px 30px;}.elementor-8557 .elementor-element.elementor-element-451e8c1{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-4af66e0{--grid-auto-flow:row;}.elementor-8557 .elementor-element.elementor-element-36a3540{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-877be55{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;}.elementor-8557 .elementor-element.elementor-element-752b1ed:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-752b1ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-8557 .elementor-element.elementor-element-752b1ed{padding:65px 30px 65px 30px;}.elementor-8557 .elementor-element.elementor-element-d34acc7{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-7e67f0f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-7337076{--grid-auto-flow:row;}.elementor-8557 .elementor-element.elementor-element-8239600{padding:8% 8% 8% 8%;}.elementor-8557 .elementor-element.elementor-element-a1d7424 > .elementor-element-populated{padding:0px 50px 0px 50px;}.elementor-8557 .elementor-element.elementor-element-551bd9a{text-align:center;}.elementor-8557 .elementor-element.elementor-element-de0340b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-0b61932 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-8557 .elementor-element.elementor-element-9d73c87 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-8557 .elementor-element.elementor-element-df1f2a7 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-8557 .elementor-element.elementor-element-2376c72 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-8557 .elementor-element.elementor-element-ec1bcb6:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-ec1bcb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-8557 .elementor-element.elementor-element-ec1bcb6{padding:65px 30px 65px 30px;}.elementor-8557 .elementor-element.elementor-element-9a927e2{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-402e84f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-146bfef{--grid-auto-flow:row;}.elementor-8557 .elementor-element.elementor-element-26a48bd{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;}.elementor-8557 .elementor-element.elementor-element-3c3f452{padding:100px 25px 100px 25px;}.elementor-8557 .elementor-element.elementor-element-df7894b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-a922775{padding:50px 50px 50px 50px;}.elementor-8557 .elementor-element.elementor-element-78b74cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-ad6f77f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-8557 .elementor-element.elementor-element-bf3377c{width:60%;}.elementor-8557 .elementor-element.elementor-element-38543c7{width:40%;}.elementor-8557 .elementor-element.elementor-element-5e325ad{--width:98.127%;}.elementor-8557 .elementor-element.elementor-element-a1d7424{width:40%;}.elementor-8557 .elementor-element.elementor-element-33f0fcd{width:60%;}.elementor-8557 .elementor-element.elementor-element-c68b7b8{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8557 .elementor-element.elementor-element-bf3377c{width:100%;}.elementor-8557 .elementor-element.elementor-element-38543c7{width:100%;}.elementor-8557 .elementor-element.elementor-element-2143674{width:55%;}.elementor-8557 .elementor-element.elementor-element-3b31f2c{width:55%;}.elementor-8557 .elementor-element.elementor-element-a1d7424{width:100%;}.elementor-8557 .elementor-element.elementor-element-33f0fcd{width:100%;}.elementor-8557 .elementor-element.elementor-element-bedf34c{width:55%;}}@media(max-width:767px){.elementor-8557 .elementor-element.elementor-element-d9a88af .elementskit-section-title-wraper .elementskit-section-title{font-size:42px;line-height:52px;}.elementor-8557 .elementor-element.elementor-element-00e1134 .elementor-heading-title{font-size:72px;}.elementor-8557 .elementor-element.elementor-element-00e1134{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-b52b8e0{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-8557 .elementor-element.elementor-element-11e18e9:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-11e18e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-8557 .elementor-element.elementor-element-11e18e9{padding:65px 35px 66px 35px;}.elementor-8557 .elementor-element.elementor-element-451e8c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-4af66e0{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-8557 .elementor-element.elementor-element-9399dc0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-877be55{--e-icon-list-icon-size:15px;}.elementor-8557 .elementor-element.elementor-element-752b1ed:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-752b1ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-8557 .elementor-element.elementor-element-752b1ed{padding:65px 35px 66px 35px;}.elementor-8557 .elementor-element.elementor-element-d34acc7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-7337076{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-8557 .elementor-element.elementor-element-824d565{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-8239600{padding:50px 30px 50px 30px;}.elementor-8557 .elementor-element.elementor-element-a1d7424 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-7197f0d .elementor-divider{text-align:center;}.elementor-8557 .elementor-element.elementor-element-7197f0d .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-8557 .elementor-element.elementor-element-33f0fcd > .elementor-element-populated{padding:50px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-ec1bcb6:not(.elementor-motion-effects-element-type-background), .elementor-8557 .elementor-element.elementor-element-ec1bcb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-8557 .elementor-element.elementor-element-ec1bcb6{padding:65px 35px 66px 35px;}.elementor-8557 .elementor-element.elementor-element-9a927e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-146bfef{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-8557 .elementor-element.elementor-element-69e3eaf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8557 .elementor-element.elementor-element-26a48bd{--e-icon-list-icon-size:15px;}.elementor-8557 .elementor-element.elementor-element-3c3f452{padding:50px 20px 50px 20px;}.elementor-8557 .elementor-element.elementor-element-f4fdf39{padding:15px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-a922775{padding:60px 30px 60px 30px;}.elementor-8557 .elementor-element.elementor-element-28f48fb > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-8557 .elementor-element.elementor-element-8ef6237{text-align:center;margin:05px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for section, class: .elementor-element-9b79089 *//* Hide YouTube/Vimeo controls and titles */ .elementor-8557 .elementor-element.elementor-element-9b79089 iframe { pointer-events: none; /* Prevents clicking and hover states that trigger UI */ } /* Specifically target YouTube lingering elements */ .elementor-8557 .elementor-element.elementor-element-9b79089 .elementor-video iframe { border: none; } /* Hide any native HTML5 video controls if using Method 1 */ .elementor-8557 .elementor-element.elementor-element-9b79089 video::-webkit-media-controls { display: none !important; } .elementor-8557 .elementor-element.elementor-element-9b79089 video::-webkit-media-controls-play-button { display: none !important; } .elementor-8557 .elementor-element.elementor-element-9b79089 video::-webkit-media-controls-start-playback-button { display: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e325ad */.elementor-8557 .elementor-element.elementor-element-5e325ad { background: linear-gradient(90deg, #E65100 0%, #000000 25%, #000000 75%, #0D47A1 100%) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-451e8c1 *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-8557 .elementor-element.elementor-element-451e8c1 { position: relative; /* Important for orbit simulation: ensures any overflowing orbit is visible for texture */ overflow: visible !important; } /* 2. Style the base text and common line properties */ .elementor-8557 .elementor-element.elementor-element-451e8c1 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-451e8c1 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-451e8c1 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-451e8c1 a { position: relative; display: inline-block !important; text-decoration: none !important; padding-bottom: 8px; /* Extra space for orbit */ } /* 3. The Underline Component (Hardware Accelerated via pure scaleX) */ .elementor-8557 .elementor-element.elementor-element-451e8c1 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-451e8c1 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-451e8c1 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-451e8c1 a::after { content: '' !important; position: absolute !important; height: 3px !important; bottom: 0 !important; left: 0 !important; width: 100% !important; /* Fixed base width, scaled externally */ /* Neon Blue Styling */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 20px #3aa0ff, 0 0 40px #0052a6 !important; border-radius: 2px !important; /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the main chaotic timeline */ animation: neon-chaotic-line 16s infinite linear !important; } /* 4. The Orbiting Particle Component (Centered and tracking via calc) */ .elementor-8557 .elementor-element.elementor-element-451e8c1 .sleek-service-link::before, .elementor-8557 .elementor-element.elementor-element-451e8c1 .elementor-heading-title::before, .elementor-8557 .elementor-element.elementor-element-451e8c1 .elementor-icon-box-title span::before, .elementor-8557 .elementor-element.elementor-element-451e8c1 a::before { content: '' !important; position: absolute !important; width: 6px; height: 6px; border-radius: 50%; bottom: -1px; /* Vertically centered relative to the 3px line */ left: 0; /* Neon Blue styling (the same glow, but on a circle) */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 15px #3aa0ff, 0 0 25px #0052a6 !important; opacity: 0; z-index: 1; /* Sits above the line */ /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the secondary orbiting timeline */ animation: neon-orbiting-particle 16s infinite linear !important; } /* ====================================================== THE TIMELINES (Flawless Mathematical Calibration) ====================================================== */ /* A. The Line Timeline: Driven cleanly by scale and structural alignment */ @keyframes neon-chaotic-line { /* PHASE 1: The Smooth Draw (0s - 4s) */ 0% { transform: scaleX(0); transform-origin: left center; opacity: 1; } 20% { transform: scaleX(1); transform-origin: left center; } 24.99% { transform: scaleX(0); transform-origin: right center; } /* PHASE 2: The Erratic Snap (4s - 8s) */ 25% { transform: scaleX(0); transform-origin: center center; } 28% { transform: scaleX(1); transform-origin: center center; opacity: 1; } 35% { opacity: 1; } 38% { opacity: 0; } 41% { opacity: 1; transform: scaleX(0); transform-origin: left center; } 50% { transform: scaleX(1); transform-origin: left center; } /* PHASE 3: The Slow Gravity (8s - 12s) */ 50.01% { transform: scaleX(0); transform-origin: 75% center; } 60% { transform: scaleX(1); transform-origin: 75% center; } 74.99% { transform: scaleX(0); transform-origin: center center; } /* PHASE 4: The Slingshot (12s - 16s) */ 75% { transform: scaleX(1); transform-origin: left center; } 80% { transform: scaleX(0.3); transform-origin: left center; } 85% { transform: scaleX(0.3); transform-origin: 35% center; } /* Smooth origin-based layout shift */ 92% { transform: scaleX(1); transform-origin: left center; opacity: 1; } 99% { transform: scaleX(0); transform-origin: left center; opacity: 0; } 100% { transform: scaleX(0); transform-origin: left center; opacity: 0; } } /* B. The Particle Timeline: Using mathematically correct calc() percentages minus radius offsets */ @keyframes neon-orbiting-particle { /* PHASE 1: The Orbit around the drawing line (Simulates 3D Ellipse) */ 0% { opacity: 0; transform: translate3d(-3px, 0, 0); } 1% { opacity: 1; transform: translate3d(-3px, 0, 0); } 10% { transform: translate3d(calc(50% - 3px), -8px, 0); } 20% { transform: translate3d(calc(100% - 3px), 0, 0); } 24% { transform: translate3d(calc(50% - 3px), 8px, 0); } 24.99% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 2: Erratic Movement (High-Speed Zips) */ 25% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } 28% { opacity: 1; transform: translate3d(-3px, -5px, 0); } 30% { transform: translate3d(calc(100% - 3px), 5px, 0); } 33% { transform: translate3d(-3px, 0, 0); } 38% { opacity: 0; } 50% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 3: Slow Gravity (Eddy around center point) */ 50.01% { opacity: 0; transform: translate3d(calc(75% - 3px), 0, 0); } 51% { opacity: 1; } 60% { transform: translate3d(calc(50% - 3px), 12px, 0); } 65% { transform: translate3d(calc(50% - 3px), -12px, 0); } 70% { transform: translate3d(calc(50% - 3px), 0, 0); } 74.99% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } /* PHASE 4: Slingshot Accenting (Tracking line scale precisely) */ 75% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } 85% { opacity: 1; transform: translate3d(calc(35% - 3px), 8px, 0); } 92% { transform: translate3d(calc(100% - 3px), 0, 0); } 100% { opacity: 0; transform: translate3d(-3px, 0, 0); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-920ea32 *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-920ea32 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-920ea32 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-920ea32 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-920ea32 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-920ea32 a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-920ea32 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-920ea32 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-920ea32 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-920ea32 a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-920ea32 */ .elementor-8557 .elementor-element.elementor-element-920ea32:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-920ea32:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-920ea32:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-920ea32:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-466c71e *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-466c71e { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-466c71e .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-466c71e .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-466c71e .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-466c71e a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-466c71e .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-466c71e .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-466c71e .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-466c71e a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-466c71e */ .elementor-8557 .elementor-element.elementor-element-466c71e:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-466c71e:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-466c71e:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-466c71e:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c95428 *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-2c95428 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-2c95428 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-2c95428 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-2c95428 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-2c95428 a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-2c95428 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-2c95428 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-2c95428 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-2c95428 a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-2c95428 */ .elementor-8557 .elementor-element.elementor-element-2c95428:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-2c95428:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-2c95428:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-2c95428:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b5c0a70 *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-b5c0a70 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-b5c0a70 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-b5c0a70 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-b5c0a70 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-b5c0a70 a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-b5c0a70 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-b5c0a70 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-b5c0a70 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-b5c0a70 a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-b5c0a70 */ .elementor-8557 .elementor-element.elementor-element-b5c0a70:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-b5c0a70:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-b5c0a70:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-b5c0a70:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c64fd50 *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-c64fd50 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-c64fd50 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-c64fd50 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-c64fd50 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-c64fd50 a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-c64fd50 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-c64fd50 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-c64fd50 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-c64fd50 a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-c64fd50 */ .elementor-8557 .elementor-element.elementor-element-c64fd50:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-c64fd50:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-c64fd50:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-c64fd50:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d34acc7 *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-8557 .elementor-element.elementor-element-d34acc7 { position: relative; /* Important for orbit simulation: ensures any overflowing orbit is visible for texture */ overflow: visible !important; } /* 2. Style the base text and common line properties */ .elementor-8557 .elementor-element.elementor-element-d34acc7 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-d34acc7 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-d34acc7 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-d34acc7 a { position: relative; display: inline-block !important; text-decoration: none !important; padding-bottom: 8px; /* Extra space for orbit */ } /* 3. The Underline Component (Hardware Accelerated via pure scaleX) */ .elementor-8557 .elementor-element.elementor-element-d34acc7 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-d34acc7 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-d34acc7 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-d34acc7 a::after { content: '' !important; position: absolute !important; height: 3px !important; bottom: 0 !important; left: 0 !important; width: 100% !important; /* Fixed base width, scaled externally */ /* Neon Blue Styling */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 20px #3aa0ff, 0 0 40px #0052a6 !important; border-radius: 2px !important; /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the main chaotic timeline */ animation: neon-chaotic-line 16s infinite linear !important; } /* 4. The Orbiting Particle Component (Centered and tracking via calc) */ .elementor-8557 .elementor-element.elementor-element-d34acc7 .sleek-service-link::before, .elementor-8557 .elementor-element.elementor-element-d34acc7 .elementor-heading-title::before, .elementor-8557 .elementor-element.elementor-element-d34acc7 .elementor-icon-box-title span::before, .elementor-8557 .elementor-element.elementor-element-d34acc7 a::before { content: '' !important; position: absolute !important; width: 6px; height: 6px; border-radius: 50%; bottom: -1px; /* Vertically centered relative to the 3px line */ left: 0; /* Neon Blue styling (the same glow, but on a circle) */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 15px #3aa0ff, 0 0 25px #0052a6 !important; opacity: 0; z-index: 1; /* Sits above the line */ /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the secondary orbiting timeline */ animation: neon-orbiting-particle 16s infinite linear !important; } /* ====================================================== THE TIMELINES (Flawless Mathematical Calibration) ====================================================== */ /* A. The Line Timeline: Driven cleanly by scale and structural alignment */ @keyframes neon-chaotic-line { /* PHASE 1: The Smooth Draw (0s - 4s) */ 0% { transform: scaleX(0); transform-origin: left center; opacity: 1; } 20% { transform: scaleX(1); transform-origin: left center; } 24.99% { transform: scaleX(0); transform-origin: right center; } /* PHASE 2: The Erratic Snap (4s - 8s) */ 25% { transform: scaleX(0); transform-origin: center center; } 28% { transform: scaleX(1); transform-origin: center center; opacity: 1; } 35% { opacity: 1; } 38% { opacity: 0; } 41% { opacity: 1; transform: scaleX(0); transform-origin: left center; } 50% { transform: scaleX(1); transform-origin: left center; } /* PHASE 3: The Slow Gravity (8s - 12s) */ 50.01% { transform: scaleX(0); transform-origin: 75% center; } 60% { transform: scaleX(1); transform-origin: 75% center; } 74.99% { transform: scaleX(0); transform-origin: center center; } /* PHASE 4: The Slingshot (12s - 16s) */ 75% { transform: scaleX(1); transform-origin: left center; } 80% { transform: scaleX(0.3); transform-origin: left center; } 85% { transform: scaleX(0.3); transform-origin: 35% center; } /* Smooth origin-based layout shift */ 92% { transform: scaleX(1); transform-origin: left center; opacity: 1; } 99% { transform: scaleX(0); transform-origin: left center; opacity: 0; } 100% { transform: scaleX(0); transform-origin: left center; opacity: 0; } } /* B. The Particle Timeline: Using mathematically correct calc() percentages minus radius offsets */ @keyframes neon-orbiting-particle { /* PHASE 1: The Orbit around the drawing line (Simulates 3D Ellipse) */ 0% { opacity: 0; transform: translate3d(-3px, 0, 0); } 1% { opacity: 1; transform: translate3d(-3px, 0, 0); } 10% { transform: translate3d(calc(50% - 3px), -8px, 0); } 20% { transform: translate3d(calc(100% - 3px), 0, 0); } 24% { transform: translate3d(calc(50% - 3px), 8px, 0); } 24.99% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 2: Erratic Movement (High-Speed Zips) */ 25% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } 28% { opacity: 1; transform: translate3d(-3px, -5px, 0); } 30% { transform: translate3d(calc(100% - 3px), 5px, 0); } 33% { transform: translate3d(-3px, 0, 0); } 38% { opacity: 0; } 50% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 3: Slow Gravity (Eddy around center point) */ 50.01% { opacity: 0; transform: translate3d(calc(75% - 3px), 0, 0); } 51% { opacity: 1; } 60% { transform: translate3d(calc(50% - 3px), 12px, 0); } 65% { transform: translate3d(calc(50% - 3px), -12px, 0); } 70% { transform: translate3d(calc(50% - 3px), 0, 0); } 74.99% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } /* PHASE 4: Slingshot Accenting (Tracking line scale precisely) */ 75% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } 85% { opacity: 1; transform: translate3d(calc(35% - 3px), 8px, 0); } 92% { transform: translate3d(calc(100% - 3px), 0, 0); } 100% { opacity: 0; transform: translate3d(-3px, 0, 0); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7145ece *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-7145ece { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-7145ece .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-7145ece .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-7145ece .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-7145ece a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-7145ece .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-7145ece .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-7145ece .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-7145ece a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-7145ece */ .elementor-8557 .elementor-element.elementor-element-7145ece:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-7145ece:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-7145ece:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-7145ece:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-aaab39f *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-aaab39f { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-aaab39f .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-aaab39f .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-aaab39f .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-aaab39f a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-aaab39f .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-aaab39f .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-aaab39f .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-aaab39f a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-aaab39f */ .elementor-8557 .elementor-element.elementor-element-aaab39f:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-aaab39f:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-aaab39f:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-aaab39f:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3638358 *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-3638358 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-3638358 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-3638358 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-3638358 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-3638358 a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-3638358 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-3638358 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-3638358 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-3638358 a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-3638358 */ .elementor-8557 .elementor-element.elementor-element-3638358:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-3638358:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-3638358:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-3638358:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f5708a6 *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-f5708a6 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-f5708a6 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-f5708a6 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-f5708a6 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-f5708a6 a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-f5708a6 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-f5708a6 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-f5708a6 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-f5708a6 a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-f5708a6 */ .elementor-8557 .elementor-element.elementor-element-f5708a6:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-f5708a6:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-f5708a6:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-f5708a6:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-551bd9a *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-8557 .elementor-element.elementor-element-551bd9a { position: relative; /* Important for orbit simulation: ensures any overflowing orbit is visible for texture */ overflow: visible !important; } /* 2. Style the base text and common line properties */ .elementor-8557 .elementor-element.elementor-element-551bd9a .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-551bd9a .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-551bd9a .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-551bd9a a { position: relative; display: inline-block !important; text-decoration: none !important; padding-bottom: 8px; /* Extra space for orbit */ } /* 3. The Underline Component (Hardware Accelerated via pure scaleX) */ .elementor-8557 .elementor-element.elementor-element-551bd9a .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-551bd9a .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-551bd9a .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-551bd9a a::after { content: '' !important; position: absolute !important; height: 3px !important; bottom: 0 !important; left: 0 !important; width: 100% !important; /* Fixed base width, scaled externally */ /* Neon Blue Styling */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 20px #3aa0ff, 0 0 40px #0052a6 !important; border-radius: 2px !important; /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the main chaotic timeline */ animation: neon-chaotic-line 16s infinite linear !important; } /* 4. The Orbiting Particle Component (Centered and tracking via calc) */ .elementor-8557 .elementor-element.elementor-element-551bd9a .sleek-service-link::before, .elementor-8557 .elementor-element.elementor-element-551bd9a .elementor-heading-title::before, .elementor-8557 .elementor-element.elementor-element-551bd9a .elementor-icon-box-title span::before, .elementor-8557 .elementor-element.elementor-element-551bd9a a::before { content: '' !important; position: absolute !important; width: 6px; height: 6px; border-radius: 50%; bottom: -1px; /* Vertically centered relative to the 3px line */ left: 0; /* Neon Blue styling (the same glow, but on a circle) */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 15px #3aa0ff, 0 0 25px #0052a6 !important; opacity: 0; z-index: 1; /* Sits above the line */ /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the secondary orbiting timeline */ animation: neon-orbiting-particle 16s infinite linear !important; } /* ====================================================== THE TIMELINES (Flawless Mathematical Calibration) ====================================================== */ /* A. The Line Timeline: Driven cleanly by scale and structural alignment */ @keyframes neon-chaotic-line { /* PHASE 1: The Smooth Draw (0s - 4s) */ 0% { transform: scaleX(0); transform-origin: left center; opacity: 1; } 20% { transform: scaleX(1); transform-origin: left center; } 24.99% { transform: scaleX(0); transform-origin: right center; } /* PHASE 2: The Erratic Snap (4s - 8s) */ 25% { transform: scaleX(0); transform-origin: center center; } 28% { transform: scaleX(1); transform-origin: center center; opacity: 1; } 35% { opacity: 1; } 38% { opacity: 0; } 41% { opacity: 1; transform: scaleX(0); transform-origin: left center; } 50% { transform: scaleX(1); transform-origin: left center; } /* PHASE 3: The Slow Gravity (8s - 12s) */ 50.01% { transform: scaleX(0); transform-origin: 75% center; } 60% { transform: scaleX(1); transform-origin: 75% center; } 74.99% { transform: scaleX(0); transform-origin: center center; } /* PHASE 4: The Slingshot (12s - 16s) */ 75% { transform: scaleX(1); transform-origin: left center; } 80% { transform: scaleX(0.3); transform-origin: left center; } 85% { transform: scaleX(0.3); transform-origin: 35% center; } /* Smooth origin-based layout shift */ 92% { transform: scaleX(1); transform-origin: left center; opacity: 1; } 99% { transform: scaleX(0); transform-origin: left center; opacity: 0; } 100% { transform: scaleX(0); transform-origin: left center; opacity: 0; } } /* B. The Particle Timeline: Using mathematically correct calc() percentages minus radius offsets */ @keyframes neon-orbiting-particle { /* PHASE 1: The Orbit around the drawing line (Simulates 3D Ellipse) */ 0% { opacity: 0; transform: translate3d(-3px, 0, 0); } 1% { opacity: 1; transform: translate3d(-3px, 0, 0); } 10% { transform: translate3d(calc(50% - 3px), -8px, 0); } 20% { transform: translate3d(calc(100% - 3px), 0, 0); } 24% { transform: translate3d(calc(50% - 3px), 8px, 0); } 24.99% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 2: Erratic Movement (High-Speed Zips) */ 25% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } 28% { opacity: 1; transform: translate3d(-3px, -5px, 0); } 30% { transform: translate3d(calc(100% - 3px), 5px, 0); } 33% { transform: translate3d(-3px, 0, 0); } 38% { opacity: 0; } 50% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 3: Slow Gravity (Eddy around center point) */ 50.01% { opacity: 0; transform: translate3d(calc(75% - 3px), 0, 0); } 51% { opacity: 1; } 60% { transform: translate3d(calc(50% - 3px), 12px, 0); } 65% { transform: translate3d(calc(50% - 3px), -12px, 0); } 70% { transform: translate3d(calc(50% - 3px), 0, 0); } 74.99% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } /* PHASE 4: Slingshot Accenting (Tracking line scale precisely) */ 75% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } 85% { opacity: 1; transform: translate3d(calc(35% - 3px), 8px, 0); } 92% { transform: translate3d(calc(100% - 3px), 0, 0); } 100% { opacity: 0; transform: translate3d(-3px, 0, 0); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3b3d52b *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-3b3d52b { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-3b3d52b .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-3b3d52b .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-3b3d52b .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-3b3d52b a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-3b3d52b .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-3b3d52b .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-3b3d52b .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-3b3d52b a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-3b3d52b */ .elementor-8557 .elementor-element.elementor-element-3b3d52b:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-3b3d52b:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-3b3d52b:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-3b3d52b:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-0b61932 *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-0b61932 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-0b61932 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-0b61932 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-0b61932 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-0b61932 a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-0b61932 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-0b61932 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-0b61932 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-0b61932 a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-0b61932 */ .elementor-8557 .elementor-element.elementor-element-0b61932:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-0b61932:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-0b61932:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-0b61932:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-108c6f7 *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-108c6f7 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-108c6f7 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-108c6f7 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-108c6f7 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-108c6f7 a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-108c6f7 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-108c6f7 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-108c6f7 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-108c6f7 a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-108c6f7 */ .elementor-8557 .elementor-element.elementor-element-108c6f7:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-108c6f7:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-108c6f7:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-108c6f7:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c0cb12c *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-c0cb12c { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-c0cb12c .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-c0cb12c .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-c0cb12c .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-c0cb12c a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-c0cb12c .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-c0cb12c .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-c0cb12c .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-c0cb12c a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-c0cb12c */ .elementor-8557 .elementor-element.elementor-element-c0cb12c:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-c0cb12c:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-c0cb12c:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-c0cb12c:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bc19b68 *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-bc19b68 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-bc19b68 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-bc19b68 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-bc19b68 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-bc19b68 a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-bc19b68 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-bc19b68 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-bc19b68 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-bc19b68 a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-bc19b68 */ .elementor-8557 .elementor-element.elementor-element-bc19b68:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-bc19b68:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-bc19b68:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-bc19b68:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9a927e2 *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-8557 .elementor-element.elementor-element-9a927e2 { position: relative; /* Important for orbit simulation: ensures any overflowing orbit is visible for texture */ overflow: visible !important; } /* 2. Style the base text and common line properties */ .elementor-8557 .elementor-element.elementor-element-9a927e2 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-9a927e2 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-9a927e2 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-9a927e2 a { position: relative; display: inline-block !important; text-decoration: none !important; padding-bottom: 8px; /* Extra space for orbit */ } /* 3. The Underline Component (Hardware Accelerated via pure scaleX) */ .elementor-8557 .elementor-element.elementor-element-9a927e2 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-9a927e2 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-9a927e2 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-9a927e2 a::after { content: '' !important; position: absolute !important; height: 3px !important; bottom: 0 !important; left: 0 !important; width: 100% !important; /* Fixed base width, scaled externally */ /* Neon Blue Styling */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 20px #3aa0ff, 0 0 40px #0052a6 !important; border-radius: 2px !important; /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the main chaotic timeline */ animation: neon-chaotic-line 16s infinite linear !important; } /* 4. The Orbiting Particle Component (Centered and tracking via calc) */ .elementor-8557 .elementor-element.elementor-element-9a927e2 .sleek-service-link::before, .elementor-8557 .elementor-element.elementor-element-9a927e2 .elementor-heading-title::before, .elementor-8557 .elementor-element.elementor-element-9a927e2 .elementor-icon-box-title span::before, .elementor-8557 .elementor-element.elementor-element-9a927e2 a::before { content: '' !important; position: absolute !important; width: 6px; height: 6px; border-radius: 50%; bottom: -1px; /* Vertically centered relative to the 3px line */ left: 0; /* Neon Blue styling (the same glow, but on a circle) */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 15px #3aa0ff, 0 0 25px #0052a6 !important; opacity: 0; z-index: 1; /* Sits above the line */ /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the secondary orbiting timeline */ animation: neon-orbiting-particle 16s infinite linear !important; } /* ====================================================== THE TIMELINES (Flawless Mathematical Calibration) ====================================================== */ /* A. The Line Timeline: Driven cleanly by scale and structural alignment */ @keyframes neon-chaotic-line { /* PHASE 1: The Smooth Draw (0s - 4s) */ 0% { transform: scaleX(0); transform-origin: left center; opacity: 1; } 20% { transform: scaleX(1); transform-origin: left center; } 24.99% { transform: scaleX(0); transform-origin: right center; } /* PHASE 2: The Erratic Snap (4s - 8s) */ 25% { transform: scaleX(0); transform-origin: center center; } 28% { transform: scaleX(1); transform-origin: center center; opacity: 1; } 35% { opacity: 1; } 38% { opacity: 0; } 41% { opacity: 1; transform: scaleX(0); transform-origin: left center; } 50% { transform: scaleX(1); transform-origin: left center; } /* PHASE 3: The Slow Gravity (8s - 12s) */ 50.01% { transform: scaleX(0); transform-origin: 75% center; } 60% { transform: scaleX(1); transform-origin: 75% center; } 74.99% { transform: scaleX(0); transform-origin: center center; } /* PHASE 4: The Slingshot (12s - 16s) */ 75% { transform: scaleX(1); transform-origin: left center; } 80% { transform: scaleX(0.3); transform-origin: left center; } 85% { transform: scaleX(0.3); transform-origin: 35% center; } /* Smooth origin-based layout shift */ 92% { transform: scaleX(1); transform-origin: left center; opacity: 1; } 99% { transform: scaleX(0); transform-origin: left center; opacity: 0; } 100% { transform: scaleX(0); transform-origin: left center; opacity: 0; } } /* B. The Particle Timeline: Using mathematically correct calc() percentages minus radius offsets */ @keyframes neon-orbiting-particle { /* PHASE 1: The Orbit around the drawing line (Simulates 3D Ellipse) */ 0% { opacity: 0; transform: translate3d(-3px, 0, 0); } 1% { opacity: 1; transform: translate3d(-3px, 0, 0); } 10% { transform: translate3d(calc(50% - 3px), -8px, 0); } 20% { transform: translate3d(calc(100% - 3px), 0, 0); } 24% { transform: translate3d(calc(50% - 3px), 8px, 0); } 24.99% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 2: Erratic Movement (High-Speed Zips) */ 25% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } 28% { opacity: 1; transform: translate3d(-3px, -5px, 0); } 30% { transform: translate3d(calc(100% - 3px), 5px, 0); } 33% { transform: translate3d(-3px, 0, 0); } 38% { opacity: 0; } 50% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 3: Slow Gravity (Eddy around center point) */ 50.01% { opacity: 0; transform: translate3d(calc(75% - 3px), 0, 0); } 51% { opacity: 1; } 60% { transform: translate3d(calc(50% - 3px), 12px, 0); } 65% { transform: translate3d(calc(50% - 3px), -12px, 0); } 70% { transform: translate3d(calc(50% - 3px), 0, 0); } 74.99% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } /* PHASE 4: Slingshot Accenting (Tracking line scale precisely) */ 75% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } 85% { opacity: 1; transform: translate3d(calc(35% - 3px), 8px, 0); } 92% { transform: translate3d(calc(100% - 3px), 0, 0); } 100% { opacity: 0; transform: translate3d(-3px, 0, 0); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-50ea419 *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-50ea419 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-50ea419 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-50ea419 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-50ea419 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-50ea419 a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-50ea419 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-50ea419 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-50ea419 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-50ea419 a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-50ea419 */ .elementor-8557 .elementor-element.elementor-element-50ea419:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-50ea419:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-50ea419:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-50ea419:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bfe223c *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-bfe223c { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-bfe223c .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-bfe223c .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-bfe223c .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-bfe223c a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-bfe223c .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-bfe223c .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-bfe223c .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-bfe223c a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-bfe223c */ .elementor-8557 .elementor-element.elementor-element-bfe223c:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-bfe223c:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-bfe223c:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-bfe223c:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9e6e9ce *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-9e6e9ce { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-9e6e9ce .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-9e6e9ce .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-9e6e9ce .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-9e6e9ce a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-9e6e9ce .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-9e6e9ce .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-9e6e9ce .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-9e6e9ce a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-9e6e9ce */ .elementor-8557 .elementor-element.elementor-element-9e6e9ce:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-9e6e9ce:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-9e6e9ce:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-9e6e9ce:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f8756ee *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-f8756ee { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-f8756ee .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-f8756ee .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-f8756ee .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-f8756ee a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-f8756ee .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-f8756ee .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-f8756ee .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-f8756ee a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-f8756ee */ .elementor-8557 .elementor-element.elementor-element-f8756ee:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-f8756ee:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-f8756ee:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-f8756ee:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c90ad4f *//* 1. Define the back-and-forth infinite drawing animation */ @keyframes neon-draw-back-and-forth { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 0; /* Fully drawn from Left to Right */ } 50.01% { width: 0%; left: 100%; /* Instantly snaps to the right edge (invisible because width is 0) */ } 100% { width: 100%; left: 0; /* Grows from right edge back to left edge (draws Right to Left) */ } } /* Ensure the widget wrapper allows absolute positioning */ .elementor-8557 .elementor-element.elementor-element-c90ad4f { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-8557 .elementor-element.elementor-element-c90ad4f .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-c90ad4f .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-c90ad4f .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-c90ad4f a { position: relative; display: inline-block !important; /* Forces line to match text width */ text-decoration: none !important; padding-bottom: 6px; /* Space between text and line */ } /* Create the neon underline (Hidden by default using width: 0) */ .elementor-8557 .elementor-element.elementor-element-c90ad4f .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-c90ad4f .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-c90ad4f .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-c90ad4f a::after { content: '' !important; position: absolute !important; height: 3px !important; /* Slightly thicker for a better glow */ bottom: 0 !important; left: 0 !important; width: 0%; /* Keeps it hidden until hover */ /* Your exact brand color with layered neon glow */ background-color: #EB5F22 !important; box-shadow: 0 0 5px #EB5F22, 0 0 10px #EB5F22, 0 0 20px #ff7b3e, /* Lighter orange for outer glow */ 0 0 40px #cc4a15 !important; /* Deeper orange for ambient glow */ border-radius: 2px !important; /* Softens the edges for a realistic neon tube look */ } /* 2. Trigger the infinite back-and-forth loop ONLY when hovering over the main .elementor-8557 .elementor-element.elementor-element-c90ad4f */ .elementor-8557 .elementor-element.elementor-element-c90ad4f:hover .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-c90ad4f:hover .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-c90ad4f:hover .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-c90ad4f:hover a::after { animation: neon-draw-back-and-forth 3s infinite ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-10c2d07 *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-8557 .elementor-element.elementor-element-10c2d07 { position: relative; /* Important for orbit simulation: ensures any overflowing orbit is visible for texture */ overflow: visible !important; } /* 2. Style the base text and common line properties */ .elementor-8557 .elementor-element.elementor-element-10c2d07 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-10c2d07 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-10c2d07 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-10c2d07 a { position: relative; display: inline-block !important; text-decoration: none !important; padding-bottom: 8px; /* Extra space for orbit */ } /* 3. The Underline Component (Hardware Accelerated via pure scaleX) */ .elementor-8557 .elementor-element.elementor-element-10c2d07 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-10c2d07 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-10c2d07 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-10c2d07 a::after { content: '' !important; position: absolute !important; height: 3px !important; bottom: 0 !important; left: 0 !important; width: 100% !important; /* Fixed base width, scaled externally */ /* Neon Blue Styling */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 20px #3aa0ff, 0 0 40px #0052a6 !important; border-radius: 2px !important; /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the main chaotic timeline */ animation: neon-chaotic-line 16s infinite linear !important; } /* 4. The Orbiting Particle Component (Centered and tracking via calc) */ .elementor-8557 .elementor-element.elementor-element-10c2d07 .sleek-service-link::before, .elementor-8557 .elementor-element.elementor-element-10c2d07 .elementor-heading-title::before, .elementor-8557 .elementor-element.elementor-element-10c2d07 .elementor-icon-box-title span::before, .elementor-8557 .elementor-element.elementor-element-10c2d07 a::before { content: '' !important; position: absolute !important; width: 6px; height: 6px; border-radius: 50%; bottom: -1px; /* Vertically centered relative to the 3px line */ left: 0; /* Neon Blue styling (the same glow, but on a circle) */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 15px #3aa0ff, 0 0 25px #0052a6 !important; opacity: 0; z-index: 1; /* Sits above the line */ /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the secondary orbiting timeline */ animation: neon-orbiting-particle 16s infinite linear !important; } /* ====================================================== THE TIMELINES (Flawless Mathematical Calibration) ====================================================== */ /* A. The Line Timeline: Driven cleanly by scale and structural alignment */ @keyframes neon-chaotic-line { /* PHASE 1: The Smooth Draw (0s - 4s) */ 0% { transform: scaleX(0); transform-origin: left center; opacity: 1; } 20% { transform: scaleX(1); transform-origin: left center; } 24.99% { transform: scaleX(0); transform-origin: right center; } /* PHASE 2: The Erratic Snap (4s - 8s) */ 25% { transform: scaleX(0); transform-origin: center center; } 28% { transform: scaleX(1); transform-origin: center center; opacity: 1; } 35% { opacity: 1; } 38% { opacity: 0; } 41% { opacity: 1; transform: scaleX(0); transform-origin: left center; } 50% { transform: scaleX(1); transform-origin: left center; } /* PHASE 3: The Slow Gravity (8s - 12s) */ 50.01% { transform: scaleX(0); transform-origin: 75% center; } 60% { transform: scaleX(1); transform-origin: 75% center; } 74.99% { transform: scaleX(0); transform-origin: center center; } /* PHASE 4: The Slingshot (12s - 16s) */ 75% { transform: scaleX(1); transform-origin: left center; } 80% { transform: scaleX(0.3); transform-origin: left center; } 85% { transform: scaleX(0.3); transform-origin: 35% center; } /* Smooth origin-based layout shift */ 92% { transform: scaleX(1); transform-origin: left center; opacity: 1; } 99% { transform: scaleX(0); transform-origin: left center; opacity: 0; } 100% { transform: scaleX(0); transform-origin: left center; opacity: 0; } } /* B. The Particle Timeline: Using mathematically correct calc() percentages minus radius offsets */ @keyframes neon-orbiting-particle { /* PHASE 1: The Orbit around the drawing line (Simulates 3D Ellipse) */ 0% { opacity: 0; transform: translate3d(-3px, 0, 0); } 1% { opacity: 1; transform: translate3d(-3px, 0, 0); } 10% { transform: translate3d(calc(50% - 3px), -8px, 0); } 20% { transform: translate3d(calc(100% - 3px), 0, 0); } 24% { transform: translate3d(calc(50% - 3px), 8px, 0); } 24.99% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 2: Erratic Movement (High-Speed Zips) */ 25% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } 28% { opacity: 1; transform: translate3d(-3px, -5px, 0); } 30% { transform: translate3d(calc(100% - 3px), 5px, 0); } 33% { transform: translate3d(-3px, 0, 0); } 38% { opacity: 0; } 50% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 3: Slow Gravity (Eddy around center point) */ 50.01% { opacity: 0; transform: translate3d(calc(75% - 3px), 0, 0); } 51% { opacity: 1; } 60% { transform: translate3d(calc(50% - 3px), 12px, 0); } 65% { transform: translate3d(calc(50% - 3px), -12px, 0); } 70% { transform: translate3d(calc(50% - 3px), 0, 0); } 74.99% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } /* PHASE 4: Slingshot Accenting (Tracking line scale precisely) */ 75% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } 85% { opacity: 1; transform: translate3d(calc(35% - 3px), 8px, 0); } 92% { transform: translate3d(calc(100% - 3px), 0, 0); } 100% { opacity: 0; transform: translate3d(-3px, 0, 0); } }/* End custom CSS */ /* Start custom CSS for toggle, class: .elementor-element-f4fdf39 */.elementor-8557 .elementor-element.elementor-element-f4fdf39 { background: linear-gradient(90deg, #E65100 0%, #000000 25%, #000000 75%, #0D47A1 100%) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-81d3c46 *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-8557 .elementor-element.elementor-element-81d3c46 { position: relative; /* Important for orbit simulation: ensures any overflowing orbit is visible for texture */ overflow: visible !important; } /* 2. Style the base text and common line properties */ .elementor-8557 .elementor-element.elementor-element-81d3c46 .sleek-service-link, .elementor-8557 .elementor-element.elementor-element-81d3c46 .elementor-heading-title, .elementor-8557 .elementor-element.elementor-element-81d3c46 .elementor-icon-box-title span, .elementor-8557 .elementor-element.elementor-element-81d3c46 a { position: relative; display: inline-block !important; text-decoration: none !important; padding-bottom: 8px; /* Extra space for orbit */ } /* 3. The Underline Component (Hardware Accelerated via pure scaleX) */ .elementor-8557 .elementor-element.elementor-element-81d3c46 .sleek-service-link::after, .elementor-8557 .elementor-element.elementor-element-81d3c46 .elementor-heading-title::after, .elementor-8557 .elementor-element.elementor-element-81d3c46 .elementor-icon-box-title span::after, .elementor-8557 .elementor-element.elementor-element-81d3c46 a::after { content: '' !important; position: absolute !important; height: 3px !important; bottom: 0 !important; left: 0 !important; width: 100% !important; /* Fixed base width, scaled externally */ /* Neon Blue Styling */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 20px #3aa0ff, 0 0 40px #0052a6 !important; border-radius: 2px !important; /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the main chaotic timeline */ animation: neon-chaotic-line 16s infinite linear !important; } /* 4. The Orbiting Particle Component (Centered and tracking via calc) */ .elementor-8557 .elementor-element.elementor-element-81d3c46 .sleek-service-link::before, .elementor-8557 .elementor-element.elementor-element-81d3c46 .elementor-heading-title::before, .elementor-8557 .elementor-element.elementor-element-81d3c46 .elementor-icon-box-title span::before, .elementor-8557 .elementor-element.elementor-element-81d3c46 a::before { content: '' !important; position: absolute !important; width: 6px; height: 6px; border-radius: 50%; bottom: -1px; /* Vertically centered relative to the 3px line */ left: 0; /* Neon Blue styling (the same glow, but on a circle) */ background-color: #0075ee !important; box-shadow: 0 0 5px #0075ee, 0 0 10px #0075ee, 0 0 15px #3aa0ff, 0 0 25px #0052a6 !important; opacity: 0; z-index: 1; /* Sits above the line */ /* Hardware Performance Flags */ will-change: transform, opacity; backface-visibility: hidden; /* Apply the secondary orbiting timeline */ animation: neon-orbiting-particle 16s infinite linear !important; } /* ====================================================== THE TIMELINES (Flawless Mathematical Calibration) ====================================================== */ /* A. The Line Timeline: Driven cleanly by scale and structural alignment */ @keyframes neon-chaotic-line { /* PHASE 1: The Smooth Draw (0s - 4s) */ 0% { transform: scaleX(0); transform-origin: left center; opacity: 1; } 20% { transform: scaleX(1); transform-origin: left center; } 24.99% { transform: scaleX(0); transform-origin: right center; } /* PHASE 2: The Erratic Snap (4s - 8s) */ 25% { transform: scaleX(0); transform-origin: center center; } 28% { transform: scaleX(1); transform-origin: center center; opacity: 1; } 35% { opacity: 1; } 38% { opacity: 0; } 41% { opacity: 1; transform: scaleX(0); transform-origin: left center; } 50% { transform: scaleX(1); transform-origin: left center; } /* PHASE 3: The Slow Gravity (8s - 12s) */ 50.01% { transform: scaleX(0); transform-origin: 75% center; } 60% { transform: scaleX(1); transform-origin: 75% center; } 74.99% { transform: scaleX(0); transform-origin: center center; } /* PHASE 4: The Slingshot (12s - 16s) */ 75% { transform: scaleX(1); transform-origin: left center; } 80% { transform: scaleX(0.3); transform-origin: left center; } 85% { transform: scaleX(0.3); transform-origin: 35% center; } /* Smooth origin-based layout shift */ 92% { transform: scaleX(1); transform-origin: left center; opacity: 1; } 99% { transform: scaleX(0); transform-origin: left center; opacity: 0; } 100% { transform: scaleX(0); transform-origin: left center; opacity: 0; } } /* B. The Particle Timeline: Using mathematically correct calc() percentages minus radius offsets */ @keyframes neon-orbiting-particle { /* PHASE 1: The Orbit around the drawing line (Simulates 3D Ellipse) */ 0% { opacity: 0; transform: translate3d(-3px, 0, 0); } 1% { opacity: 1; transform: translate3d(-3px, 0, 0); } 10% { transform: translate3d(calc(50% - 3px), -8px, 0); } 20% { transform: translate3d(calc(100% - 3px), 0, 0); } 24% { transform: translate3d(calc(50% - 3px), 8px, 0); } 24.99% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 2: Erratic Movement (High-Speed Zips) */ 25% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } 28% { opacity: 1; transform: translate3d(-3px, -5px, 0); } 30% { transform: translate3d(calc(100% - 3px), 5px, 0); } 33% { transform: translate3d(-3px, 0, 0); } 38% { opacity: 0; } 50% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } /* PHASE 3: Slow Gravity (Eddy around center point) */ 50.01% { opacity: 0; transform: translate3d(calc(75% - 3px), 0, 0); } 51% { opacity: 1; } 60% { transform: translate3d(calc(50% - 3px), 12px, 0); } 65% { transform: translate3d(calc(50% - 3px), -12px, 0); } 70% { transform: translate3d(calc(50% - 3px), 0, 0); } 74.99% { opacity: 0; transform: translate3d(calc(50% - 3px), 0, 0); } /* PHASE 4: Slingshot Accenting (Tracking line scale precisely) */ 75% { opacity: 0; transform: translate3d(calc(100% - 3px), 0, 0); } 85% { opacity: 1; transform: translate3d(calc(35% - 3px), 8px, 0); } 92% { transform: translate3d(calc(100% - 3px), 0, 0); } 100% { opacity: 0; transform: translate3d(-3px, 0, 0); } }/* End custom CSS */