.elementor-6696 .elementor-element.elementor-element-1eed63de > .elementor-background-overlay{background-color:#000000;opacity:0.65;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-1eed63de{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-6696 .elementor-element.elementor-element-57956d0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6696 .elementor-element.elementor-element-57956d0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6696 .elementor-element.elementor-element-57956d0 > .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-6696 .elementor-element.elementor-element-57956d0 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6696 .elementor-element.elementor-element-103f20c2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6696 .elementor-element.elementor-element-103f20c2 .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-6696 .elementor-element.elementor-element-103f20c2 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-6696 .elementor-element.elementor-element-103f20c2 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-6696 .elementor-element.elementor-element-103f20c2 .elementskit-section-title-wraper p{color:#ffffff;font-family:"Roboto", Sans-serif;font-size:15.5px;font-weight:400;line-height:26px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6696 .elementor-element.elementor-element-3658a1a .elementor-button{background-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0075EE;}.elementor-6696 .elementor-element.elementor-element-3658a1a .elementor-button:hover, .elementor-6696 .elementor-element.elementor-element-3658a1a .elementor-button:focus{background-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-3658a1a .elementor-button-content-wrapper{flex-direction:row;}.elementor-6696 .elementor-element.elementor-element-8d32c27{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;}.elementor-6696 .elementor-element.elementor-element-8d32c27.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-6696 .elementor-element.elementor-element-8d32c27.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-6696 .elementor-element.elementor-element-8d32c27 .elementskit-funfact .funfact-icon img{margin-bottom:0px;border-style:groove;}.elementor-6696 .elementor-element.elementor-element-8d32c27 .elementskit-funfact .elementskit-funfact-icon{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-8d32c27 .elementskit-funfact .funfact-icon svg{fill:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-8d32c27 .elementskit-funfact-icon{font-size:40px;}.elementor-6696 .elementor-element.elementor-element-8d32c27 .funfact-icon svg{font-size:40px;}.elementor-6696 .elementor-element.elementor-element-8d32c27 .elementskit-funfact-icon, .elementor-6696 .elementor-element.elementor-element-8d32c27 .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-6696 .elementor-element.elementor-element-8d32c27 .elementskit-funfact{justify-content:left;display:flex;}.elementor-6696 .elementor-element.elementor-element-8d32c27 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-8d32c27 .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-71ef311{--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-6696 .elementor-element.elementor-element-b5ec9dd.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-6696 .elementor-element.elementor-element-b5ec9dd.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-6696 .elementor-element.elementor-element-b5ec9dd .elementskit-funfact .funfact-icon img{margin-bottom:0px;border-style:groove;}.elementor-6696 .elementor-element.elementor-element-b5ec9dd .elementskit-funfact .elementskit-funfact-icon{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-b5ec9dd .elementskit-funfact .funfact-icon svg{fill:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-b5ec9dd .elementskit-funfact-icon{font-size:40px;}.elementor-6696 .elementor-element.elementor-element-b5ec9dd .funfact-icon svg{font-size:40px;}.elementor-6696 .elementor-element.elementor-element-b5ec9dd .elementskit-funfact-icon, .elementor-6696 .elementor-element.elementor-element-b5ec9dd .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-6696 .elementor-element.elementor-element-b5ec9dd .elementskit-funfact{justify-content:left;display:flex;}.elementor-6696 .elementor-element.elementor-element-b5ec9dd .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-b5ec9dd .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-ccc2530.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-6696 .elementor-element.elementor-element-ccc2530.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-6696 .elementor-element.elementor-element-ccc2530 .elementskit-funfact .funfact-icon img{margin-bottom:0px;border-style:groove;}.elementor-6696 .elementor-element.elementor-element-ccc2530 .elementskit-funfact .elementskit-funfact-icon{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-ccc2530 .elementskit-funfact .funfact-icon svg{fill:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-ccc2530 .elementskit-funfact-icon{font-size:40px;}.elementor-6696 .elementor-element.elementor-element-ccc2530 .funfact-icon svg{font-size:40px;}.elementor-6696 .elementor-element.elementor-element-ccc2530 .elementskit-funfact-icon, .elementor-6696 .elementor-element.elementor-element-ccc2530 .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-6696 .elementor-element.elementor-element-ccc2530 .elementskit-funfact{justify-content:left;display:flex;}.elementor-6696 .elementor-element.elementor-element-ccc2530 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-ccc2530 .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-1025b4c.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-6696 .elementor-element.elementor-element-1025b4c.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-6696 .elementor-element.elementor-element-1025b4c .elementskit-funfact .funfact-icon img{margin-bottom:0px;border-style:groove;}.elementor-6696 .elementor-element.elementor-element-1025b4c .elementskit-funfact .elementskit-funfact-icon{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-1025b4c .elementskit-funfact .funfact-icon svg{fill:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-1025b4c .elementskit-funfact-icon{font-size:40px;}.elementor-6696 .elementor-element.elementor-element-1025b4c .funfact-icon svg{font-size:40px;}.elementor-6696 .elementor-element.elementor-element-1025b4c .elementskit-funfact-icon, .elementor-6696 .elementor-element.elementor-element-1025b4c .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-6696 .elementor-element.elementor-element-1025b4c .elementskit-funfact{justify-content:left;display:flex;}.elementor-6696 .elementor-element.elementor-element-1025b4c .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-1025b4c .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-19b72c5.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-6696 .elementor-element.elementor-element-19b72c5.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-6696 .elementor-element.elementor-element-19b72c5 .elementskit-funfact .funfact-icon img{margin-bottom:0px;}.elementor-6696 .elementor-element.elementor-element-19b72c5 .elementskit-funfact{justify-content:left;display:flex;}.elementor-6696 .elementor-element.elementor-element-19b72c5 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-19b72c5 .elementskit-funfact .funfact-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-21c1bc5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6696 .elementor-element.elementor-element-21c1bc5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6696 .elementor-element.elementor-element-73ae1c1{--display:flex;--justify-content:center;overflow:visible;}.elementor-6696 .elementor-element.elementor-element-7a29232{margin:-62px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6696 .elementor-element.elementor-element-lzvp6xl > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6696 .elementor-element.elementor-element-lzvp6xl:not(.elementor-motion-effects-element-type-background), .elementor-6696 .elementor-element.elementor-element-lzvp6xl > .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-6696 .elementor-element.elementor-element-lzvp6xl > .elementor-background-overlay{background-color:#000000;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-lzvp6xl{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-6696 .elementor-element.elementor-element-22ee4c7 > .elementor-element-populated{margin:0px 0px 40px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 50px 0px 0px;}.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-6696 .elementor-element.elementor-element-ab1822a{text-align:center;}.elementor-6696 .elementor-element.elementor-element-ab1822a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:600;color:#F5F5F5;}.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-6696 .elementor-element.elementor-element-23c37f6{--divider-border-style:solid;--divider-color:#0075EE;--divider-border-width:2.5px;width:auto;max-width:auto;}.elementor-6696 .elementor-element.elementor-element-23c37f6 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-6696 .elementor-element.elementor-element-23c37f6 .elementor-divider{text-align:left;padding-block-start:8px;padding-block-end:8px;}.elementor-6696 .elementor-element.elementor-element-462a3a9 .elementor-button{background-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0075EE;}.elementor-6696 .elementor-element.elementor-element-462a3a9 .elementor-button:hover, .elementor-6696 .elementor-element.elementor-element-462a3a9 .elementor-button:focus{background-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-462a3a9{width:100%;max-width:100%;}.elementor-6696 .elementor-element.elementor-element-462a3a9 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6696 .elementor-element.elementor-element-6dd34d9 > .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-6696 .elementor-element.elementor-element-17f2907{margin-top:0px;margin-bottom:0px;overflow:visible;}.elementor-6696 .elementor-element.elementor-element-7a8f320 > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-6696 .elementor-element.elementor-element-7a8f320 > .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:30px 30px 30px 30px;}.elementor-6696 .elementor-element.elementor-element-7a8f320 > .elementor-element-populated, .elementor-6696 .elementor-element.elementor-element-7a8f320 > .elementor-element-populated > .elementor-background-overlay, .elementor-6696 .elementor-element.elementor-element-7a8f320 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-6696 .elementor-element.elementor-element-7a8f320:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-6696 .elementor-element.elementor-element-7a8f320 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-6696 .elementor-element.elementor-element-02f84e6{width:auto;max-width:auto;}.elementor-6696 .elementor-element.elementor-element-02f84e6 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-6696 .elementor-element.elementor-element-02f84e6.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-02f84e6.elementor-view-framed .elementor-icon, .elementor-6696 .elementor-element.elementor-element-02f84e6.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-02f84e6 .elementor-icon{transition-duration:0.5s;font-size:30px;}.elementor-6696 .elementor-element.elementor-element-02f84e6 .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-02f84e6 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-6696 .elementor-element.elementor-element-02f84e6 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-6696 .elementor-element.elementor-element-02f84e6:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-02f84e6:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-02f84e6 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-ffe0b55 > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-6696 .elementor-element.elementor-element-ffe0b55 > .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:30px 30px 30px 30px;}.elementor-6696 .elementor-element.elementor-element-ffe0b55 > .elementor-element-populated, .elementor-6696 .elementor-element.elementor-element-ffe0b55 > .elementor-element-populated > .elementor-background-overlay, .elementor-6696 .elementor-element.elementor-element-ffe0b55 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-6696 .elementor-element.elementor-element-ffe0b55:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-6696 .elementor-element.elementor-element-ffe0b55 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-524deb8 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-6696 .elementor-element.elementor-element-524deb8.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-524deb8.elementor-view-framed .elementor-icon, .elementor-6696 .elementor-element.elementor-element-524deb8.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-524deb8 .elementor-icon{font-size:30px;}.elementor-6696 .elementor-element.elementor-element-524deb8 .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-524deb8 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-6696 .elementor-element.elementor-element-524deb8 .elementor-icon-box-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-524deb8:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-524deb8:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-524deb8 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-844f44d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6696 .elementor-element.elementor-element-844f44d{margin-top:0px;margin-bottom:0px;overflow:visible;}.elementor-6696 .elementor-element.elementor-element-cca2350 > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-6696 .elementor-element.elementor-element-cca2350 > .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:30px 30px 30px 30px;}.elementor-6696 .elementor-element.elementor-element-cca2350 > .elementor-element-populated, .elementor-6696 .elementor-element.elementor-element-cca2350 > .elementor-element-populated > .elementor-background-overlay, .elementor-6696 .elementor-element.elementor-element-cca2350 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-6696 .elementor-element.elementor-element-cca2350:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-6696 .elementor-element.elementor-element-cca2350 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-cca2350{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-6696 .elementor-element.elementor-element-3516bbf .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-6696 .elementor-element.elementor-element-3516bbf.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-3516bbf.elementor-view-framed .elementor-icon, .elementor-6696 .elementor-element.elementor-element-3516bbf.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-3516bbf .elementor-icon{font-size:30px;}.elementor-6696 .elementor-element.elementor-element-3516bbf .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-3516bbf .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-6696 .elementor-element.elementor-element-3516bbf .elementor-icon-box-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-3516bbf:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-3516bbf:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-3516bbf .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-f90190e > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-6696 .elementor-element.elementor-element-f90190e > .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:30px 30px 30px 30px;}.elementor-6696 .elementor-element.elementor-element-f90190e > .elementor-element-populated, .elementor-6696 .elementor-element.elementor-element-f90190e > .elementor-element-populated > .elementor-background-overlay, .elementor-6696 .elementor-element.elementor-element-f90190e > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-6696 .elementor-element.elementor-element-f90190e:hover > .elementor-element-populated{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.07);}.elementor-6696 .elementor-element.elementor-element-f90190e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-e292477 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6696 .elementor-element.elementor-element-e292477.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-e292477.elementor-view-framed .elementor-icon, .elementor-6696 .elementor-element.elementor-element-e292477.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-e292477 .elementor-icon{font-size:30px;}.elementor-6696 .elementor-element.elementor-element-e292477 .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-e292477 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-6696 .elementor-element.elementor-element-e292477 .elementor-icon-box-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-e292477:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-e292477:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-e292477 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-hfqs1lp:not(.elementor-motion-effects-element-type-background), .elementor-6696 .elementor-element.elementor-element-hfqs1lp > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://2wd1.clickwise.dev/wp-content/uploads/2025/02/340776544_151762721165369_2879517550175231229_n.jpg");background-position:0px -527px;}.elementor-6696 .elementor-element.elementor-element-hfqs1lp > .elementor-background-overlay{background-color:#000000;opacity:0.85;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-hfqs1lp > .elementor-container{max-width:1300px;}.elementor-6696 .elementor-element.elementor-element-hfqs1lp{border-style:solid;border-width:2px 2px 2px 2px;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;overflow:visible;}.elementor-6696 .elementor-element.elementor-element-896fb52{width:var( --container-widget-width, 101.411% );max-width:101.411%;--container-widget-width:101.411%;--container-widget-flex-grow:0;text-align:center;}.elementor-6696 .elementor-element.elementor-element-896fb52.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6696 .elementor-element.elementor-element-896fb52 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:600;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-6696 .elementor-element.elementor-element-eaa8c24{text-align:center;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-94732de{margin-top:50px;margin-bottom:0px;overflow:visible;}.elementor-6696 .elementor-element.elementor-element-4f55e66:hover > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-6696 .elementor-element.elementor-element-4f55e66 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6696 .elementor-element.elementor-element-4f55e66 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;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 40px 40px 40px;}.elementor-6696 .elementor-element.elementor-element-4f55e66 > .elementor-element-populated, .elementor-6696 .elementor-element.elementor-element-4f55e66 > .elementor-element-populated > .elementor-background-overlay, .elementor-6696 .elementor-element.elementor-element-4f55e66 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-6696 .elementor-element.elementor-element-4f55e66 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-c989042{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6696 .elementor-element.elementor-element-c989042 .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-6696 .elementor-element.elementor-element-c989042.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-c989042.elementor-view-framed .elementor-icon, .elementor-6696 .elementor-element.elementor-element-c989042.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-c989042 .elementor-icon{transition-duration:0.5s;font-size:50px;}.elementor-6696 .elementor-element.elementor-element-c989042 .elementor-icon-box-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-c989042:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-c989042:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-c989042 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-54fa93a:hover > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-6696 .elementor-element.elementor-element-54fa93a > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;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 40px 40px 40px;}.elementor-6696 .elementor-element.elementor-element-54fa93a > .elementor-element-populated, .elementor-6696 .elementor-element.elementor-element-54fa93a > .elementor-element-populated > .elementor-background-overlay, .elementor-6696 .elementor-element.elementor-element-54fa93a > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-6696 .elementor-element.elementor-element-54fa93a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-c23dd0b{width:var( --container-widget-width, 100% );max-width:100%;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-6696 .elementor-element.elementor-element-c23dd0b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6696 .elementor-element.elementor-element-c23dd0b .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-6696 .elementor-element.elementor-element-c23dd0b.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-c23dd0b.elementor-view-framed .elementor-icon, .elementor-6696 .elementor-element.elementor-element-c23dd0b.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-c23dd0b .elementor-icon{transition-duration:0.5s;font-size:50px;}.elementor-6696 .elementor-element.elementor-element-c23dd0b .elementor-icon-box-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-c23dd0b:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-c23dd0b:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-c23dd0b .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-1417db0:hover > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6696 .elementor-element.elementor-element-1417db0 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6696 .elementor-element.elementor-element-1417db0 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;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 40px 40px 40px;}.elementor-6696 .elementor-element.elementor-element-1417db0 > .elementor-element-populated, .elementor-6696 .elementor-element.elementor-element-1417db0 > .elementor-element-populated > .elementor-background-overlay, .elementor-6696 .elementor-element.elementor-element-1417db0 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-6696 .elementor-element.elementor-element-1417db0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-3d656bd{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6696 .elementor-element.elementor-element-3d656bd .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-6696 .elementor-element.elementor-element-3d656bd.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-3d656bd.elementor-view-framed .elementor-icon, .elementor-6696 .elementor-element.elementor-element-3d656bd.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-3d656bd .elementor-icon{transition-duration:0.5s;font-size:50px;}.elementor-6696 .elementor-element.elementor-element-3d656bd .elementor-icon-box-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-3d656bd:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-3d656bd:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-3d656bd .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-18ec486:hover > .elementor-element-populated > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-6696 .elementor-element.elementor-element-18ec486 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;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 40px 40px 40px;}.elementor-6696 .elementor-element.elementor-element-18ec486 > .elementor-element-populated, .elementor-6696 .elementor-element.elementor-element-18ec486 > .elementor-element-populated > .elementor-background-overlay, .elementor-6696 .elementor-element.elementor-element-18ec486 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-6696 .elementor-element.elementor-element-18ec486 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-45f982c{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6696 .elementor-element.elementor-element-45f982c .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-6696 .elementor-element.elementor-element-45f982c.elementor-view-stacked .elementor-icon{background-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-45f982c.elementor-view-framed .elementor-icon, .elementor-6696 .elementor-element.elementor-element-45f982c.elementor-view-default .elementor-icon{fill:#EB5F22;color:#EB5F22;border-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-45f982c .elementor-icon{transition-duration:0.5s;font-size:50px;}.elementor-6696 .elementor-element.elementor-element-45f982c .elementor-icon-box-title{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-45f982c:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-45f982c:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-45f982c .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-2fe6409:not(.elementor-motion-effects-element-type-background), .elementor-6696 .elementor-element.elementor-element-2fe6409 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://2wd1.clickwise.dev/wp-content/uploads/2026/04/daddw-scaled.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-6696 .elementor-element.elementor-element-2fe6409 > .elementor-background-overlay{background-color:#000000;opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-2fe6409 > .elementor-container{max-width:1200px;}.elementor-6696 .elementor-element.elementor-element-2fe6409{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;overflow:visible;}.elementor-bc-flex-widget .elementor-6696 .elementor-element.elementor-element-0e708db.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6696 .elementor-element.elementor-element-0e708db.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6696 .elementor-element.elementor-element-0e708db > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-6696 .elementor-element.elementor-element-0e708db > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-a84523f .elementor-wrapper{--video-aspect-ratio:1.33333;}.elementor-bc-flex-widget .elementor-6696 .elementor-element.elementor-element-e6d0eba.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6696 .elementor-element.elementor-element-e6d0eba.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6696 .elementor-element.elementor-element-e6d0eba > .elementor-element-populated{margin:0px 0px 0px -15px;--e-column-margin-right:0px;--e-column-margin-left:-15px;padding:0px 0px 0px 100px;}.elementor-6696 .elementor-element.elementor-element-bc560bb{text-align:center;}.elementor-6696 .elementor-element.elementor-element-bc560bb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-0d7d686{width:auto;max-width:auto;margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 30px;border-style:solid;border-width:0px 0px 0px 3px;border-color:#F5F5F5;text-align:start;}.elementor-6696 .elementor-element.elementor-element-0d7d686 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#F5F5F5;}.elementor-6696 .elementor-element.elementor-element-8319a79{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-8319a79.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-6696 .elementor-element.elementor-element-8319a79.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-6696 .elementor-element.elementor-element-9752367{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 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-6696 .elementor-element.elementor-element-e4a0734{width:auto;max-width:auto;}.elementor-6696 .elementor-element.elementor-element-e4a0734.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-6696 .elementor-element.elementor-element-e4a0734.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-6696 .elementor-element.elementor-element-e4a0734 .elementor-icon-box-wrapper{text-align:start;}.elementor-6696 .elementor-element.elementor-element-e4a0734 .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-e4a0734 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-6696 .elementor-element.elementor-element-e4a0734 .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-6696 .elementor-element.elementor-element-e4a0734:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-e4a0734:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-e4a0734 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-94973ef{width:auto;max-width:auto;}.elementor-6696 .elementor-element.elementor-element-94973ef.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-6696 .elementor-element.elementor-element-94973ef.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-6696 .elementor-element.elementor-element-94973ef .elementor-icon-box-wrapper{text-align:start;}.elementor-6696 .elementor-element.elementor-element-94973ef .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-94973ef .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-6696 .elementor-element.elementor-element-94973ef .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-6696 .elementor-element.elementor-element-94973ef:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-94973ef:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-94973ef .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-5c1369a{width:auto;max-width:auto;}.elementor-6696 .elementor-element.elementor-element-5c1369a.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-6696 .elementor-element.elementor-element-5c1369a.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-6696 .elementor-element.elementor-element-5c1369a .elementor-icon-box-wrapper{text-align:start;}.elementor-6696 .elementor-element.elementor-element-5c1369a .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-5c1369a .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-6696 .elementor-element.elementor-element-5c1369a .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-6696 .elementor-element.elementor-element-5c1369a:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-5c1369a:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-5c1369a .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-541449d{width:auto;max-width:auto;}.elementor-6696 .elementor-element.elementor-element-541449d.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(20px) brightness(1);}.elementor-6696 .elementor-element.elementor-element-541449d.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-6696 .elementor-element.elementor-element-541449d .elementor-icon-box-wrapper{text-align:start;}.elementor-6696 .elementor-element.elementor-element-541449d .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-541449d .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-6696 .elementor-element.elementor-element-541449d .elementor-icon-box-title{color:#FFFFFF;transition-duration:0.5s;}.elementor-6696 .elementor-element.elementor-element-541449d:has(:hover) .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-541449d:has(:focus) .elementor-icon-box-title{color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-541449d .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-25ung7e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6696 .elementor-element.elementor-element-25ung7e:not(.elementor-motion-effects-element-type-background), .elementor-6696 .elementor-element.elementor-element-25ung7e > .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-6696 .elementor-element.elementor-element-25ung7e > .elementor-background-overlay{background-color:#000000;opacity:0.75;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-25ung7e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;overflow:visible;}.elementor-6696 .elementor-element.elementor-element-a1f979f > .elementor-element-populated{padding:0% 20% 0% 20%;}.elementor-6696 .elementor-element.elementor-element-93c78ec{text-align:center;}.elementor-6696 .elementor-element.elementor-element-93c78ec .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-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-tab-title{border-width:0px;border-color:rgba(191,191,191,0);background-color:#0E0D0D;padding:28px 28px 28px 28px;}.elementor-6696 .elementor-element.elementor-element-5b2a5f8 .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-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-toggle-item:not(:last-child){margin-block-end:25px;}.elementor-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-toggle-item{box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.1);}.elementor-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-toggle-title, .elementor-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-toggle-icon{color:rgba(245, 245, 245, 0.77);}.elementor-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-toggle-icon svg{fill:rgba(245, 245, 245, 0.77);}.elementor-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-tab-title.elementor-active a, .elementor-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-tab-title .elementor-toggle-icon i:before{color:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-tab-title .elementor-toggle-icon svg{fill:#BDBDBD;}.elementor-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-5b2a5f8 .elementor-toggle-icon{margin-inline-end:8px;}.elementor-6696 .elementor-element.elementor-element-e7gs0t9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6696 .elementor-element.elementor-element-e7gs0t9:not(.elementor-motion-effects-element-type-background), .elementor-6696 .elementor-element.elementor-element-e7gs0t9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://2wd1.clickwise.dev/wp-content/uploads/2026/05/Screenshot-2025-10-27-at-1.57.47-PM-scaled.png");background-position:0px -245px;}.elementor-6696 .elementor-element.elementor-element-e7gs0t9 > .elementor-background-overlay{background-color:#000000;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-e7gs0t9 > .elementor-container{max-width:1100px;}.elementor-6696 .elementor-element.elementor-element-e7gs0t9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;overflow:visible;}.elementor-6696 .elementor-element.elementor-element-4347efa:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6696 .elementor-element.elementor-element-4347efa > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EB5F22;}.elementor-6696 .elementor-element.elementor-element-4347efa:hover > .elementor-element-populated{background-color:#0075EE;}.elementor-6696 .elementor-element.elementor-element-4347efa > .elementor-element-populated{box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.07);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:80px 0px 80px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6696 .elementor-element.elementor-element-4347efa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-c4f9c25{--grid-template-columns:repeat(0, auto);text-align:left;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 18px;padding:20px 0px 20px 0px;--icon-size:15px;--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-6696 .elementor-element.elementor-element-c4f9c25 .elementor-social-icon{background-color:rgba(66, 66, 66, 0);--icon-padding:1.25em;}.elementor-6696 .elementor-element.elementor-element-c4f9c25 .elementor-social-icon i{color:#000000;}.elementor-6696 .elementor-element.elementor-element-c4f9c25 .elementor-social-icon svg{fill:#000000;}.elementor-6696 .elementor-element.elementor-element-c4f9c25 .elementor-icon{border-radius:50px 50px 50px 50px;}.elementor-6696 .elementor-element.elementor-element-c4f9c25 .elementor-social-icon:hover{background-color:rgba(33, 33, 33, 0);}.elementor-6696 .elementor-element.elementor-element-c4f9c25 .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-c4f9c25 .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-3c600d7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6696 .elementor-element.elementor-element-3c600d7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-bc-flex-widget .elementor-6696 .elementor-element.elementor-element-3c600d7.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-6696 .elementor-element.elementor-element-3c600d7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-6696 .elementor-element.elementor-element-3c600d7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6696 .elementor-element.elementor-element-3c600d7 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#EB5F22;box-shadow:0px 0px 20px 0px rgba(33, 33, 33, 0.25);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-6696 .elementor-element.elementor-element-3c600d7 > .elementor-element-populated, .elementor-6696 .elementor-element.elementor-element-3c600d7 > .elementor-element-populated > .elementor-background-overlay, .elementor-6696 .elementor-element.elementor-element-3c600d7 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-6696 .elementor-element.elementor-element-3c600d7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-3c600d7{z-index:1;}.elementor-6696 .elementor-element.elementor-element-2006edb .elementor-heading-title{font-weight:400;color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-34df399{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6696 .elementor-element.elementor-element-34df399 .elementor-icon-box-wrapper{align-items:center;gap:25px;}.elementor-6696 .elementor-element.elementor-element-34df399 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-34df399.elementor-view-stacked .elementor-icon{background-color:#212121;fill:#FFFFFF;color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-34df399.elementor-view-framed .elementor-icon, .elementor-6696 .elementor-element.elementor-element-34df399.elementor-view-default .elementor-icon{fill:#212121;color:#212121;border-color:#212121;}.elementor-6696 .elementor-element.elementor-element-34df399.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-34df399 .elementor-icon{font-size:25px;padding:20px;}.elementor-6696 .elementor-element.elementor-element-34df399 .elementor-icon i{transform:rotate(0deg);}.elementor-6696 .elementor-element.elementor-element-34df399 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#7C7979;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2 .elementor-icon-box-wrapper{align-items:center;gap:25px;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2.elementor-view-stacked .elementor-icon{background-color:#212121;fill:#FFFFFF;color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2.elementor-view-framed .elementor-icon, .elementor-6696 .elementor-element.elementor-element-fa4f6e2.elementor-view-default .elementor-icon{fill:#212121;color:#212121;border-color:#212121;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2 .elementor-icon{font-size:25px;padding:20px;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2 .elementor-icon i{transform:rotate(0deg);}.elementor-6696 .elementor-element.elementor-element-fa4f6e2 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#7C7979;}.elementor-6696 .elementor-element.elementor-element-eed3e44{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6696 .elementor-element.elementor-element-eed3e44 .elementor-icon-box-wrapper{align-items:center;gap:25px;}.elementor-6696 .elementor-element.elementor-element-eed3e44 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-eed3e44.elementor-view-stacked .elementor-icon{background-color:#212121;fill:#FFFFFF;color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-eed3e44.elementor-view-framed .elementor-icon, .elementor-6696 .elementor-element.elementor-element-eed3e44.elementor-view-default .elementor-icon{fill:#212121;color:#212121;border-color:#212121;}.elementor-6696 .elementor-element.elementor-element-eed3e44.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-6696 .elementor-element.elementor-element-eed3e44 .elementor-icon{font-size:25px;padding:20px;}.elementor-6696 .elementor-element.elementor-element-eed3e44 .elementor-icon i{transform:rotate(0deg);}.elementor-6696 .elementor-element.elementor-element-eed3e44 .elementor-icon-box-title, .elementor-6696 .elementor-element.elementor-element-eed3e44 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-6696 .elementor-element.elementor-element-eed3e44 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#7C7979;}.elementor-6696 .elementor-element.elementor-element-38f6fe5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:80px 0px 80px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6696 .elementor-element.elementor-element-38f6fe5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6696 .elementor-element.elementor-element-627e845 iframe{height:420px;}.elementor-6696 .elementor-element.elementor-element-b282dae{--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-6696 .elementor-element.elementor-element-b282dae:not(.elementor-motion-effects-element-type-background), .elementor-6696 .elementor-element.elementor-element-b282dae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-6696 .elementor-element.elementor-element-032f125{width:100%;max-width:100%;}.elementor-6696 .elementor-element.elementor-element-6e7fe69{--divider-border-style:solid;--divider-color:#EB5F22;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-6696 .elementor-element.elementor-element-6e7fe69 .elementor-divider-separator{width:122px;}.elementor-6696 .elementor-element.elementor-element-6e7fe69 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}@media(min-width:768px){.elementor-6696 .elementor-element.elementor-element-57956d0{width:60%;}.elementor-6696 .elementor-element.elementor-element-6324bfd0{width:40%;}.elementor-6696 .elementor-element.elementor-element-22ee4c7{width:40%;}.elementor-6696 .elementor-element.elementor-element-6dd34d9{width:60%;}.elementor-6696 .elementor-element.elementor-element-0e708db{width:46%;}.elementor-6696 .elementor-element.elementor-element-e6d0eba{width:54%;}.elementor-6696 .elementor-element.elementor-element-4347efa{width:8%;}.elementor-6696 .elementor-element.elementor-element-3c600d7{width:34.874%;}.elementor-6696 .elementor-element.elementor-element-38f6fe5{width:56.79%;}.elementor-6696 .elementor-element.elementor-element-b282dae{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6696 .elementor-element.elementor-element-57956d0{width:100%;}.elementor-6696 .elementor-element.elementor-element-6324bfd0{width:100%;}.elementor-6696 .elementor-element.elementor-element-22ee4c7{width:100%;}.elementor-6696 .elementor-element.elementor-element-6dd34d9{width:100%;}.elementor-6696 .elementor-element.elementor-element-4f55e66{width:50%;}.elementor-6696 .elementor-element.elementor-element-54fa93a{width:50%;}.elementor-6696 .elementor-element.elementor-element-1417db0{width:50%;}.elementor-6696 .elementor-element.elementor-element-18ec486{width:50%;}.elementor-6696 .elementor-element.elementor-element-0e708db{width:30%;}.elementor-6696 .elementor-element.elementor-element-e6d0eba{width:70%;}.elementor-6696 .elementor-element.elementor-element-4347efa{width:12%;}.elementor-6696 .elementor-element.elementor-element-3c600d7{width:43%;}.elementor-6696 .elementor-element.elementor-element-38f6fe5{width:45%;}}@media(min-width:1025px){.elementor-6696 .elementor-element.elementor-element-2fe6409:not(.elementor-motion-effects-element-type-background), .elementor-6696 .elementor-element.elementor-element-2fe6409 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-6696 .elementor-element.elementor-element-71ef311{--grid-auto-flow:row;}.elementor-6696 .elementor-element.elementor-element-lzvp6xl{padding:8% 8% 8% 8%;}.elementor-6696 .elementor-element.elementor-element-22ee4c7 > .elementor-element-populated{padding:0px 50px 0px 50px;}.elementor-6696 .elementor-element.elementor-element-ab1822a{text-align:center;}.elementor-6696 .elementor-element.elementor-element-7a8f320 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-6696 .elementor-element.elementor-element-ffe0b55 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-6696 .elementor-element.elementor-element-cca2350 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-6696 .elementor-element.elementor-element-f90190e > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-6696 .elementor-element.elementor-element-hfqs1lp:not(.elementor-motion-effects-element-type-background), .elementor-6696 .elementor-element.elementor-element-hfqs1lp > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-6696 .elementor-element.elementor-element-hfqs1lp{padding:60px 60px 60px 60px;}.elementor-6696 .elementor-element.elementor-element-94732de{margin-top:30px;margin-bottom:0px;}.elementor-6696 .elementor-element.elementor-element-1417db0 > .elementor-element-populated{margin:50px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-6696 .elementor-element.elementor-element-18ec486 > .elementor-element-populated{margin:50px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-6696 .elementor-element.elementor-element-2fe6409{padding:50px 0px 50px 0px;}.elementor-6696 .elementor-element.elementor-element-0e708db > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6696 .elementor-element.elementor-element-e6d0eba > .elementor-element-populated{padding:0px 50px 0px 40px;}.elementor-6696 .elementor-element.elementor-element-0d7d686{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-6696 .elementor-element.elementor-element-9752367{--grid-auto-flow:row;}.elementor-6696 .elementor-element.elementor-element-25ung7e{padding:100px 25px 100px 25px;}.elementor-6696 .elementor-element.elementor-element-a1f979f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6696 .elementor-element.elementor-element-e7gs0t9:not(.elementor-motion-effects-element-type-background), .elementor-6696 .elementor-element.elementor-element-e7gs0t9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-6696 .elementor-element.elementor-element-e7gs0t9{padding:80px 0px 80px 0px;}.elementor-6696 .elementor-element.elementor-element-3c600d7 > .elementor-element-populated{padding:50px 30px 50px 30px;}.elementor-6696 .elementor-element.elementor-element-34df399{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6696 .elementor-element.elementor-element-34df399 .elementor-icon-box-wrapper{gap:15px;}.elementor-6696 .elementor-element.elementor-element-34df399 .elementor-icon{font-size:17px;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2 .elementor-icon-box-wrapper{gap:15px;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2 .elementor-icon{font-size:17px;}.elementor-6696 .elementor-element.elementor-element-eed3e44{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6696 .elementor-element.elementor-element-eed3e44 .elementor-icon-box-wrapper{gap:15px;}.elementor-6696 .elementor-element.elementor-element-eed3e44 .elementor-icon{font-size:17px;}.elementor-6696 .elementor-element.elementor-element-38f6fe5 > .elementor-element-populated{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-6696 .elementor-element.elementor-element-103f20c2 .elementskit-section-title-wraper .elementskit-section-title{font-size:42px;line-height:52px;}.elementor-6696 .elementor-element.elementor-element-71ef311{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-6696 .elementor-element.elementor-element-lzvp6xl{padding:50px 30px 50px 30px;}.elementor-6696 .elementor-element.elementor-element-22ee4c7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6696 .elementor-element.elementor-element-23c37f6 .elementor-divider{text-align:center;}.elementor-6696 .elementor-element.elementor-element-23c37f6 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-6696 .elementor-element.elementor-element-6dd34d9 > .elementor-element-populated{padding:50px 0px 0px 0px;}.elementor-6696 .elementor-element.elementor-element-hfqs1lp:not(.elementor-motion-effects-element-type-background), .elementor-6696 .elementor-element.elementor-element-hfqs1lp > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-6696 .elementor-element.elementor-element-hfqs1lp{padding:60px 30px 60px 30px;}.elementor-6696 .elementor-element.elementor-element-4f55e66 > .elementor-element-populated{padding:0px 30px 30px 30px;}.elementor-6696 .elementor-element.elementor-element-54fa93a > .elementor-element-populated{margin:50px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 30px 30px 30px;}.elementor-6696 .elementor-element.elementor-element-1417db0 > .elementor-element-populated{padding:0px 30px 30px 30px;}.elementor-6696 .elementor-element.elementor-element-18ec486 > .elementor-element-populated{padding:0px 30px 30px 30px;}.elementor-6696 .elementor-element.elementor-element-2fe6409{padding:60px 30px 60px 30px;}.elementor-6696 .elementor-element.elementor-element-e6d0eba > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6696 .elementor-element.elementor-element-0d7d686{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 15px;}.elementor-6696 .elementor-element.elementor-element-9752367{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-6696 .elementor-element.elementor-element-25ung7e{padding:50px 20px 50px 20px;}.elementor-6696 .elementor-element.elementor-element-5b2a5f8{padding:15px 0px 0px 0px;}.elementor-6696 .elementor-element.elementor-element-e7gs0t9:not(.elementor-motion-effects-element-type-background), .elementor-6696 .elementor-element.elementor-element-e7gs0t9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-6696 .elementor-element.elementor-element-e7gs0t9{padding:50px 30px 50px 30px;}.elementor-6696 .elementor-element.elementor-element-4347efa > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6696 .elementor-element.elementor-element-c4f9c25{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--grid-column-gap:2px;}.elementor-6696 .elementor-element.elementor-element-c4f9c25 .elementor-social-icon{--icon-padding:1em;}.elementor-6696 .elementor-element.elementor-element-3c600d7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6696 .elementor-element.elementor-element-2006edb{text-align:center;}.elementor-6696 .elementor-element.elementor-element-34df399 .elementor-icon-box-wrapper{gap:10px;}.elementor-6696 .elementor-element.elementor-element-34df399 .elementor-icon{font-size:17px;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2 .elementor-icon-box-wrapper{gap:10px;}.elementor-6696 .elementor-element.elementor-element-fa4f6e2 .elementor-icon{font-size:17px;}.elementor-6696 .elementor-element.elementor-element-eed3e44 .elementor-icon-box-wrapper{gap:10px;}.elementor-6696 .elementor-element.elementor-element-eed3e44 .elementor-icon{font-size:17px;}.elementor-6696 .elementor-element.elementor-element-38f6fe5 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for elementskit-funfact, class: .elementor-element-8d32c27 *//* Target the widget container and force it to show the outer border */ .elementor-widget-fun-fact, .elementor-widget-counter, [data-widget_type*="fun-fact"] { position: relative !important; overflow: visible !important; } /* Select the actual box inside the widget based on image_dd82ff.png */ .elementor-widget-fun-fact .elementor-widget-container, [data-widget_type*="fun-fact"] .elementor-widget-container { position: relative !important; background: #1e1e1e; /* Matches your dark grey background */ border-radius: 12px; z-index: 1; } /* The Glitter Border Layer */ .elementor-widget-fun-fact .elementor-widget-container::before, [data-widget_type*="fun-fact"] .elementor-widget-container::before { content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; z-index: -1; border-radius: 16px; /* Keeps corners perfectly rounded */ /* Vibrant sparkling glitter colors */ background: linear-gradient( 135deg, #ffcc00 0%, #ffffff 20%, #ff6600 40%, #ffffff 60%, #00ccff 80%, #ffcc00 100% ); background-size: 300% 300%; /* Fast, shimmering animation */ animation: glitterSparkle 2.5s ease infinite; } /* Sparkling movement logic */ @keyframes glitterSparkle { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-1eed63de *//* Hide YouTube/Vimeo controls and titles */ .elementor-6696 .elementor-element.elementor-element-1eed63de iframe { pointer-events: none; /* Prevents clicking and hover states that trigger UI */ } /* Specifically target YouTube lingering elements */ .elementor-6696 .elementor-element.elementor-element-1eed63de .elementor-video iframe { border: none; } /* Hide any native HTML5 video controls if using Method 1 */ .elementor-6696 .elementor-element.elementor-element-1eed63de video::-webkit-media-controls { display: none !important; } .elementor-6696 .elementor-element.elementor-element-1eed63de video::-webkit-media-controls-play-button { display: none !important; } .elementor-6696 .elementor-element.elementor-element-1eed63de video::-webkit-media-controls-start-playback-button { display: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73ae1c1 */.elementor-6696 .elementor-element.elementor-element-73ae1c1 { background: linear-gradient(90deg, #E65100 0%, #000000 25%, #000000 75%, #0D47A1 100%) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ab1822a *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-6696 .elementor-element.elementor-element-ab1822a { 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-6696 .elementor-element.elementor-element-ab1822a .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-ab1822a .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-ab1822a .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-ab1822a 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-6696 .elementor-element.elementor-element-ab1822a .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-ab1822a .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-ab1822a .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-ab1822a 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-6696 .elementor-element.elementor-element-ab1822a .sleek-service-link::before, .elementor-6696 .elementor-element.elementor-element-ab1822a .elementor-heading-title::before, .elementor-6696 .elementor-element.elementor-element-ab1822a .elementor-icon-box-title span::before, .elementor-6696 .elementor-element.elementor-element-ab1822a 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-02f84e6 *//* 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-6696 .elementor-element.elementor-element-02f84e6 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-02f84e6 .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-02f84e6 .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-02f84e6 .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-02f84e6 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-6696 .elementor-element.elementor-element-02f84e6 .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-02f84e6 .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-02f84e6 .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-02f84e6 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-6696 .elementor-element.elementor-element-02f84e6 */ .elementor-6696 .elementor-element.elementor-element-02f84e6:hover .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-02f84e6:hover .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-02f84e6:hover .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-02f84e6: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-7a8f320 *//* 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-6696 .elementor-element.elementor-element-7a8f320 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-7a8f320 .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-7a8f320 .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-7a8f320 .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-7a8f320 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-6696 .elementor-element.elementor-element-7a8f320 .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-7a8f320 .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-7a8f320 .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-7a8f320 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-6696 .elementor-element.elementor-element-7a8f320 */ .elementor-6696 .elementor-element.elementor-element-7a8f320:hover .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-7a8f320:hover .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-7a8f320:hover .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-7a8f320: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-524deb8 *//* 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-6696 .elementor-element.elementor-element-524deb8 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-524deb8 .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-524deb8 .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-524deb8 .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-524deb8 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-6696 .elementor-element.elementor-element-524deb8 .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-524deb8 .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-524deb8 .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-524deb8 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-6696 .elementor-element.elementor-element-524deb8 */ .elementor-6696 .elementor-element.elementor-element-524deb8:hover .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-524deb8:hover .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-524deb8:hover .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-524deb8: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-3516bbf *//* 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-6696 .elementor-element.elementor-element-3516bbf { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-3516bbf .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-3516bbf .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-3516bbf .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-3516bbf 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-6696 .elementor-element.elementor-element-3516bbf .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-3516bbf .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-3516bbf .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-3516bbf 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-6696 .elementor-element.elementor-element-3516bbf */ .elementor-6696 .elementor-element.elementor-element-3516bbf:hover .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-3516bbf:hover .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-3516bbf:hover .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-3516bbf: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-e292477 *//* 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-6696 .elementor-element.elementor-element-e292477 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-e292477 .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-e292477 .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-e292477 .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-e292477 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-6696 .elementor-element.elementor-element-e292477 .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-e292477 .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-e292477 .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-e292477 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-6696 .elementor-element.elementor-element-e292477 */ .elementor-6696 .elementor-element.elementor-element-e292477:hover .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-e292477:hover .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-e292477:hover .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-e292477: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-896fb52 *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-6696 .elementor-element.elementor-element-896fb52 { 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-6696 .elementor-element.elementor-element-896fb52 .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-896fb52 .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-896fb52 .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-896fb52 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-6696 .elementor-element.elementor-element-896fb52 .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-896fb52 .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-896fb52 .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-896fb52 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-6696 .elementor-element.elementor-element-896fb52 .sleek-service-link::before, .elementor-6696 .elementor-element.elementor-element-896fb52 .elementor-heading-title::before, .elementor-6696 .elementor-element.elementor-element-896fb52 .elementor-icon-box-title span::before, .elementor-6696 .elementor-element.elementor-element-896fb52 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-c989042 *//* 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-6696 .elementor-element.elementor-element-c989042 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-c989042 .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-c989042 .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-c989042 .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-c989042 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-6696 .elementor-element.elementor-element-c989042 .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-c989042 .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-c989042 .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-c989042 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-6696 .elementor-element.elementor-element-c989042 */ .elementor-6696 .elementor-element.elementor-element-c989042:hover .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-c989042:hover .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-c989042:hover .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-c989042: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-c23dd0b *//* 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-6696 .elementor-element.elementor-element-c23dd0b { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-c23dd0b .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-c23dd0b .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-c23dd0b .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-c23dd0b 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-6696 .elementor-element.elementor-element-c23dd0b .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-c23dd0b .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-c23dd0b .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-c23dd0b 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-6696 .elementor-element.elementor-element-c23dd0b */ .elementor-6696 .elementor-element.elementor-element-c23dd0b:hover .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-c23dd0b:hover .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-c23dd0b:hover .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-c23dd0b: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-3d656bd *//* 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-6696 .elementor-element.elementor-element-3d656bd { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-3d656bd .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-3d656bd .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-3d656bd .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-3d656bd 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-6696 .elementor-element.elementor-element-3d656bd .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-3d656bd .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-3d656bd .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-3d656bd 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-6696 .elementor-element.elementor-element-3d656bd */ .elementor-6696 .elementor-element.elementor-element-3d656bd:hover .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-3d656bd:hover .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-3d656bd:hover .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-3d656bd: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-45f982c *//* 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-6696 .elementor-element.elementor-element-45f982c { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-45f982c .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-45f982c .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-45f982c .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-45f982c 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-6696 .elementor-element.elementor-element-45f982c .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-45f982c .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-45f982c .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-45f982c 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-6696 .elementor-element.elementor-element-45f982c */ .elementor-6696 .elementor-element.elementor-element-45f982c:hover .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-45f982c:hover .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-45f982c:hover .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-45f982c: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-0d7d686 *//* 1. Master Timeline: 4 completely different movement dynamics */ @keyframes neon-chaotic-loop { /* -------------------------------------------------- PASS 1: Smooth & Elegant (Left to Right) -------------------------------------------------- */ 0% { transform: scaleX(0); transform-origin: left center; opacity: 1; } 15% { transform: scaleX(1); transform-origin: left center; } 24.99% { transform: scaleX(0); transform-origin: right center; } /* -------------------------------------------------- PASS 2: The Glitch Burst (Center Outward) -------------------------------------------------- */ 25% { transform: scaleX(0); transform-origin: center center; } 28% { transform: scaleX(1); transform-origin: center center; opacity: 1; } 40% { opacity: 1; } 43% { opacity: 0.2; } /* Fast organic flicker */ 46% { opacity: 0.9; } 48% { opacity: 0.3; } 50% { transform: scaleX(0); transform-origin: center center; opacity: 1; } /* -------------------------------------------------- PASS 3: The High-Speed Zip (Right to Left) -------------------------------------------------- */ 50.01% { transform: scaleX(0); transform-origin: right center; } 55% { transform: scaleX(1); transform-origin: right center; } 74.99% { transform: scaleX(0); transform-origin: left center; } /* -------------------------------------------------- PASS 4: The Accented Crawl (Left to Right with a pause) -------------------------------------------------- */ 75% { transform: scaleX(0); transform-origin: left center; } 85% { transform: scaleX(0.5); transform-origin: left center; } 90% { transform: scaleX(0.5) translateX(50%); /* Shifts right smoothly */ transform-origin: left center; } 98% { transform: scaleX(1) translateX(0%); transform-origin: left center; opacity: 1; } 100% { transform: scaleX(0) translateX(0%); transform-origin: left center; opacity: 0; /* Smoothly fades out to match the 0% start state */ } } /* Ensure the parent elements handle rendering cleanly */ .elementor-6696 .elementor-element.elementor-element-0d7d686 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-0d7d686 .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-0d7d686 .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-0d7d686 .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-0d7d686 a { position: relative; display: inline-block !important; text-decoration: none !important; padding-bottom: 6px; } /* Create the neon underline and apply the chaotic dynamic loop */ .elementor-6696 .elementor-element.elementor-element-0d7d686 .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-0d7d686 .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-0d7d686 .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-0d7d686 a::after { content: '' !important; position: absolute !important; height: 3px !important; bottom: 0 !important; left: 0 !important; width: 100% !important; /* Fixed at 100%, scaling handles the rest */ /* 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 Accelerated Properties */ will-change: transform, opacity; backface-visibility: hidden; /* Changed to linear because timing shifts are now perfectly hardcoded into the keyframes */ animation: neon-chaotic-loop 12s infinite linear !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-e4a0734 *//* 1. Master Timeline: 4 completely different movement dynamics */ @keyframes neon-chaotic-loop { /* -------------------------------------------------- PASS 1: Smooth & Elegant (Left to Right) -------------------------------------------------- */ 0% { transform: scaleX(0); transform-origin: left center; opacity: 1; } 15% { transform: scaleX(1); transform-origin: left center; } 24.99% { transform: scaleX(0); transform-origin: right center; } /* -------------------------------------------------- PASS 2: The Glitch Burst (Center Outward) -------------------------------------------------- */ 25% { transform: scaleX(0); transform-origin: center center; } 28% { transform: scaleX(1); transform-origin: center center; opacity: 1; } 40% { opacity: 1; } 43% { opacity: 0.2; } /* Fast organic flicker */ 46% { opacity: 0.9; } 48% { opacity: 0.3; } 50% { transform: scaleX(0); transform-origin: center center; opacity: 1; } /* -------------------------------------------------- PASS 3: The High-Speed Zip (Right to Left) -------------------------------------------------- */ 50.01% { transform: scaleX(0); transform-origin: right center; } 55% { transform: scaleX(1); transform-origin: right center; } 74.99% { transform: scaleX(0); transform-origin: left center; } /* -------------------------------------------------- PASS 4: The Accented Crawl (Left to Right with a pause) -------------------------------------------------- */ 75% { transform: scaleX(0); transform-origin: left center; } 85% { transform: scaleX(0.5); transform-origin: left center; } 90% { transform: scaleX(0.5) translateX(50%); /* Shifts right smoothly */ transform-origin: left center; } 98% { transform: scaleX(1) translateX(0%); transform-origin: left center; opacity: 1; } 100% { transform: scaleX(0) translateX(0%); transform-origin: left center; opacity: 0; /* Smoothly fades out to match the 0% start state */ } } /* Ensure the parent elements handle rendering cleanly */ .elementor-6696 .elementor-element.elementor-element-e4a0734 { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-e4a0734 .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-e4a0734 .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-e4a0734 .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-e4a0734 a { position: relative; display: inline-block !important; text-decoration: none !important; padding-bottom: 6px; } /* Create the neon underline and apply the chaotic dynamic loop */ .elementor-6696 .elementor-element.elementor-element-e4a0734 .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-e4a0734 .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-e4a0734 .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-e4a0734 a::after { content: '' !important; position: absolute !important; height: 3px !important; bottom: 0 !important; left: 0 !important; width: 100% !important; /* Fixed at 100%, scaling handles the rest */ /* 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 Accelerated Properties */ will-change: transform, opacity; backface-visibility: hidden; /* Changed to linear because timing shifts are now perfectly hardcoded into the keyframes */ animation: neon-chaotic-loop 12s infinite linear !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-94973ef *//* 1. Master Timeline: 4 completely different movement dynamics */ @keyframes neon-chaotic-loop { /* -------------------------------------------------- PASS 1: Smooth & Elegant (Left to Right) -------------------------------------------------- */ 0% { transform: scaleX(0); transform-origin: left center; opacity: 1; } 15% { transform: scaleX(1); transform-origin: left center; } 24.99% { transform: scaleX(0); transform-origin: right center; } /* -------------------------------------------------- PASS 2: The Glitch Burst (Center Outward) -------------------------------------------------- */ 25% { transform: scaleX(0); transform-origin: center center; } 28% { transform: scaleX(1); transform-origin: center center; opacity: 1; } 40% { opacity: 1; } 43% { opacity: 0.2; } /* Fast organic flicker */ 46% { opacity: 0.9; } 48% { opacity: 0.3; } 50% { transform: scaleX(0); transform-origin: center center; opacity: 1; } /* -------------------------------------------------- PASS 3: The High-Speed Zip (Right to Left) -------------------------------------------------- */ 50.01% { transform: scaleX(0); transform-origin: right center; } 55% { transform: scaleX(1); transform-origin: right center; } 74.99% { transform: scaleX(0); transform-origin: left center; } /* -------------------------------------------------- PASS 4: The Accented Crawl (Left to Right with a pause) -------------------------------------------------- */ 75% { transform: scaleX(0); transform-origin: left center; } 85% { transform: scaleX(0.5); transform-origin: left center; } 90% { transform: scaleX(0.5) translateX(50%); /* Shifts right smoothly */ transform-origin: left center; } 98% { transform: scaleX(1) translateX(0%); transform-origin: left center; opacity: 1; } 100% { transform: scaleX(0) translateX(0%); transform-origin: left center; opacity: 0; /* Smoothly fades out to match the 0% start state */ } } /* Ensure the parent elements handle rendering cleanly */ .elementor-6696 .elementor-element.elementor-element-94973ef { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-94973ef .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-94973ef .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-94973ef .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-94973ef a { position: relative; display: inline-block !important; text-decoration: none !important; padding-bottom: 6px; } /* Create the neon underline and apply the chaotic dynamic loop */ .elementor-6696 .elementor-element.elementor-element-94973ef .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-94973ef .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-94973ef .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-94973ef a::after { content: '' !important; position: absolute !important; height: 3px !important; bottom: 0 !important; left: 0 !important; width: 100% !important; /* Fixed at 100%, scaling handles the rest */ /* 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 Accelerated Properties */ will-change: transform, opacity; backface-visibility: hidden; /* Changed to linear because timing shifts are now perfectly hardcoded into the keyframes */ animation: neon-chaotic-loop 12s infinite linear !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5c1369a *//* 1. Master Timeline: 4 completely different movement dynamics */ @keyframes neon-chaotic-loop { /* -------------------------------------------------- PASS 1: Smooth & Elegant (Left to Right) -------------------------------------------------- */ 0% { transform: scaleX(0); transform-origin: left center; opacity: 1; } 15% { transform: scaleX(1); transform-origin: left center; } 24.99% { transform: scaleX(0); transform-origin: right center; } /* -------------------------------------------------- PASS 2: The Glitch Burst (Center Outward) -------------------------------------------------- */ 25% { transform: scaleX(0); transform-origin: center center; } 28% { transform: scaleX(1); transform-origin: center center; opacity: 1; } 40% { opacity: 1; } 43% { opacity: 0.2; } /* Fast organic flicker */ 46% { opacity: 0.9; } 48% { opacity: 0.3; } 50% { transform: scaleX(0); transform-origin: center center; opacity: 1; } /* -------------------------------------------------- PASS 3: The High-Speed Zip (Right to Left) -------------------------------------------------- */ 50.01% { transform: scaleX(0); transform-origin: right center; } 55% { transform: scaleX(1); transform-origin: right center; } 74.99% { transform: scaleX(0); transform-origin: left center; } /* -------------------------------------------------- PASS 4: The Accented Crawl (Left to Right with a pause) -------------------------------------------------- */ 75% { transform: scaleX(0); transform-origin: left center; } 85% { transform: scaleX(0.5); transform-origin: left center; } 90% { transform: scaleX(0.5) translateX(50%); /* Shifts right smoothly */ transform-origin: left center; } 98% { transform: scaleX(1) translateX(0%); transform-origin: left center; opacity: 1; } 100% { transform: scaleX(0) translateX(0%); transform-origin: left center; opacity: 0; /* Smoothly fades out to match the 0% start state */ } } /* Ensure the parent elements handle rendering cleanly */ .elementor-6696 .elementor-element.elementor-element-5c1369a { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-5c1369a .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-5c1369a .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-5c1369a .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-5c1369a a { position: relative; display: inline-block !important; text-decoration: none !important; padding-bottom: 6px; } /* Create the neon underline and apply the chaotic dynamic loop */ .elementor-6696 .elementor-element.elementor-element-5c1369a .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-5c1369a .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-5c1369a .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-5c1369a a::after { content: '' !important; position: absolute !important; height: 3px !important; bottom: 0 !important; left: 0 !important; width: 100% !important; /* Fixed at 100%, scaling handles the rest */ /* 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 Accelerated Properties */ will-change: transform, opacity; backface-visibility: hidden; /* Changed to linear because timing shifts are now perfectly hardcoded into the keyframes */ animation: neon-chaotic-loop 12s infinite linear !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-541449d *//* 1. Master Timeline: 4 completely different movement dynamics */ @keyframes neon-chaotic-loop { /* -------------------------------------------------- PASS 1: Smooth & Elegant (Left to Right) -------------------------------------------------- */ 0% { transform: scaleX(0); transform-origin: left center; opacity: 1; } 15% { transform: scaleX(1); transform-origin: left center; } 24.99% { transform: scaleX(0); transform-origin: right center; } /* -------------------------------------------------- PASS 2: The Glitch Burst (Center Outward) -------------------------------------------------- */ 25% { transform: scaleX(0); transform-origin: center center; } 28% { transform: scaleX(1); transform-origin: center center; opacity: 1; } 40% { opacity: 1; } 43% { opacity: 0.2; } /* Fast organic flicker */ 46% { opacity: 0.9; } 48% { opacity: 0.3; } 50% { transform: scaleX(0); transform-origin: center center; opacity: 1; } /* -------------------------------------------------- PASS 3: The High-Speed Zip (Right to Left) -------------------------------------------------- */ 50.01% { transform: scaleX(0); transform-origin: right center; } 55% { transform: scaleX(1); transform-origin: right center; } 74.99% { transform: scaleX(0); transform-origin: left center; } /* -------------------------------------------------- PASS 4: The Accented Crawl (Left to Right with a pause) -------------------------------------------------- */ 75% { transform: scaleX(0); transform-origin: left center; } 85% { transform: scaleX(0.5); transform-origin: left center; } 90% { transform: scaleX(0.5) translateX(50%); /* Shifts right smoothly */ transform-origin: left center; } 98% { transform: scaleX(1) translateX(0%); transform-origin: left center; opacity: 1; } 100% { transform: scaleX(0) translateX(0%); transform-origin: left center; opacity: 0; /* Smoothly fades out to match the 0% start state */ } } /* Ensure the parent elements handle rendering cleanly */ .elementor-6696 .elementor-element.elementor-element-541449d { position: relative; } /* Target headings, links, or text tags inside your widget */ .elementor-6696 .elementor-element.elementor-element-541449d .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-541449d .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-541449d .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-541449d a { position: relative; display: inline-block !important; text-decoration: none !important; padding-bottom: 6px; } /* Create the neon underline and apply the chaotic dynamic loop */ .elementor-6696 .elementor-element.elementor-element-541449d .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-541449d .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-541449d .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-541449d a::after { content: '' !important; position: absolute !important; height: 3px !important; bottom: 0 !important; left: 0 !important; width: 100% !important; /* Fixed at 100%, scaling handles the rest */ /* 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 Accelerated Properties */ will-change: transform, opacity; backface-visibility: hidden; /* Changed to linear because timing shifts are now perfectly hardcoded into the keyframes */ animation: neon-chaotic-loop 12s infinite linear !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-93c78ec *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-6696 .elementor-element.elementor-element-93c78ec { 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-6696 .elementor-element.elementor-element-93c78ec .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-93c78ec .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-93c78ec .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-93c78ec 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-6696 .elementor-element.elementor-element-93c78ec .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-93c78ec .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-93c78ec .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-93c78ec 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-6696 .elementor-element.elementor-element-93c78ec .sleek-service-link::before, .elementor-6696 .elementor-element.elementor-element-93c78ec .elementor-heading-title::before, .elementor-6696 .elementor-element.elementor-element-93c78ec .elementor-icon-box-title span::before, .elementor-6696 .elementor-element.elementor-element-93c78ec 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-5b2a5f8 */.elementor-6696 .elementor-element.elementor-element-5b2a5f8 { background: linear-gradient(90deg, #E65100 0%, #000000 25%, #000000 75%, #0D47A1 100%) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2006edb *//* 1. Define the simulation wrapper for text elements to manage relative positioning */ .elementor-6696 .elementor-element.elementor-element-2006edb { 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-6696 .elementor-element.elementor-element-2006edb .sleek-service-link, .elementor-6696 .elementor-element.elementor-element-2006edb .elementor-heading-title, .elementor-6696 .elementor-element.elementor-element-2006edb .elementor-icon-box-title span, .elementor-6696 .elementor-element.elementor-element-2006edb 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-6696 .elementor-element.elementor-element-2006edb .sleek-service-link::after, .elementor-6696 .elementor-element.elementor-element-2006edb .elementor-heading-title::after, .elementor-6696 .elementor-element.elementor-element-2006edb .elementor-icon-box-title span::after, .elementor-6696 .elementor-element.elementor-element-2006edb 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-6696 .elementor-element.elementor-element-2006edb .sleek-service-link::before, .elementor-6696 .elementor-element.elementor-element-2006edb .elementor-heading-title::before, .elementor-6696 .elementor-element.elementor-element-2006edb .elementor-icon-box-title span::before, .elementor-6696 .elementor-element.elementor-element-2006edb 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 */