.elementor-4203 .elementor-element.elementor-element-ef52f9d:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-ef52f9d > .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-4203 .elementor-element.elementor-element-ef52f9d > .elementor-background-overlay{background-color:#000000;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-ef52f9d{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-4203 .elementor-element.elementor-element-ee256b6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4203 .elementor-element.elementor-element-ee256b6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4203 .elementor-element.elementor-element-ee256b6 > .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-4203 .elementor-element.elementor-element-ee256b6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-5c13e28 .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-4203 .elementor-element.elementor-element-5c13e28 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-4203 .elementor-element.elementor-element-5c13e28 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-4203 .elementor-element.elementor-element-5c13e28 .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-4203 .elementor-element.elementor-element-5c13e28{padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-5c13e28.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-4203 .elementor-element.elementor-element-72e4ec0{text-align:start;margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-72e4ec0 .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-4203 .elementor-element.elementor-element-83d6024{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-4203 .elementor-element.elementor-element-83d6024.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-83d6024.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-4203 .elementor-element.elementor-element-1406019 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4203 .elementor-element.elementor-element-1406019 .elementor-button{background-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0075EE;}.elementor-4203 .elementor-element.elementor-element-1406019 .elementor-button:hover, .elementor-4203 .elementor-element.elementor-element-1406019 .elementor-button:focus{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-51ccea7{--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-4203 .elementor-element.elementor-element-3880000 .elementskit-funfact .funfact-icon img{margin-bottom:0px;border-style:groove;}.elementor-4203 .elementor-element.elementor-element-3880000 .elementskit-funfact .elementskit-funfact-icon{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-3880000 .elementskit-funfact .funfact-icon svg{fill:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-3880000 .elementskit-funfact-icon{font-size:40px;}.elementor-4203 .elementor-element.elementor-element-3880000 .funfact-icon svg{font-size:40px;}.elementor-4203 .elementor-element.elementor-element-3880000 .elementskit-funfact-icon, .elementor-4203 .elementor-element.elementor-element-3880000 .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-4203 .elementor-element.elementor-element-3880000 .elementskit-funfact{justify-content:left;display:flex;}.elementor-4203 .elementor-element.elementor-element-3880000 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-3880000 .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-3880000.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-4203 .elementor-element.elementor-element-3880000.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-4203 .elementor-element.elementor-element-8d8e6bd .elementskit-funfact .funfact-icon img{margin-bottom:0px;border-style:groove;}.elementor-4203 .elementor-element.elementor-element-8d8e6bd .elementskit-funfact .elementskit-funfact-icon{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-8d8e6bd .elementskit-funfact .funfact-icon svg{fill:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-8d8e6bd .elementskit-funfact-icon{font-size:40px;}.elementor-4203 .elementor-element.elementor-element-8d8e6bd .funfact-icon svg{font-size:40px;}.elementor-4203 .elementor-element.elementor-element-8d8e6bd .elementskit-funfact-icon, .elementor-4203 .elementor-element.elementor-element-8d8e6bd .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-4203 .elementor-element.elementor-element-8d8e6bd .elementskit-funfact{justify-content:left;display:flex;}.elementor-4203 .elementor-element.elementor-element-8d8e6bd .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-8d8e6bd .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-8d8e6bd.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-4203 .elementor-element.elementor-element-8d8e6bd.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-4203 .elementor-element.elementor-element-122c439 .elementskit-funfact .funfact-icon img{margin-bottom:0px;border-style:groove;}.elementor-4203 .elementor-element.elementor-element-122c439 .elementskit-funfact .elementskit-funfact-icon{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-122c439 .elementskit-funfact .funfact-icon svg{fill:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-122c439 .elementskit-funfact-icon{font-size:40px;}.elementor-4203 .elementor-element.elementor-element-122c439 .funfact-icon svg{font-size:40px;}.elementor-4203 .elementor-element.elementor-element-122c439 .elementskit-funfact-icon, .elementor-4203 .elementor-element.elementor-element-122c439 .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-4203 .elementor-element.elementor-element-122c439 .elementskit-funfact{justify-content:left;display:flex;}.elementor-4203 .elementor-element.elementor-element-122c439 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-122c439 .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-122c439.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-4203 .elementor-element.elementor-element-122c439.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-4203 .elementor-element.elementor-element-8bd4d62 .elementskit-funfact .funfact-icon img{margin-bottom:0px;}.elementor-4203 .elementor-element.elementor-element-8bd4d62 .elementskit-funfact{justify-content:left;display:flex;}.elementor-4203 .elementor-element.elementor-element-8bd4d62 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-8bd4d62 .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-8bd4d62.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-4203 .elementor-element.elementor-element-8bd4d62.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-4203 .elementor-element.elementor-element-b3d8573{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-b3d8573.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4203 .elementor-element.elementor-element-503f794{--display:flex;--justify-content:center;overflow:visible;}.elementor-4203 .elementor-element.elementor-element-503f794.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4203 .elementor-element.elementor-element-634e54a{margin:-62px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-5aea8aa > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4203 .elementor-element.elementor-element-5aea8aa:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-5aea8aa > .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-4203 .elementor-element.elementor-element-5aea8aa > .elementor-background-overlay{background-color:#000000;opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-5aea8aa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;overflow:visible;}.elementor-4203 .elementor-element.elementor-element-79d8b93 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-120359e{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-120359e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-6b748e3{--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-4203 .elementor-element.elementor-element-25f5862 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-25f5862.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-25f5862.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-25f5862.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-25f5862 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-25f5862 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-25f5862 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-25f5862 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-25f5862:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-25f5862:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-25f5862 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-25f5862.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-25f5862.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-4203 .elementor-element.elementor-element-ae48efd .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-ae48efd.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-ae48efd.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-ae48efd.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-ae48efd .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-ae48efd .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-ae48efd .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-ae48efd .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-ae48efd:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-ae48efd:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-ae48efd .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-ae48efd{width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-ae48efd.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-ae48efd.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-4203 .elementor-element.elementor-element-2469454 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-2469454.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-2469454.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-2469454.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-2469454 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-2469454 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-2469454 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-2469454 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-2469454:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-2469454:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-2469454 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-2469454{width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-2469454.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-2469454.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-4203 .elementor-element.elementor-element-592c2da .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-592c2da.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-592c2da.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-592c2da.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-592c2da .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-592c2da .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-592c2da .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-592c2da .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-592c2da:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-592c2da:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-592c2da .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-592c2da{width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-592c2da.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-592c2da.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-4203 .elementor-element.elementor-element-2c09d77 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-2c09d77.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-2c09d77.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-2c09d77.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-2c09d77 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-2c09d77 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-2c09d77 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-2c09d77 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-2c09d77:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-2c09d77:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-2c09d77 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-2c09d77{width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-2c09d77.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-2c09d77.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-4203 .elementor-element.elementor-element-c08c137{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-c08c137 .elementor-divider-separator{width:100%;}.elementor-4203 .elementor-element.elementor-element-c08c137 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-4203 .elementor-element.elementor-element-24e4270{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-4203 .elementor-element.elementor-element-24e4270.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-24e4270.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-4203 .elementor-element.elementor-element-6c652fa .elementor-icon-list-icon i{color:#6EC1E4;transition:color 0.3s;}.elementor-4203 .elementor-element.elementor-element-6c652fa .elementor-icon-list-icon svg{fill:#6EC1E4;transition:fill 0.3s;}.elementor-4203 .elementor-element.elementor-element-6c652fa{--e-icon-list-icon-size:30px;--icon-vertical-offset:0px;}.elementor-4203 .elementor-element.elementor-element-6c652fa .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-4203 .elementor-element.elementor-element-6c652fa .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4203 .elementor-element.elementor-element-6c652fa .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0px;}.elementor-4203 .elementor-element.elementor-element-6c652fa .elementor-icon-list-text{color:#C2C2C2;transition:color 0.3s;}.elementor-4203 .elementor-element.elementor-element-7221252 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4203 .elementor-element.elementor-element-7221252:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-7221252 > .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-4203 .elementor-element.elementor-element-7221252 > .elementor-background-overlay{background-color:#000000;opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-7221252{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;overflow:visible;}.elementor-4203 .elementor-element.elementor-element-a9e5ae1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-558ea0a{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-558ea0a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-0382b0d{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-4203 .elementor-element.elementor-element-0382b0d.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-0382b0d.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-4203 .elementor-element.elementor-element-f0b6d4b{--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-4203 .elementor-element.elementor-element-5e99fe9 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-5e99fe9.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-5e99fe9.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-5e99fe9.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-5e99fe9 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-5e99fe9 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-5e99fe9 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-5e99fe9 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-5e99fe9:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-5e99fe9:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-5e99fe9 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-5e99fe9{padding:0px 6px 0px 6px;}.elementor-4203 .elementor-element.elementor-element-5e99fe9.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-5e99fe9.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-4203 .elementor-element.elementor-element-99e0093 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-99e0093.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-99e0093.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-99e0093.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-99e0093 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-99e0093 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-99e0093 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-99e0093 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-99e0093:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-99e0093:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-99e0093 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-99e0093{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-99e0093.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-99e0093.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-4203 .elementor-element.elementor-element-c3197d0 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-c3197d0.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-c3197d0.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-c3197d0.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-c3197d0 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-c3197d0 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-c3197d0 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-c3197d0 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-c3197d0:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-c3197d0:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-c3197d0 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-c3197d0{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-c3197d0.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-c3197d0.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-4203 .elementor-element.elementor-element-ad2c87e .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-ad2c87e.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-ad2c87e.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-ad2c87e.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-ad2c87e .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-ad2c87e .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-ad2c87e .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-ad2c87e .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-ad2c87e:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-ad2c87e:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-ad2c87e .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-ad2c87e{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-ad2c87e.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-ad2c87e.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-4203 .elementor-element.elementor-element-8513eb9{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-8513eb9 .elementor-divider-separator{width:100%;}.elementor-4203 .elementor-element.elementor-element-8513eb9 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-4203 .elementor-element.elementor-element-e95e0db > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4203 .elementor-element.elementor-element-e95e0db:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-e95e0db > .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-4203 .elementor-element.elementor-element-e95e0db > .elementor-background-overlay{background-color:#000000;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-e95e0db{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-4203 .elementor-element.elementor-element-9397b6f > .elementor-element-populated{margin:0px 0px 40px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 50px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-f95d5ca{text-align:center;}.elementor-4203 .elementor-element.elementor-element-f95d5ca .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;color:#F5F5F5;}.elementor-4203 .elementor-element.elementor-element-9e63516{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-4203 .elementor-element.elementor-element-9e63516.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-9e63516.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-4203 .elementor-element.elementor-element-44f24c4{--divider-border-style:solid;--divider-color:#0075EE;--divider-border-width:2.5px;width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-44f24c4 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-4203 .elementor-element.elementor-element-44f24c4 .elementor-divider{text-align:left;padding-block-start:8px;padding-block-end:8px;}.elementor-4203 .elementor-element.elementor-element-fb2b083 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4203 .elementor-element.elementor-element-fb2b083 .elementor-button{background-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0075EE;}.elementor-4203 .elementor-element.elementor-element-fb2b083 .elementor-button:hover, .elementor-4203 .elementor-element.elementor-element-fb2b083 .elementor-button:focus{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-fb2b083{width:100%;max-width:100%;}.elementor-4203 .elementor-element.elementor-element-99a9084 > .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-4203 .elementor-element.elementor-element-9d214bf{margin-top:0px;margin-bottom:0px;overflow:visible;}.elementor-4203 .elementor-element.elementor-element-c42b887 > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-4203 .elementor-element.elementor-element-c42b887 > .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-4203 .elementor-element.elementor-element-c42b887 > .elementor-element-populated, .elementor-4203 .elementor-element.elementor-element-c42b887 > .elementor-element-populated > .elementor-background-overlay, .elementor-4203 .elementor-element.elementor-element-c42b887 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-4203 .elementor-element.elementor-element-c42b887:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-4203 .elementor-element.elementor-element-c42b887 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-244c761 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-244c761.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-244c761.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-244c761.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-244c761 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-244c761 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-244c761 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-244c761 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-244c761:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-244c761:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-244c761 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-244c761{width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-b1ca6cd > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-4203 .elementor-element.elementor-element-b1ca6cd > .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-4203 .elementor-element.elementor-element-b1ca6cd > .elementor-element-populated, .elementor-4203 .elementor-element.elementor-element-b1ca6cd > .elementor-element-populated > .elementor-background-overlay, .elementor-4203 .elementor-element.elementor-element-b1ca6cd > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-4203 .elementor-element.elementor-element-b1ca6cd:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-4203 .elementor-element.elementor-element-b1ca6cd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-a1d2461 .elementor-icon-box-wrapper{gap:15px;}.elementor-4203 .elementor-element.elementor-element-a1d2461.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-a1d2461.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-a1d2461.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-a1d2461 .elementor-icon{font-size:25px;}.elementor-4203 .elementor-element.elementor-element-a1d2461 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-a1d2461 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-a1d2461 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-a1d2461:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-a1d2461:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-a1d2461 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-85ce325 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4203 .elementor-element.elementor-element-85ce325{margin-top:0px;margin-bottom:0px;overflow:visible;}.elementor-4203 .elementor-element.elementor-element-4015293 > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-4203 .elementor-element.elementor-element-4015293 > .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-4203 .elementor-element.elementor-element-4015293 > .elementor-element-populated, .elementor-4203 .elementor-element.elementor-element-4015293 > .elementor-element-populated > .elementor-background-overlay, .elementor-4203 .elementor-element.elementor-element-4015293 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-4203 .elementor-element.elementor-element-4015293:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-4203 .elementor-element.elementor-element-4015293 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-4015293{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-4203 .elementor-element.elementor-element-ccdfd9d .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-ccdfd9d.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-ccdfd9d.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-ccdfd9d.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-ccdfd9d .elementor-icon{font-size:25px;}.elementor-4203 .elementor-element.elementor-element-ccdfd9d .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-ccdfd9d .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-ccdfd9d .elementor-icon-box-title{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-ccdfd9d:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-ccdfd9d:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-ccdfd9d .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-a33da89 > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-4203 .elementor-element.elementor-element-a33da89 > .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-4203 .elementor-element.elementor-element-a33da89 > .elementor-element-populated, .elementor-4203 .elementor-element.elementor-element-a33da89 > .elementor-element-populated > .elementor-background-overlay, .elementor-4203 .elementor-element.elementor-element-a33da89 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-4203 .elementor-element.elementor-element-a33da89:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-4203 .elementor-element.elementor-element-a33da89 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-fae4843 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-fae4843.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-fae4843.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-fae4843.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-fae4843 .elementor-icon{font-size:25px;}.elementor-4203 .elementor-element.elementor-element-fae4843 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-fae4843 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-fae4843 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-fae4843:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-fae4843:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-fae4843 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-20ccd12 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4203 .elementor-element.elementor-element-20ccd12:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-20ccd12 > .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-4203 .elementor-element.elementor-element-20ccd12 > .elementor-background-overlay{background-color:#000000;opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-20ccd12{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;overflow:visible;}.elementor-4203 .elementor-element.elementor-element-f11a16a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-bdf8efe{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-bdf8efe .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-2fa6189{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-4203 .elementor-element.elementor-element-2fa6189.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-2fa6189.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-4203 .elementor-element.elementor-element-0cd0d28{--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-4203 .elementor-element.elementor-element-2e722fc .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-2e722fc.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-2e722fc.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-2e722fc.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-2e722fc .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-2e722fc .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-2e722fc .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-2e722fc .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-2e722fc:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-2e722fc:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-2e722fc .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-2e722fc{padding:0px 6px 0px 6px;}.elementor-4203 .elementor-element.elementor-element-2e722fc.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-2e722fc.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-4203 .elementor-element.elementor-element-eedb111 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-eedb111.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-eedb111.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-eedb111.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-eedb111 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-eedb111 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-eedb111 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-eedb111 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-eedb111:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-eedb111:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-eedb111 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-eedb111{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-eedb111.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-eedb111.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-4203 .elementor-element.elementor-element-f2fe829 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-f2fe829.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-f2fe829.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-f2fe829.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-f2fe829 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-f2fe829 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-f2fe829 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-f2fe829 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-f2fe829:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-f2fe829:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-f2fe829 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-f2fe829{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-f2fe829.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-f2fe829.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-4203 .elementor-element.elementor-element-0d0f680 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-0d0f680.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-0d0f680.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-0d0f680.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-0d0f680 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-0d0f680 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-0d0f680 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-0d0f680 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-0d0f680:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-0d0f680:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-0d0f680 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-0d0f680{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-0d0f680.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-0d0f680.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-4203 .elementor-element.elementor-element-108a0e4 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4203 .elementor-element.elementor-element-108a0e4.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-108a0e4.elementor-view-framed .elementor-icon, .elementor-4203 .elementor-element.elementor-element-108a0e4.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-108a0e4 .elementor-icon{transition-duration:0.5s;font-size:25px;}.elementor-4203 .elementor-element.elementor-element-108a0e4 .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-108a0e4 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-4203 .elementor-element.elementor-element-108a0e4 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-4203 .elementor-element.elementor-element-108a0e4:has(:hover) .elementor-icon-box-title, .elementor-4203 .elementor-element.elementor-element-108a0e4:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-108a0e4 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-108a0e4{padding:0px 6px 0px 6px;width:auto;max-width:auto;}.elementor-4203 .elementor-element.elementor-element-108a0e4.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-108a0e4.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-4203 .elementor-element.elementor-element-8dfb5cf{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-8dfb5cf .elementor-divider-separator{width:100%;}.elementor-4203 .elementor-element.elementor-element-8dfb5cf .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-4203 .elementor-element.elementor-element-41cfa15 .elementor-icon-list-icon i{color:#6EC1E4;transition:color 0.3s;}.elementor-4203 .elementor-element.elementor-element-41cfa15 .elementor-icon-list-icon svg{fill:#6EC1E4;transition:fill 0.3s;}.elementor-4203 .elementor-element.elementor-element-41cfa15{--e-icon-list-icon-size:30px;--icon-vertical-offset:0px;}.elementor-4203 .elementor-element.elementor-element-41cfa15 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-4203 .elementor-element.elementor-element-41cfa15 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4203 .elementor-element.elementor-element-41cfa15 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0px;}.elementor-4203 .elementor-element.elementor-element-41cfa15 .elementor-icon-list-text{color:#C2C2C2;transition:color 0.3s;}.elementor-4203 .elementor-element.elementor-element-a6d733c{--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-4203 .elementor-element.elementor-element-2921ff9{padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-f3f4a2f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4203 .elementor-element.elementor-element-f3f4a2f:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-f3f4a2f > .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-4203 .elementor-element.elementor-element-f3f4a2f > .elementor-background-overlay{background-color:#000000;opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-f3f4a2f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;overflow:visible;}.elementor-4203 .elementor-element.elementor-element-e0ea4c5 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-d214e24{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-d214e24 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-f3a8684{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-4203 .elementor-element.elementor-element-f3a8684.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-f3a8684.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-4203 .elementor-element.elementor-element-1cb603f{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-1cb603f .elementor-divider-separator{width:100%;}.elementor-4203 .elementor-element.elementor-element-1cb603f .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-4203 .elementor-element.elementor-element-b72b1fc .elementor-icon-list-icon i{color:#6EC1E4;transition:color 0.3s;}.elementor-4203 .elementor-element.elementor-element-b72b1fc .elementor-icon-list-icon svg{fill:#6EC1E4;transition:fill 0.3s;}.elementor-4203 .elementor-element.elementor-element-b72b1fc{--e-icon-list-icon-size:30px;--icon-vertical-offset:0px;}.elementor-4203 .elementor-element.elementor-element-b72b1fc .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-4203 .elementor-element.elementor-element-b72b1fc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4203 .elementor-element.elementor-element-b72b1fc .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0px;}.elementor-4203 .elementor-element.elementor-element-b72b1fc .elementor-icon-list-text{color:#C2C2C2;transition:color 0.3s;}.elementor-4203 .elementor-element.elementor-element-06f5d1c{--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-4203 .elementor-element.elementor-element-06f5d1c:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-06f5d1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4203 .elementor-element.elementor-element-c7709b6{width:100%;max-width:100%;}.elementor-4203 .elementor-element.elementor-element-2eb2064{--divider-border-style:solid;--divider-color:#EB5F22;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-4203 .elementor-element.elementor-element-2eb2064 .elementor-divider-separator{width:122px;}.elementor-4203 .elementor-element.elementor-element-2eb2064 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-4203 .elementor-element.elementor-element-90e9580 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4203 .elementor-element.elementor-element-90e9580:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-90e9580 > .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-4203 .elementor-element.elementor-element-90e9580 > .elementor-background-overlay{background-color:#000000;opacity:0.75;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-90e9580{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;overflow:visible;}.elementor-4203 .elementor-element.elementor-element-b7e2efa > .elementor-element-populated{padding:0% 20% 0% 20%;}.elementor-4203 .elementor-element.elementor-element-83e8954{text-align:center;}.elementor-4203 .elementor-element.elementor-element-83e8954 .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-4203 .elementor-element.elementor-element-749d9c9 .elementor-tab-title{border-width:0px;border-color:rgba(191,191,191,0);background-color:#0E0D0D;padding:28px 28px 28px 28px;}.elementor-4203 .elementor-element.elementor-element-749d9c9 .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-4203 .elementor-element.elementor-element-749d9c9 .elementor-toggle-item:not(:last-child){margin-block-end:25px;}.elementor-4203 .elementor-element.elementor-element-749d9c9 .elementor-toggle-item{box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.1);}.elementor-4203 .elementor-element.elementor-element-749d9c9 .elementor-toggle-title, .elementor-4203 .elementor-element.elementor-element-749d9c9 .elementor-toggle-icon{color:rgba(245, 245, 245, 0.77);}.elementor-4203 .elementor-element.elementor-element-749d9c9 .elementor-toggle-icon svg{fill:rgba(245, 245, 245, 0.77);}.elementor-4203 .elementor-element.elementor-element-749d9c9 .elementor-tab-title.elementor-active a, .elementor-4203 .elementor-element.elementor-element-749d9c9 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-749d9c9 .elementor-tab-title .elementor-toggle-icon i:before{color:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-749d9c9 .elementor-tab-title .elementor-toggle-icon svg{fill:#BDBDBD;}.elementor-4203 .elementor-element.elementor-element-749d9c9 .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-749d9c9 .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-749d9c9 .elementor-toggle-icon{margin-inline-end:8px;}.elementor-4203 .elementor-element.elementor-element-749d9c9{width:var( --container-widget-width, 103.947% );max-width:103.947%;--container-widget-width:103.947%;--container-widget-flex-grow:0;}.elementor-4203 .elementor-element.elementor-element-749d9c9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4203 .elementor-element.elementor-element-ijvjvi4 > .elementor-container{max-width:800px;}.elementor-4203 .elementor-element.elementor-element-ijvjvi4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4203 .elementor-element.elementor-element-ijvjvi4:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-ijvjvi4 > .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-4203 .elementor-element.elementor-element-ijvjvi4 > .elementor-background-overlay{background-color:#000000;opacity:0.81;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4203 .elementor-element.elementor-element-ijvjvi4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 80px 30px 80px;overflow:visible;}.elementor-4203 .elementor-element.elementor-element-af06e71{text-align:center;}.elementor-4203 .elementor-element.elementor-element-af06e71 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-4203 .elementor-element.elementor-element-44a1b63{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-4203 .elementor-element.elementor-element-44a1b63.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-44a1b63.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-4203 .elementor-element.elementor-element-29103eb{margin-top:-28px;margin-bottom:-28px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-4203 .elementor-element.elementor-element-b97f4ba .elementor-button-content-wrapper{flex-direction:row;}.elementor-4203 .elementor-element.elementor-element-b97f4ba .elementor-button{background-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0075EE;}.elementor-4203 .elementor-element.elementor-element-b97f4ba .elementor-button:hover, .elementor-4203 .elementor-element.elementor-element-b97f4ba .elementor-button:focus{background-color:#EB5F22;}.elementor-4203 .elementor-element.elementor-element-4df1d2f{--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-4203 .elementor-element.elementor-element-4df1d2f .elementor-social-icon{--icon-padding:1em;}.elementor-4203 .elementor-element.elementor-element-8e75161{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-4203 .elementor-element.elementor-element-8e75161.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-4203 .elementor-element.elementor-element-8e75161.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-4203 .elementor-element.elementor-element-72e4ec0 .elementor-heading-title{font-size:98px;letter-spacing:-2px;}.elementor-4203 .elementor-element.elementor-element-72e4ec0{margin:-45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-83d6024{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-51ccea7{--grid-auto-flow:row;}.elementor-4203 .elementor-element.elementor-element-5aea8aa:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-5aea8aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4203 .elementor-element.elementor-element-5aea8aa{padding:65px 30px 65px 30px;}.elementor-4203 .elementor-element.elementor-element-120359e{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-6b748e3{--grid-auto-flow:row;}.elementor-4203 .elementor-element.elementor-element-24e4270{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-6c652fa{--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-4203 .elementor-element.elementor-element-7221252:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-7221252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4203 .elementor-element.elementor-element-7221252{padding:65px 30px 65px 30px;}.elementor-4203 .elementor-element.elementor-element-558ea0a{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-0382b0d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-f0b6d4b{--grid-auto-flow:row;}.elementor-4203 .elementor-element.elementor-element-e95e0db{padding:8% 8% 8% 8%;}.elementor-4203 .elementor-element.elementor-element-9397b6f > .elementor-element-populated{padding:0px 50px 0px 50px;}.elementor-4203 .elementor-element.elementor-element-f95d5ca{text-align:center;}.elementor-4203 .elementor-element.elementor-element-9e63516{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-c42b887 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-4203 .elementor-element.elementor-element-b1ca6cd > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-4203 .elementor-element.elementor-element-4015293 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-4203 .elementor-element.elementor-element-a33da89 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-4203 .elementor-element.elementor-element-20ccd12:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-20ccd12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4203 .elementor-element.elementor-element-20ccd12{padding:65px 30px 65px 30px;}.elementor-4203 .elementor-element.elementor-element-bdf8efe{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-2fa6189{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-0cd0d28{--grid-auto-flow:row;}.elementor-4203 .elementor-element.elementor-element-41cfa15{--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-4203 .elementor-element.elementor-element-f3f4a2f:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-f3f4a2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4203 .elementor-element.elementor-element-f3f4a2f{padding:65px 30px 65px 30px;}.elementor-4203 .elementor-element.elementor-element-d214e24{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-f3a8684{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-b72b1fc{--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-4203 .elementor-element.elementor-element-90e9580{padding:100px 25px 100px 25px;}.elementor-4203 .elementor-element.elementor-element-b7e2efa > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-ijvjvi4{padding:50px 50px 50px 50px;}.elementor-4203 .elementor-element.elementor-element-44a1b63{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-8e75161{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-4203 .elementor-element.elementor-element-ee256b6{width:60%;}.elementor-4203 .elementor-element.elementor-element-e72382d{width:40%;}.elementor-4203 .elementor-element.elementor-element-503f794{--width:98.127%;}.elementor-4203 .elementor-element.elementor-element-9397b6f{width:40%;}.elementor-4203 .elementor-element.elementor-element-99a9084{width:60%;}.elementor-4203 .elementor-element.elementor-element-06f5d1c{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4203 .elementor-element.elementor-element-ee256b6{width:100%;}.elementor-4203 .elementor-element.elementor-element-e72382d{width:100%;}.elementor-4203 .elementor-element.elementor-element-79d8b93{width:55%;}.elementor-4203 .elementor-element.elementor-element-a9e5ae1{width:55%;}.elementor-4203 .elementor-element.elementor-element-9397b6f{width:100%;}.elementor-4203 .elementor-element.elementor-element-99a9084{width:100%;}.elementor-4203 .elementor-element.elementor-element-f11a16a{width:55%;}.elementor-4203 .elementor-element.elementor-element-e0ea4c5{width:55%;}}@media(max-width:767px){.elementor-4203 .elementor-element.elementor-element-5c13e28 .elementskit-section-title-wraper .elementskit-section-title{font-size:42px;line-height:52px;}.elementor-4203 .elementor-element.elementor-element-72e4ec0 .elementor-heading-title{font-size:72px;}.elementor-4203 .elementor-element.elementor-element-72e4ec0{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-51ccea7{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4203 .elementor-element.elementor-element-5aea8aa:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-5aea8aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4203 .elementor-element.elementor-element-5aea8aa{padding:65px 35px 66px 35px;}.elementor-4203 .elementor-element.elementor-element-120359e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-6b748e3{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4203 .elementor-element.elementor-element-c08c137{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-6c652fa{--e-icon-list-icon-size:15px;}.elementor-4203 .elementor-element.elementor-element-7221252:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-7221252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4203 .elementor-element.elementor-element-7221252{padding:65px 35px 66px 35px;}.elementor-4203 .elementor-element.elementor-element-558ea0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-f0b6d4b{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4203 .elementor-element.elementor-element-8513eb9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-e95e0db{padding:50px 30px 50px 30px;}.elementor-4203 .elementor-element.elementor-element-9397b6f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-44f24c4 .elementor-divider{text-align:center;}.elementor-4203 .elementor-element.elementor-element-44f24c4 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-4203 .elementor-element.elementor-element-99a9084 > .elementor-element-populated{padding:50px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-20ccd12:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-20ccd12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4203 .elementor-element.elementor-element-20ccd12{padding:65px 35px 66px 35px;}.elementor-4203 .elementor-element.elementor-element-bdf8efe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-0cd0d28{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4203 .elementor-element.elementor-element-8dfb5cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-41cfa15{--e-icon-list-icon-size:15px;}.elementor-4203 .elementor-element.elementor-element-f3f4a2f:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-f3f4a2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4203 .elementor-element.elementor-element-f3f4a2f{padding:65px 35px 66px 35px;}.elementor-4203 .elementor-element.elementor-element-d214e24{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-1cb603f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4203 .elementor-element.elementor-element-b72b1fc{--e-icon-list-icon-size:15px;}.elementor-4203 .elementor-element.elementor-element-90e9580{padding:50px 20px 50px 20px;}.elementor-4203 .elementor-element.elementor-element-749d9c9{padding:15px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-ijvjvi4{padding:60px 30px 60px 30px;}.elementor-4203 .elementor-element.elementor-element-cda29b6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-4df1d2f{text-align:center;margin:05px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for section, class: .elementor-element-ef52f9d *//* Hide YouTube/Vimeo controls and titles */ .elementor-4203 .elementor-element.elementor-element-ef52f9d iframe { pointer-events: none; /* Prevents clicking and hover states that trigger UI */ } /* Specifically target YouTube lingering elements */ .elementor-4203 .elementor-element.elementor-element-ef52f9d .elementor-video iframe { border: none; } /* Hide any native HTML5 video controls if using Method 1 */ .elementor-4203 .elementor-element.elementor-element-ef52f9d video::-webkit-media-controls { display: none !important; } .elementor-4203 .elementor-element.elementor-element-ef52f9d video::-webkit-media-controls-play-button { display: none !important; } .elementor-4203 .elementor-element.elementor-element-ef52f9d video::-webkit-media-controls-start-playback-button { display: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-503f794 */.elementor-4203 .elementor-element.elementor-element-503f794 { background: linear-gradient(90deg, #E65100 0%, #000000 25%, #000000 75%, #0D47A1 100%) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-120359e *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-4203 .elementor-element.elementor-element-120359e { 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-4203 .elementor-element.elementor-element-120359e .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-120359e .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-120359e .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-120359e 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-4203 .elementor-element.elementor-element-120359e .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-120359e .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-120359e .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-120359e 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-4203 .elementor-element.elementor-element-120359e .sleek-service-link::before, .elementor-4203 .elementor-element.elementor-element-120359e .elementor-heading-title::before, .elementor-4203 .elementor-element.elementor-element-120359e .elementor-icon-box-title span::before, .elementor-4203 .elementor-element.elementor-element-120359e 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-25f5862 *//* 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-4203 .elementor-element.elementor-element-25f5862 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-25f5862 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-25f5862 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-25f5862 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-25f5862 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-4203 .elementor-element.elementor-element-25f5862 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-25f5862 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-25f5862 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-25f5862 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-4203 .elementor-element.elementor-element-25f5862 */ .elementor-4203 .elementor-element.elementor-element-25f5862:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-25f5862:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-25f5862:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-25f5862: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-ae48efd *//* 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-4203 .elementor-element.elementor-element-ae48efd { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-ae48efd .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-ae48efd .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-ae48efd .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-ae48efd 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-4203 .elementor-element.elementor-element-ae48efd .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-ae48efd .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-ae48efd .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-ae48efd 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-4203 .elementor-element.elementor-element-ae48efd */ .elementor-4203 .elementor-element.elementor-element-ae48efd:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-ae48efd:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-ae48efd:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-ae48efd: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-2469454 *//* 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-4203 .elementor-element.elementor-element-2469454 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-2469454 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-2469454 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-2469454 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-2469454 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-4203 .elementor-element.elementor-element-2469454 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-2469454 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-2469454 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-2469454 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-4203 .elementor-element.elementor-element-2469454 */ .elementor-4203 .elementor-element.elementor-element-2469454:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-2469454:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-2469454:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-2469454: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-592c2da *//* 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-4203 .elementor-element.elementor-element-592c2da { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-592c2da .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-592c2da .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-592c2da .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-592c2da 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-4203 .elementor-element.elementor-element-592c2da .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-592c2da .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-592c2da .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-592c2da 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-4203 .elementor-element.elementor-element-592c2da */ .elementor-4203 .elementor-element.elementor-element-592c2da:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-592c2da:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-592c2da:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-592c2da: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-2c09d77 *//* 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-4203 .elementor-element.elementor-element-2c09d77 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-2c09d77 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-2c09d77 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-2c09d77 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-2c09d77 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-4203 .elementor-element.elementor-element-2c09d77 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-2c09d77 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-2c09d77 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-2c09d77 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-4203 .elementor-element.elementor-element-2c09d77 */ .elementor-4203 .elementor-element.elementor-element-2c09d77:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-2c09d77:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-2c09d77:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-2c09d77: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-558ea0a *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-4203 .elementor-element.elementor-element-558ea0a { 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-4203 .elementor-element.elementor-element-558ea0a .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-558ea0a .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-558ea0a .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-558ea0a 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-4203 .elementor-element.elementor-element-558ea0a .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-558ea0a .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-558ea0a .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-558ea0a 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-4203 .elementor-element.elementor-element-558ea0a .sleek-service-link::before, .elementor-4203 .elementor-element.elementor-element-558ea0a .elementor-heading-title::before, .elementor-4203 .elementor-element.elementor-element-558ea0a .elementor-icon-box-title span::before, .elementor-4203 .elementor-element.elementor-element-558ea0a 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-5e99fe9 *//* 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-4203 .elementor-element.elementor-element-5e99fe9 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-5e99fe9 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-5e99fe9 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-5e99fe9 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-5e99fe9 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-4203 .elementor-element.elementor-element-5e99fe9 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-5e99fe9 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-5e99fe9 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-5e99fe9 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-4203 .elementor-element.elementor-element-5e99fe9 */ .elementor-4203 .elementor-element.elementor-element-5e99fe9:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-5e99fe9:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-5e99fe9:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-5e99fe9: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-99e0093 *//* 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-4203 .elementor-element.elementor-element-99e0093 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-99e0093 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-99e0093 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-99e0093 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-99e0093 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-4203 .elementor-element.elementor-element-99e0093 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-99e0093 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-99e0093 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-99e0093 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-4203 .elementor-element.elementor-element-99e0093 */ .elementor-4203 .elementor-element.elementor-element-99e0093:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-99e0093:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-99e0093:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-99e0093: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-c3197d0 *//* 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-4203 .elementor-element.elementor-element-c3197d0 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-c3197d0 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-c3197d0 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-c3197d0 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-c3197d0 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-4203 .elementor-element.elementor-element-c3197d0 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-c3197d0 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-c3197d0 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-c3197d0 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-4203 .elementor-element.elementor-element-c3197d0 */ .elementor-4203 .elementor-element.elementor-element-c3197d0:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-c3197d0:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-c3197d0:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-c3197d0: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-ad2c87e *//* 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-4203 .elementor-element.elementor-element-ad2c87e { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-ad2c87e .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-ad2c87e .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-ad2c87e .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-ad2c87e 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-4203 .elementor-element.elementor-element-ad2c87e .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-ad2c87e .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-ad2c87e .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-ad2c87e 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-4203 .elementor-element.elementor-element-ad2c87e */ .elementor-4203 .elementor-element.elementor-element-ad2c87e:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-ad2c87e:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-ad2c87e:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-ad2c87e: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-f95d5ca *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-4203 .elementor-element.elementor-element-f95d5ca { 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-4203 .elementor-element.elementor-element-f95d5ca .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-f95d5ca .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-f95d5ca .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-f95d5ca 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-4203 .elementor-element.elementor-element-f95d5ca .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-f95d5ca .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-f95d5ca .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-f95d5ca 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-4203 .elementor-element.elementor-element-f95d5ca .sleek-service-link::before, .elementor-4203 .elementor-element.elementor-element-f95d5ca .elementor-heading-title::before, .elementor-4203 .elementor-element.elementor-element-f95d5ca .elementor-icon-box-title span::before, .elementor-4203 .elementor-element.elementor-element-f95d5ca 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-244c761 *//* 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-4203 .elementor-element.elementor-element-244c761 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-244c761 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-244c761 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-244c761 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-244c761 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-4203 .elementor-element.elementor-element-244c761 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-244c761 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-244c761 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-244c761 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-4203 .elementor-element.elementor-element-244c761 */ .elementor-4203 .elementor-element.elementor-element-244c761:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-244c761:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-244c761:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-244c761: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-c42b887 *//* 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-4203 .elementor-element.elementor-element-c42b887 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-c42b887 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-c42b887 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-c42b887 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-c42b887 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-4203 .elementor-element.elementor-element-c42b887 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-c42b887 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-c42b887 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-c42b887 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-4203 .elementor-element.elementor-element-c42b887 */ .elementor-4203 .elementor-element.elementor-element-c42b887:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-c42b887:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-c42b887:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-c42b887: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-a1d2461 *//* 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-4203 .elementor-element.elementor-element-a1d2461 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-a1d2461 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-a1d2461 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-a1d2461 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-a1d2461 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-4203 .elementor-element.elementor-element-a1d2461 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-a1d2461 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-a1d2461 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-a1d2461 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-4203 .elementor-element.elementor-element-a1d2461 */ .elementor-4203 .elementor-element.elementor-element-a1d2461:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-a1d2461:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-a1d2461:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-a1d2461: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-ccdfd9d *//* 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-4203 .elementor-element.elementor-element-ccdfd9d { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-ccdfd9d .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-ccdfd9d .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-ccdfd9d .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-ccdfd9d 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-4203 .elementor-element.elementor-element-ccdfd9d .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-ccdfd9d .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-ccdfd9d .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-ccdfd9d 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-4203 .elementor-element.elementor-element-ccdfd9d */ .elementor-4203 .elementor-element.elementor-element-ccdfd9d:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-ccdfd9d:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-ccdfd9d:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-ccdfd9d: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-fae4843 *//* 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-4203 .elementor-element.elementor-element-fae4843 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-fae4843 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-fae4843 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-fae4843 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-fae4843 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-4203 .elementor-element.elementor-element-fae4843 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-fae4843 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-fae4843 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-fae4843 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-4203 .elementor-element.elementor-element-fae4843 */ .elementor-4203 .elementor-element.elementor-element-fae4843:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-fae4843:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-fae4843:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-fae4843: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-bdf8efe *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-4203 .elementor-element.elementor-element-bdf8efe { 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-4203 .elementor-element.elementor-element-bdf8efe .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-bdf8efe .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-bdf8efe .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-bdf8efe 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-4203 .elementor-element.elementor-element-bdf8efe .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-bdf8efe .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-bdf8efe .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-bdf8efe 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-4203 .elementor-element.elementor-element-bdf8efe .sleek-service-link::before, .elementor-4203 .elementor-element.elementor-element-bdf8efe .elementor-heading-title::before, .elementor-4203 .elementor-element.elementor-element-bdf8efe .elementor-icon-box-title span::before, .elementor-4203 .elementor-element.elementor-element-bdf8efe 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-2e722fc *//* 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-4203 .elementor-element.elementor-element-2e722fc { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-2e722fc .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-2e722fc .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-2e722fc .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-2e722fc 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-4203 .elementor-element.elementor-element-2e722fc .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-2e722fc .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-2e722fc .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-2e722fc 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-4203 .elementor-element.elementor-element-2e722fc */ .elementor-4203 .elementor-element.elementor-element-2e722fc:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-2e722fc:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-2e722fc:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-2e722fc: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-eedb111 *//* 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-4203 .elementor-element.elementor-element-eedb111 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-eedb111 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-eedb111 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-eedb111 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-eedb111 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-4203 .elementor-element.elementor-element-eedb111 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-eedb111 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-eedb111 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-eedb111 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-4203 .elementor-element.elementor-element-eedb111 */ .elementor-4203 .elementor-element.elementor-element-eedb111:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-eedb111:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-eedb111:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-eedb111: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-f2fe829 *//* 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-4203 .elementor-element.elementor-element-f2fe829 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-f2fe829 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-f2fe829 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-f2fe829 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-f2fe829 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-4203 .elementor-element.elementor-element-f2fe829 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-f2fe829 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-f2fe829 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-f2fe829 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-4203 .elementor-element.elementor-element-f2fe829 */ .elementor-4203 .elementor-element.elementor-element-f2fe829:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-f2fe829:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-f2fe829:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-f2fe829: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-0d0f680 *//* 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-4203 .elementor-element.elementor-element-0d0f680 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-0d0f680 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-0d0f680 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-0d0f680 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-0d0f680 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-4203 .elementor-element.elementor-element-0d0f680 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-0d0f680 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-0d0f680 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-0d0f680 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-4203 .elementor-element.elementor-element-0d0f680 */ .elementor-4203 .elementor-element.elementor-element-0d0f680:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-0d0f680:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-0d0f680:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-0d0f680: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-108a0e4 *//* 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-4203 .elementor-element.elementor-element-108a0e4 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-4203 .elementor-element.elementor-element-108a0e4 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-108a0e4 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-108a0e4 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-108a0e4 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-4203 .elementor-element.elementor-element-108a0e4 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-108a0e4 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-108a0e4 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-108a0e4 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-4203 .elementor-element.elementor-element-108a0e4 */ .elementor-4203 .elementor-element.elementor-element-108a0e4:hover .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-108a0e4:hover .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-108a0e4:hover .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-108a0e4: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-d214e24 *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-4203 .elementor-element.elementor-element-d214e24 { 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-4203 .elementor-element.elementor-element-d214e24 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-d214e24 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-d214e24 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-d214e24 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-4203 .elementor-element.elementor-element-d214e24 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-d214e24 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-d214e24 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-d214e24 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-4203 .elementor-element.elementor-element-d214e24 .sleek-service-link::before, .elementor-4203 .elementor-element.elementor-element-d214e24 .elementor-heading-title::before, .elementor-4203 .elementor-element.elementor-element-d214e24 .elementor-icon-box-title span::before, .elementor-4203 .elementor-element.elementor-element-d214e24 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 heading, class: .elementor-element-83e8954 *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-4203 .elementor-element.elementor-element-83e8954 { 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-4203 .elementor-element.elementor-element-83e8954 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-83e8954 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-83e8954 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-83e8954 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-4203 .elementor-element.elementor-element-83e8954 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-83e8954 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-83e8954 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-83e8954 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-4203 .elementor-element.elementor-element-83e8954 .sleek-service-link::before, .elementor-4203 .elementor-element.elementor-element-83e8954 .elementor-heading-title::before, .elementor-4203 .elementor-element.elementor-element-83e8954 .elementor-icon-box-title span::before, .elementor-4203 .elementor-element.elementor-element-83e8954 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-749d9c9 */.elementor-4203 .elementor-element.elementor-element-749d9c9 { background: linear-gradient(90deg, #E65100 0%, #000000 25%, #000000 75%, #0D47A1 100%) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-af06e71 *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-4203 .elementor-element.elementor-element-af06e71 { 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-4203 .elementor-element.elementor-element-af06e71 .sleek-service-link, .elementor-4203 .elementor-element.elementor-element-af06e71 .elementor-heading-title, .elementor-4203 .elementor-element.elementor-element-af06e71 .elementor-icon-box-title span, .elementor-4203 .elementor-element.elementor-element-af06e71 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-4203 .elementor-element.elementor-element-af06e71 .sleek-service-link::after, .elementor-4203 .elementor-element.elementor-element-af06e71 .elementor-heading-title::after, .elementor-4203 .elementor-element.elementor-element-af06e71 .elementor-icon-box-title span::after, .elementor-4203 .elementor-element.elementor-element-af06e71 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-4203 .elementor-element.elementor-element-af06e71 .sleek-service-link::before, .elementor-4203 .elementor-element.elementor-element-af06e71 .elementor-heading-title::before, .elementor-4203 .elementor-element.elementor-element-af06e71 .elementor-icon-box-title span::before, .elementor-4203 .elementor-element.elementor-element-af06e71 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 */