.elementor-1577 .elementor-element.elementor-element-0aa25b1:not(.elementor-motion-effects-element-type-background), .elementor-1577 .elementor-element.elementor-element-0aa25b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center right, #11579DF2 29%, #001D39F2 69%);}.elementor-1577 .elementor-element.elementor-element-0aa25b1 > .elementor-background-overlay{background-color:#13254B00;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/future-of-HVAC.webp");background-position:center center;background-size:cover;opacity:0.78;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1577 .elementor-element.elementor-element-0aa25b1{overflow:hidden;border-style:solid;border-width:4px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:1;}.elementor-1577 .elementor-element.elementor-element-0aa25b1 .elementor-background-overlay{filter:brightness( 82% ) contrast( 160% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-1d4a5d7.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-1d4a5d7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-1d4a5d7 > .elementor-element-populated{padding:0vw 0vw 0vw 4vw;}.elementor-1577 .elementor-element.elementor-element-1d4a5d7{z-index:25;}.elementor-1577 .elementor-element.elementor-element-0bb7b9f{--spacer-size:2vh;}.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-1577 .elementor-element.elementor-element-342a698{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-1577 .elementor-element.elementor-element-342a698 > .elementor-widget-container{margin:1.5vw 0vw -1.5vw 0vw;padding:0vw 0vw 1vw 0vw;}.elementor-1577 .elementor-element.elementor-element-342a698 .elementor-heading-title{font-family:"Kaushan Script", Sans-serif;font-size:8vw;font-weight:300;text-transform:capitalize;line-height:1.025em;letter-spacing:-4px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#FFEC21;stroke:#FFEC21;text-shadow:-6px 3px 0px #000000;color:#FBD60B;}.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-1577 .elementor-element.elementor-element-9811a2e{--divider-border-style:solid;--divider-color:#FFBA0F;--divider-border-width:4px;}.elementor-1577 .elementor-element.elementor-element-9811a2e .elementor-divider-separator{width:72%;margin:0 auto;margin-left:0;}.elementor-1577 .elementor-element.elementor-element-9811a2e .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-1577 .elementor-element.elementor-element-0e56234{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-1577 .elementor-element.elementor-element-0e56234 > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;padding:0vw 0vw 00.5vw 0vw;}.elementor-1577 .elementor-element.elementor-element-0e56234 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:5.8vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-1px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000000;stroke:#000000;text-shadow:-4px 3px 0px rgba(0, 0, 0, 0.93);color:var( --e-global-color-5a2622d );}.elementor-1577 .elementor-element.elementor-element-f08b10d{--divider-border-style:solid;--divider-color:#FFBA0F;--divider-border-width:4px;}.elementor-1577 .elementor-element.elementor-element-f08b10d .elementor-divider-separator{width:100%;}.elementor-1577 .elementor-element.elementor-element-f08b10d .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.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-1577 .elementor-element.elementor-element-113a53a{color:#FFFFFF;}.elementor-1577 .elementor-element.elementor-element-6be5cde{--spacer-size:1vh;}.elementor-1577 .elementor-element.elementor-element-82768d8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.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-1577 .elementor-element.elementor-element-cdf5146 .elementor-button{background-color:#83000100;font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:600;text-transform:uppercase;font-style:normal;letter-spacing:0px;text-shadow:0px 0px 33px rgba(0,0,0,0.3);fill:#ECECEC;color:#ECECEC;border-style:solid;border-color:#AE0001;border-radius:0em 0em 0em 0em;padding:0.75vw 2.5vw 0.350725vw 2.5vw;}.elementor-1577 .elementor-element.elementor-element-cdf5146{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:19;}.elementor-1577 .elementor-element.elementor-element-cdf5146 > .elementor-widget-container{margin:-0.5vw 0vw 00.5vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-1577 .elementor-element.elementor-element-cdf5146.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1577 .elementor-element.elementor-element-cdf5146:hover .elementor-widget-container{border-style:none;}.elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button:hover, .elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button:focus{border-color:#000000;}.elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button{background-color:#83000100;font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:600;text-transform:uppercase;font-style:normal;letter-spacing:0px;text-shadow:0px 0px 33px rgba(0,0,0,0.3);fill:#ECECEC;color:#ECECEC;border-style:solid;border-color:#AE0001;border-radius:0em 0em 0em 0em;padding:0.75vw 2.5vw 0.350725vw 2.5vw;}.elementor-1577 .elementor-element.elementor-element-e8fcff0 > .elementor-widget-container{margin:-0.5vw 0vw 00.5vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-1577 .elementor-element.elementor-element-e8fcff0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1577 .elementor-element.elementor-element-e8fcff0{z-index:19;}.elementor-1577 .elementor-element.elementor-element-e8fcff0:hover .elementor-widget-container{border-style:none;}.elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button:hover, .elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button:focus{border-color:#000000;}.elementor-1577 .elementor-element.elementor-element-ea168e1:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1577 .elementor-element.elementor-element-ea168e1 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #02A9F9 47%, #F2295B00 79%);}.elementor-1577 .elementor-element.elementor-element-ea168e1 > .elementor-element-populated > .elementor-background-overlay{background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/sgbr-1-1-1.png");opacity:0.27;filter:brightness( 0% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-ea168e1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1577 .elementor-element.elementor-element-ea168e1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1577 .elementor-element.elementor-element-ea168e1.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-1577 .elementor-element.elementor-element-ea168e1 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:8px;}.elementor-1577 .elementor-element.elementor-element-ea168e1 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1577 .elementor-element.elementor-element-ea168e1 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-ea168e1{z-index:5;}.elementor-1577 .elementor-element.elementor-element-e75c970{--spacer-size:9vh;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-1577 .elementor-element.elementor-element-ca47d14{left:0vw;}body.rtl .elementor-1577 .elementor-element.elementor-element-ca47d14{right:0vw;}.elementor-1577 .elementor-element.elementor-element-ca47d14{top:0vw;z-index:1;text-align:center;}.elementor-1577 .elementor-element.elementor-element-ca47d14 img{width:91%;opacity:0.1;filter:brightness( 112% ) contrast( 116% ) saturate( 117% ) blur( 0px ) hue-rotate( 230deg );}.elementor-1577 .elementor-element.elementor-element-e326045 > .elementor-widget-container{margin:0vw 4vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-e326045{z-index:9;text-align:center;}.elementor-1577 .elementor-element.elementor-element-e326045 img{width:54%;filter:brightness( 105% ) contrast( 106% ) saturate( 117% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1577 .elementor-element.elementor-element-61ab92e{--spacer-size:2vh;}.elementor-1577 .elementor-element.elementor-element-37aab19:not(.elementor-motion-effects-element-type-background), .elementor-1577 .elementor-element.elementor-element-37aab19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#011C3D;}.elementor-1577 .elementor-element.elementor-element-37aab19 .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1577 .elementor-element.elementor-element-37aab19 > .elementor-background-overlay{mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1577 .elementor-element.elementor-element-37aab19{border-style:none;box-shadow:0px 0px 44px 5px rgba(0, 0, 0, 0.42);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:00.5vw;margin-bottom:00.5vw;padding:00vw 00vw 00vw 00vw;z-index:6;}.elementor-1577 .elementor-element.elementor-element-37aab19, .elementor-1577 .elementor-element.elementor-element-37aab19 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-1577 .elementor-element.elementor-element-37aab19 > .elementor-shape-top .elementor-shape-fill{fill:#FEFB30;}.elementor-1577 .elementor-element.elementor-element-37aab19 > .elementor-shape-top svg{width:calc(0% + 1.3px);height:0px;}.elementor-1577 .elementor-element.elementor-element-37aab19 > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-1577 .elementor-element.elementor-element-37aab19 > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-1577 .elementor-element.elementor-element-37aab19 > .elementor-shape-bottom svg{width:calc(0% + 1.3px);height:0px;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1577 .elementor-element.elementor-element-e4b4bc2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001D3D;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-e4b4bc2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2 > .elementor-element-populated, .elementor-1577 .elementor-element.elementor-element-e4b4bc2 > .elementor-element-populated > .elementor-background-overlay, .elementor-1577 .elementor-element.elementor-element-e4b4bc2 > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-e35a337{--e-image-carousel-slides-to-show:3;width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;}.elementor-1577 .elementor-element.elementor-element-e35a337 > .elementor-widget-container{padding:1vw 0vw 00.5vw 0vw;}.elementor-1577 .elementor-element.elementor-element-e35a337 .swiper-wrapper{display:flex;align-items:center;}.elementor-1577 .elementor-element.elementor-element-b529b06:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1577 .elementor-element.elementor-element-b529b06 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFBE19;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-b529b06.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1577 .elementor-element.elementor-element-b529b06.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1577 .elementor-element.elementor-element-b529b06.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1577 .elementor-element.elementor-element-b529b06 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-1577 .elementor-element.elementor-element-b529b06 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1577 .elementor-element.elementor-element-b529b06 > .elementor-element-populated, .elementor-1577 .elementor-element.elementor-element-b529b06 > .elementor-element-populated > .elementor-background-overlay, .elementor-1577 .elementor-element.elementor-element-b529b06 > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-1577 .elementor-element.elementor-element-b529b06 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:.250vw .250vw .250vw .250vw;}.elementor-1577 .elementor-element.elementor-element-bb88181{width:var( --container-widget-width, 43% );max-width:43%;--container-widget-width:43%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-1577 .elementor-element.elementor-element-bb88181 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:00.5vw 0vw 0.5vw 0vw;}.elementor-1577 .elementor-element.elementor-element-bb88181 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:4.5vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-1px;color:#183166;}.elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button{background-color:#83000100;font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:600;text-transform:uppercase;font-style:normal;letter-spacing:0px;text-shadow:0px 0px 33px rgba(0,0,0,0.3);fill:#ECECEC;color:#ECECEC;border-style:solid;border-color:#AE0001;border-radius:0em 0em 0em 0em;padding:0.5075vw 2.5vw 0.2350725vw 2.5vw;}.elementor-1577 .elementor-element.elementor-element-968e70d{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;z-index:19;}.elementor-1577 .elementor-element.elementor-element-968e70d > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-1577 .elementor-element.elementor-element-968e70d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1577 .elementor-element.elementor-element-968e70d:hover .elementor-widget-container{border-style:none;}.elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button-content-wrapper{flex-direction:row;}.elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button:hover, .elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button:focus{border-color:#000000;}.elementor-1577 .elementor-element.elementor-element-750c6bf:not(.elementor-motion-effects-element-type-background), .elementor-1577 .elementor-element.elementor-element-750c6bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(80deg, #F3FAFFE8 31%, #AFD7E5 70%);}.elementor-1577 .elementor-element.elementor-element-750c6bf > .elementor-background-overlay{background-color:#ffffff;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/268973.jpg");background-position:18vw -11vh;background-size:cover;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1577 .elementor-element.elementor-element-750c6bf .elementor-background-overlay{filter:brightness( 105% ) contrast( 115% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1577 .elementor-element.elementor-element-750c6bf{border-style:solid;border-width:0px 0px 0px 0px;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:4vw 0vw 0vw 4vw;z-index:1;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-89d06da.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-89d06da.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-89d06da > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-4075f27{--spacer-size:1vh;}.elementor-1577 .elementor-element.elementor-element-461b3be > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1577 .elementor-element.elementor-element-461b3be, .elementor-1577 .elementor-element.elementor-element-461b3be > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-1577 .elementor-element.elementor-element-461b3be{margin-top:0vw;margin-bottom:0vw;z-index:25;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-442fe47.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-442fe47.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-442fe47.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-1577 .elementor-element.elementor-element-442fe47 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-db748d5{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-1577 .elementor-element.elementor-element-db748d5 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-23ceb31{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-1577 .elementor-element.elementor-element-23ceb31 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-23ceb31 .elementor-heading-title{font-family:"Kaushan Script", Sans-serif;font-size:6.75vw;font-weight:500;text-transform:capitalize;line-height:1.025em;letter-spacing:-4px;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:#000000;stroke:#000000;text-shadow:-6px 3px 0px #0C3DA4;color:#FFD001;}.elementor-1577 .elementor-element.elementor-element-12c3ec7{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-1577 .elementor-element.elementor-element-12c3ec7 > .elementor-widget-container{margin:-0.25vw 0vw 2vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-12c3ec7 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:6.5vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-1px;color:#1D3D81;}.elementor-1577 .elementor-element.elementor-element-1a2776e{--spacer-size:3vh;}.elementor-1577 .elementor-element.elementor-element-1a2776e > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-9cc8eb2{color:#000000;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-e1ce470.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1577 .elementor-element.elementor-element-e1ce470.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1577 .elementor-element.elementor-element-e1ce470.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-1577 .elementor-element.elementor-element-e1ce470 > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-1577 .elementor-element.elementor-element-90d5194{--spacer-size:2px;}.elementor-1577 .elementor-element.elementor-element-f4be9f5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:00.5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button{background-color:#83000100;font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:600;text-transform:uppercase;font-style:normal;letter-spacing:0px;text-shadow:0px 0px 33px rgba(0,0,0,0.3);fill:#ECECEC;color:#ECECEC;border-style:solid;border-color:#AE0001;border-radius:0em 0em 0em 0em;padding:0.75vw 2.5vw 0.350725vw 2.5vw;}.elementor-1577 .elementor-element.elementor-element-73215b1{width:100%;max-width:100%;z-index:19;}.elementor-1577 .elementor-element.elementor-element-73215b1 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-1577 .elementor-element.elementor-element-73215b1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1577 .elementor-element.elementor-element-73215b1:hover .elementor-widget-container{border-style:none;}.elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button:hover, .elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button:focus{border-color:#000000;}.elementor-1577 .elementor-element.elementor-element-0cc098e{--spacer-size:1vh;}.elementor-1577 .elementor-element.elementor-element-e5da692{--spacer-size:2vh;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-716c7f4.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1577 .elementor-element.elementor-element-716c7f4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1577 .elementor-element.elementor-element-716c7f4.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1577 .elementor-element.elementor-element-716c7f4 > .elementor-element-populated{margin:4vw -3vw -4vw 3vw;--e-column-margin-right:-3vw;--e-column-margin-left:3vw;padding:0% 0% 0% 0%;}.elementor-1577 .elementor-element.elementor-element-5958189{--spacer-size:38vh;}.elementor-1577 .elementor-element.elementor-element-38d7d1c:not(.elementor-motion-effects-element-type-background), .elementor-1577 .elementor-element.elementor-element-38d7d1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center right, #1E3B79 0%, #09101F 54%);}.elementor-1577 .elementor-element.elementor-element-38d7d1c > .elementor-background-overlay{background-color:#ffffff;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/Air-conditioning-HVAC-service-technician-using-gauges-to-check-refrigerant-and-add-refrigerant._.jpg");background-size:cover;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1577 .elementor-element.elementor-element-38d7d1c .elementor-background-overlay{filter:brightness( 105% ) contrast( 105% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1577 .elementor-element.elementor-element-38d7d1c{border-style:solid;border-width:0px 0px 0px 0px;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:2vw;padding:2vw 0vw 0vw 3vw;z-index:4;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-47dc249.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-47dc249.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-47dc249 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-5237e07{--spacer-size:1vh;}.elementor-1577 .elementor-element.elementor-element-f929a8d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1577 .elementor-element.elementor-element-f929a8d, .elementor-1577 .elementor-element.elementor-element-f929a8d > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-1577 .elementor-element.elementor-element-f929a8d{margin-top:-0.5vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:25;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-4fcaa0c.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-4fcaa0c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-4fcaa0c.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-1577 .elementor-element.elementor-element-4fcaa0c > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-fdc6ee3{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-1577 .elementor-element.elementor-element-fdc6ee3 > .elementor-widget-container{margin:0.5vw 0vw 2vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-fdc6ee3 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:4.5vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-1px;color:#FFD826;}.elementor-1577 .elementor-element.elementor-element-4efdefb{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-1577 .elementor-element.elementor-element-4efdefb > .elementor-widget-container{margin:-3vw 0vw 2vw 00.25vw;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-4efdefb .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1em;letter-spacing:0px;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-7427d6c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1577 .elementor-element.elementor-element-7427d6c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1577 .elementor-element.elementor-element-7427d6c.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-1577 .elementor-element.elementor-element-7427d6c > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-1577 .elementor-element.elementor-element-d4070eb{--spacer-size:2px;}.elementor-1577 .elementor-element.elementor-element-b09d8b9{--spacer-size:3vh;}.elementor-1577 .elementor-element.elementor-element-b09d8b9 > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1577 .elementor-element.elementor-element-da8e5fe{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:1.1vw;--icon-vertical-offset:0px;}.elementor-1577 .elementor-element.elementor-element-da8e5fe > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-item:not(:last-child):after{content:"";width:92%;border-color:#1B57B6;}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:dashed;border-block-start-width:1px;}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:dashed;}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-5a2622d );}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-5a2622d );}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-item > a{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:500;line-height:1.3em;}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-1577 .elementor-element.elementor-element-9139a83{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:3vw;--margin-bottom:2.5vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1577 .elementor-element.elementor-element-031813a .elementor-button{background-color:#83000100;font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:600;text-transform:uppercase;font-style:normal;letter-spacing:0px;text-shadow:0px 0px 33px rgba(0,0,0,0.3);fill:#ECECEC;color:#ECECEC;border-style:solid;border-color:#AE0001;border-radius:0em 0em 0em 0em;padding:0.75vw 2.5vw 0.350725vw 2.5vw;}.elementor-1577 .elementor-element.elementor-element-031813a{width:100%;max-width:100%;z-index:19;}.elementor-1577 .elementor-element.elementor-element-031813a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-1577 .elementor-element.elementor-element-031813a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1577 .elementor-element.elementor-element-031813a:hover .elementor-widget-container{border-style:none;}.elementor-1577 .elementor-element.elementor-element-031813a .elementor-button-content-wrapper{flex-direction:row;}.elementor-1577 .elementor-element.elementor-element-031813a .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1577 .elementor-element.elementor-element-031813a .elementor-button:hover, .elementor-1577 .elementor-element.elementor-element-031813a .elementor-button:focus{border-color:#000000;}.elementor-1577 .elementor-element.elementor-element-dc8d017{--spacer-size:5vh;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-43b9edf.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1577 .elementor-element.elementor-element-43b9edf.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1577 .elementor-element.elementor-element-43b9edf.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-1577 .elementor-element.elementor-element-43b9edf > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:8px;}.elementor-1577 .elementor-element.elementor-element-43b9edf > .elementor-element-populated{border-style:none;margin:-1vw -1vw 0vw 1vw;--e-column-margin-right:-1vw;--e-column-margin-left:1vw;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-43b9edf{z-index:25;}.elementor-1577 .elementor-element.elementor-element-60b59df{--spacer-size:9vh;}.elementor-1577 .elementor-element.elementor-element-59b8d18{width:var( --container-widget-width, 100.592% );max-width:100.592%;--container-widget-width:100.592%;--container-widget-flex-grow:0;z-index:28;text-align:center;}.elementor-1577 .elementor-element.elementor-element-59b8d18 > .elementor-widget-container{margin:-3vw 0vw 0vw 1vw;}.elementor-1577 .elementor-element.elementor-element-59b8d18.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1577 .elementor-element.elementor-element-59b8d18 img{width:77%;filter:brightness( 99% ) contrast( 112% ) saturate( 95% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1577 .elementor-element.elementor-element-44248f7 > .elementor-widget-container{margin:-30vw 1vw 0vw 5vw;}.elementor-1577 .elementor-element.elementor-element-44248f7{z-index:4;text-align:center;}.elementor-1577 .elementor-element.elementor-element-44248f7 img{width:100%;opacity:1;filter:brightness( 66666200% ) contrast( 200% ) saturate( 0% ) blur( 0px ) hue-rotate( 116deg );}.elementor-1577 .elementor-element.elementor-element-537b194 > .elementor-widget-container{margin:-45vw -3vw -12vw 0vw;}.elementor-1577 .elementor-element.elementor-element-537b194{z-index:15;text-align:center;}.elementor-1577 .elementor-element.elementor-element-537b194 img{width:100%;opacity:0.85;filter:brightness( 5106% ) contrast( 120% ) saturate( 33% ) blur( 0px ) hue-rotate( 160deg );}.elementor-1577 .elementor-element.elementor-element-8647130{--spacer-size:2vh;}body.elementor-page-1577:not(.elementor-motion-effects-element-type-background), body.elementor-page-1577 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-1577 .elementor-element.elementor-element-0aa25b1{padding:5vw 3vw 0vw 3vw;}.elementor-1577 .elementor-element.elementor-element-1d4a5d7 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-342a698 > .elementor-widget-container{margin:0vw 0vw -1vw 0vw;}.elementor-1577 .elementor-element.elementor-element-342a698{text-align:start;}.elementor-1577 .elementor-element.elementor-element-342a698 .elementor-heading-title{font-size:10vw;}.elementor-1577 .elementor-element.elementor-element-9811a2e .elementor-divider-separator{width:96%;}.elementor-1577 .elementor-element.elementor-element-0e56234 > .elementor-widget-container{margin:-2vw 0vw 1vw 0vw;}.elementor-1577 .elementor-element.elementor-element-0e56234{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-1577 .elementor-element.elementor-element-0e56234 .elementor-heading-title{font-size:6.6vw;}.elementor-1577 .elementor-element.elementor-element-cdf5146 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:0vw 2vw 0vw 2vw;}.elementor-1577 .elementor-element.elementor-element-e8fcff0 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:0vw 2vw 0vw 2vw;}.elementor-1577 .elementor-element.elementor-element-ca47d14 > .elementor-widget-container{margin:2vw 0vw -1vw 0vw;}.elementor-1577 .elementor-element.elementor-element-e326045 > .elementor-widget-container{margin:-3vw -2vw -9vw 3vw;}.elementor-1577 .elementor-element.elementor-element-37aab19{margin-top:0px;margin-bottom:0px;padding:2vw 1vw 2vw 3vw;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-e35a337{--e-image-carousel-slides-to-show:4;--container-widget-width:83%;--container-widget-flex-grow:0;width:var( --container-widget-width, 83% );max-width:83%;}.elementor-1577 .elementor-element.elementor-element-e35a337 > .elementor-widget-container{padding:0vw 0vw 1vw 0vw;}.elementor-1577 .elementor-element.elementor-element-b529b06.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1577 .elementor-element.elementor-element-b529b06 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 2vw;}.elementor-1577 .elementor-element.elementor-element-bb88181 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-bb88181{--container-widget-width:43%;--container-widget-flex-grow:0;width:var( --container-widget-width, 43% );max-width:43%;text-align:start;}.elementor-1577 .elementor-element.elementor-element-bb88181 .elementor-heading-title{font-size:8vw;}.elementor-1577 .elementor-element.elementor-element-968e70d > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button{font-size:3vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-1577 .elementor-element.elementor-element-750c6bf > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-1577 .elementor-element.elementor-element-750c6bf{padding:10vw 0vw 6vw 3vw;}.elementor-1577 .elementor-element.elementor-element-4075f27{--spacer-size:1vh;}.elementor-1577 .elementor-element.elementor-element-461b3be{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-442fe47 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-1577 .elementor-element.elementor-element-db748d5{--container-widget-width:16%;--container-widget-flex-grow:0;width:var( --container-widget-width, 16% );max-width:16%;}.elementor-1577 .elementor-element.elementor-element-23ceb31 > .elementor-widget-container{margin:-3vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-23ceb31{--container-widget-width:78%;--container-widget-flex-grow:0;width:var( --container-widget-width, 78% );max-width:78%;text-align:start;}.elementor-1577 .elementor-element.elementor-element-23ceb31 .elementor-heading-title{font-size:8.7vw;}.elementor-1577 .elementor-element.elementor-element-12c3ec7 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-12c3ec7{text-align:start;}.elementor-1577 .elementor-element.elementor-element-12c3ec7 .elementor-heading-title{font-size:8.3vw;}.elementor-1577 .elementor-element.elementor-element-e1ce470 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-1577 .elementor-element.elementor-element-73215b1 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-1577 .elementor-element.elementor-element-0cc098e{--spacer-size:1vh;}.elementor-1577 .elementor-element.elementor-element-e5da692{--spacer-size:1vh;}.elementor-1577 .elementor-element.elementor-element-716c7f4 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-1577 .elementor-element.elementor-element-38d7d1c{padding:6vw 3vw 7vw 3.5vw;}.elementor-1577 .elementor-element.elementor-element-f929a8d{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-4fcaa0c > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-1577 .elementor-element.elementor-element-fdc6ee3 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-fdc6ee3{text-align:start;}.elementor-1577 .elementor-element.elementor-element-fdc6ee3 .elementor-heading-title{font-size:8.2vw;}.elementor-1577 .elementor-element.elementor-element-4efdefb > .elementor-widget-container{margin:-2vw 0vw 2vw 0vw;}.elementor-1577 .elementor-element.elementor-element-4efdefb{text-align:start;}.elementor-1577 .elementor-element.elementor-element-4efdefb .elementor-heading-title{font-size:2vw;}.elementor-1577 .elementor-element.elementor-element-7427d6c > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-1577 .elementor-element.elementor-element-da8e5fe{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-icon-list-icon-size:1.7vw;}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-item > a{font-size:2vw;}.elementor-1577 .elementor-element.elementor-element-031813a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-031813a .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-1577 .elementor-element.elementor-element-dc8d017{--spacer-size:0.1vh;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-43b9edf.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-43b9edf.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1577 .elementor-element.elementor-element-43b9edf > .elementor-element-populated{padding:33vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-59b8d18 > .elementor-widget-container{margin:-29vw -9vw 0vw -11vw;}.elementor-1577 .elementor-element.elementor-element-44248f7 > .elementor-widget-container{margin:-56vw 2vw 0vw 2vw;}.elementor-1577 .elementor-element.elementor-element-537b194 > .elementor-widget-container{margin:-57vw 0vw 0vw 0vw;}}@media(max-width:767px){.elementor-1577 .elementor-element.elementor-element-0aa25b1:not(.elementor-motion-effects-element-type-background), .elementor-1577 .elementor-element.elementor-element-0aa25b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #11579DF2 -50%, #001D39F2 23%);}.elementor-1577 .elementor-element.elementor-element-0aa25b1{padding:38vw 6vw 0vw 6vw;}.elementor-1577 .elementor-element.elementor-element-1d4a5d7 > .elementor-element-populated{margin:-6vw 0vw 0vw 1vw;--e-column-margin-right:0vw;--e-column-margin-left:1vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-0bb7b9f{--spacer-size:0.1rem;}.elementor-1577 .elementor-element.elementor-element-342a698 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-342a698{z-index:15;text-align:start;}.elementor-1577 .elementor-element.elementor-element-342a698 .elementor-heading-title{font-size:16vw;line-height:1em;letter-spacing:0em;}.elementor-1577 .elementor-element.elementor-element-0e56234 > .elementor-widget-container{margin:-5vw 0vw 3vw 0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-0e56234{z-index:15;text-align:start;}.elementor-1577 .elementor-element.elementor-element-0e56234 .elementor-heading-title{font-size:12vw;line-height:1em;letter-spacing:0em;}.elementor-1577 .elementor-element.elementor-element-cdf5146 > .elementor-widget-container{margin:0vw 0vw 0vw 0.215vw;}.elementor-1577 .elementor-element.elementor-element-cdf5146{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-1577 .elementor-element.elementor-element-e8fcff0{width:100%;max-width:100%;}.elementor-1577 .elementor-element.elementor-element-e8fcff0 > .elementor-widget-container{margin:0vw 0vw 0vw 0.215vw;}.elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-1577 .elementor-element.elementor-element-ea168e1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-e326045 > .elementor-widget-container{margin:-17vw 0vw 0vw 7vw;}.elementor-1577 .elementor-element.elementor-element-37aab19, .elementor-1577 .elementor-element.elementor-element-37aab19 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-37aab19{margin-top:0px;margin-bottom:0px;padding:2vw 0vw 2vw -1vw;z-index:5;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-e35a337{--e-image-carousel-slides-to-show:2;}.elementor-1577 .elementor-element.elementor-element-e35a337 > .elementor-widget-container{padding:2vw 0vw 2vw 0vw;}.elementor-1577 .elementor-element.elementor-element-b529b06.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1577 .elementor-element.elementor-element-b529b06 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-bb88181 > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-bb88181{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;z-index:15;text-align:center;}.elementor-1577 .elementor-element.elementor-element-bb88181 .elementor-heading-title{font-size:13vw;line-height:1em;letter-spacing:0em;}.elementor-1577 .elementor-element.elementor-element-968e70d{width:100%;max-width:100%;}.elementor-1577 .elementor-element.elementor-element-968e70d > .elementor-widget-container{margin:2vw 0vw 2vw 0.215vw;}.elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button{font-size:7vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-1577 .elementor-element.elementor-element-750c6bf:not(.elementor-motion-effects-element-type-background), .elementor-1577 .elementor-element.elementor-element-750c6bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(217deg, #F3FAFFE8 0%, #AFD7E5 100%);}.elementor-1577 .elementor-element.elementor-element-750c6bf > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-1577 .elementor-element.elementor-element-750c6bf{padding:38vw 0vw 20vw 0vw;}.elementor-1577 .elementor-element.elementor-element-89d06da > .elementor-element-populated{margin:-6vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 5vw 0vw 5vw;}.elementor-1577 .elementor-element.elementor-element-461b3be{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-442fe47 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-23ceb31 > .elementor-widget-container{margin:-4vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-23ceb31{z-index:15;text-align:start;}.elementor-1577 .elementor-element.elementor-element-23ceb31 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-1577 .elementor-element.elementor-element-12c3ec7 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-12c3ec7{z-index:15;text-align:start;}.elementor-1577 .elementor-element.elementor-element-12c3ec7 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-1577 .elementor-element.elementor-element-e1ce470 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-1577 .elementor-element.elementor-element-73215b1 > .elementor-widget-container{margin:0vw 0vw 0vw 0.215vw;}.elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-bc-flex-widget .elementor-1577 .elementor-element.elementor-element-716c7f4.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1577 .elementor-element.elementor-element-716c7f4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1577 .elementor-element.elementor-element-716c7f4.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-1577 .elementor-element.elementor-element-716c7f4 > .elementor-element-populated{margin:-30vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0% 0% 0% 0%;}.elementor-1577 .elementor-element.elementor-element-5958189{--spacer-size:1vh;}.elementor-1577 .elementor-element.elementor-element-38d7d1c:not(.elementor-motion-effects-element-type-background), .elementor-1577 .elementor-element.elementor-element-38d7d1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #1E3B79 -66%, #09101F 74%);}.elementor-1577 .elementor-element.elementor-element-38d7d1c{margin-top:0vw;margin-bottom:0vw;padding:27vw 5vw 20vw 5vw;}.elementor-1577 .elementor-element.elementor-element-47dc249 > .elementor-element-populated{margin:-19vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-f929a8d{margin-top:2vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-4fcaa0c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-1577 .elementor-element.elementor-element-fdc6ee3 > .elementor-widget-container{margin:0vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-fdc6ee3{z-index:15;text-align:start;}.elementor-1577 .elementor-element.elementor-element-fdc6ee3 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-1577 .elementor-element.elementor-element-4efdefb > .elementor-widget-container{margin:-4vw 0vw 1vw 0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-4efdefb{z-index:15;text-align:start;}.elementor-1577 .elementor-element.elementor-element-4efdefb .elementor-heading-title{font-size:4vw;line-height:1.1em;letter-spacing:0em;}.elementor-1577 .elementor-element.elementor-element-7427d6c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-1577 .elementor-element.elementor-element-da8e5fe > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-da8e5fe{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-icon-list-icon-size:4vw;}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(9px/2);}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-9px/2);}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-9px/2);}.elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1577 .elementor-element.elementor-element-da8e5fe .elementor-icon-list-item > a{font-size:3.8vw;}.elementor-1577 .elementor-element.elementor-element-9139a83{--margin-top:8vw;--margin-bottom:-12vw;--margin-left:8vw;--margin-right:0vw;}.elementor-1577 .elementor-element.elementor-element-031813a > .elementor-widget-container{margin:0vw 0vw 0vw 0.215vw;}.elementor-1577 .elementor-element.elementor-element-031813a .elementor-button{font-size:4.5vw;padding:3vw 3vw 3vw 3vw;}.elementor-1577 .elementor-element.elementor-element-43b9edf > .elementor-element-populated{margin:-10vw 0vw 2vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-1577 .elementor-element.elementor-element-60b59df{--spacer-size:1vh;}.elementor-1577 .elementor-element.elementor-element-59b8d18 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-44248f7 > .elementor-widget-container{margin:-77vw 0vw 0vw 0vw;}.elementor-1577 .elementor-element.elementor-element-44248f7 img{width:88%;}.elementor-1577 .elementor-element.elementor-element-537b194 > .elementor-widget-container{margin:-90vw 0vw 3vw 0vw;}}@media(min-width:768px){.elementor-1577 .elementor-element.elementor-element-1d4a5d7{width:51.454%;}.elementor-1577 .elementor-element.elementor-element-ea168e1{width:48.546%;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2{width:47.694%;}.elementor-1577 .elementor-element.elementor-element-b529b06{width:52.272%;}.elementor-1577 .elementor-element.elementor-element-89d06da{width:90%;}.elementor-1577 .elementor-element.elementor-element-442fe47{width:97.916%;}.elementor-1577 .elementor-element.elementor-element-e1ce470{width:2.084%;}.elementor-1577 .elementor-element.elementor-element-716c7f4{width:10%;}.elementor-1577 .elementor-element.elementor-element-4fcaa0c{width:97.916%;}.elementor-1577 .elementor-element.elementor-element-7427d6c{width:2.084%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1577 .elementor-element.elementor-element-1d4a5d7{width:50%;}.elementor-1577 .elementor-element.elementor-element-ea168e1{width:50%;}.elementor-1577 .elementor-element.elementor-element-e4b4bc2{width:100%;}.elementor-1577 .elementor-element.elementor-element-b529b06{width:100%;}.elementor-1577 .elementor-element.elementor-element-89d06da{width:54%;}.elementor-1577 .elementor-element.elementor-element-442fe47{width:100%;}.elementor-1577 .elementor-element.elementor-element-e1ce470{width:40%;}.elementor-1577 .elementor-element.elementor-element-716c7f4{width:45%;}.elementor-1577 .elementor-element.elementor-element-4fcaa0c{width:100%;}.elementor-1577 .elementor-element.elementor-element-7427d6c{width:40%;}}/* Start custom CSS for divider, class: .elementor-element-9811a2e */.elementor-1577 .elementor-element.elementor-element-9811a2e { -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for divider, class: .elementor-element-f08b10d */.elementor-1577 .elementor-element.elementor-element-f08b10d { -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdf5146 *//* ========================================= 1. SHIMMER VARIABLE ========================================= */ @property --shimmer-angle { syntax: ''; initial-value: 0deg; inherits: false; } /* ========================================= 2. PARENT OVERRIDES ========================================= */ .elementor-1577 .elementor-element.elementor-element-cdf5146 { overflow: visible !important; } .elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button-wrapper { position: relative; display: inline-flex; z-index: 1; min-width: fit-content; filter: drop-shadow(0px 15px 33px rgba(0, 0, 0, 0.6)); } /* ========================================= 3. THE RADAR WAVE (ALWAYS ON & SATURATED BLUE) ========================================= */ .elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button-wrapper::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* Deep, highly saturated blue */ background: #0033FF; z-index: -1; opacity: 0; filter: blur(15px); pointer-events: none; /* Animation moved here so it pulses by default, no hover required */ animation: radar-blue-wave 1.5s infinite ease-out; } /* ========================================= 4. BASE BUTTON ========================================= */ .elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button { --corner-size: 20px; position: relative; z-index: 2; overflow: visible; border: none !important; background: radial-gradient(circle, #F50100 10%, #8a0000 100%) !important; padding: 15px 25px !important; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; min-width: 180px; clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); transition: transform 0.3s ease, background 0.3s ease; } @media only screen and (max-width: 900px){ .elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button{ padding: 10px 19px !important; } } /* Persistent Shimmer Border */ .elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* 🔥 CHANGED: Increased by 1px (from 1.8px to 2.8px) */ --border-width: 2.8px; background: conic-gradient( from var(--shimmer-angle), #3a66bc6e 0%, #3a66bc6e 70%, #3a66bc 85%, #d0e0ff 90%, #3a66bc 95%, #3a66bc6e 100% ); animation: shimmerRotate 2.2s linear infinite; -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; } /* ========================================= 5. ANIMATIONS ========================================= */ @keyframes radar-blue-wave { 0% { transform: scale(0.95); opacity: 0.95; } 100% { transform: scale(1.6) scaleX(1.4); opacity: 0; } } @keyframes shimmerRotate { 0% { --shimmer-angle: 0deg; } 100% { --shimmer-angle: 360deg; } } .elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button:hover { transform: translateY(-5px); } .elementor-1577 .elementor-element.elementor-element-cdf5146:hover h6 { color: #ffffff !important; } /* ========================================= 6. ICON CONTAINER & SHAPE ========================================= */ .elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; /* 1.25x Larger Container */ width: 40px; height: 35px; /* 0.25x Padding Inside Container */ padding: 9px 10px; box-sizing: border-box; z-index: 1; } /* ROTATING NAVY HEX */ .elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button-icon::after { content: ""; position: absolute; inset: 0; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); background: #0B1D4C; z-index: -1; transform-origin: center; } .elementor-1577 .elementor-element.elementor-element-cdf5146:hover .elementor-button-icon::after { animation: hexSpin 15s linear infinite; } @keyframes hexSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* SVG ICON */ .elementor-1577 .elementor-element.elementor-element-cdf5146 .elementor-button-icon svg { transform: scale(1); transform-origin: center; fill: #ffffff !important; color: #ffffff !important; width: 100%; height: 100%; position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e8fcff0 *//* ========================================= 1. SHIMMER VARIABLE ========================================= */ @property --shimmer-angle { syntax: ''; initial-value: 0deg; inherits: false; } /* ========================================= 2. PARENT OVERRIDES ========================================= */ .elementor-1577 .elementor-element.elementor-element-e8fcff0 { overflow: visible !important; } .elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button-wrapper { position: relative; display: inline-flex; z-index: 1; min-width: fit-content; filter: drop-shadow(0px 15px 33px rgba(0, 0, 0, 0.6)); } /* ========================================= 3. THE RADAR WAVE (ALWAYS ON & SATURATED BLUE) ========================================= */ .elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button-wrapper::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* Deep, highly saturated blue */ background: #0033FF; z-index: -1; opacity: 0; filter: blur(15px); pointer-events: none; /* Animation moved here so it pulses by default, no hover required */ animation: radar-blue-wave 1.5s infinite ease-out; } /* ========================================= 4. BASE BUTTON ========================================= */ .elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button { --corner-size: 20px; position: relative; z-index: 2; overflow: visible; border: none !important; background: radial-gradient(circle, #F50100 10%, #8a0000 100%) !important; padding: 15px 25px !important; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; min-width: 180px; clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); transition: transform 0.3s ease, background 0.3s ease; } @media only screen and (max-width: 900px){ .elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button{ padding: 10px 19px !important; } } /* Persistent Shimmer Border */ .elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* 🔥 CHANGED: Increased by 1px (from 1.8px to 2.8px) */ --border-width: 2.8px; background: conic-gradient( from var(--shimmer-angle), #3a66bc6e 0%, #3a66bc6e 70%, #3a66bc 85%, #d0e0ff 90%, #3a66bc 95%, #3a66bc6e 100% ); animation: shimmerRotate 2.2s linear infinite; -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; } /* ========================================= 5. ANIMATIONS ========================================= */ @keyframes radar-blue-wave { 0% { transform: scale(0.95); opacity: 0.95; } 100% { transform: scale(1.6) scaleX(1.4); opacity: 0; } } @keyframes shimmerRotate { 0% { --shimmer-angle: 0deg; } 100% { --shimmer-angle: 360deg; } } .elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button:hover { transform: translateY(-5px); } .elementor-1577 .elementor-element.elementor-element-e8fcff0:hover h6 { color: #ffffff !important; } /* ========================================= 6. ICON CONTAINER & SHAPE ========================================= */ .elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; /* 1.25x Larger Container */ width: 40px; height: 35px; /* 0.25x Padding Inside Container */ padding: 9px 10px; box-sizing: border-box; z-index: 1; } /* ROTATING NAVY HEX */ .elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button-icon::after { content: ""; position: absolute; inset: 0; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); background: #0B1D4C; z-index: -1; transform-origin: center; } .elementor-1577 .elementor-element.elementor-element-e8fcff0:hover .elementor-button-icon::after { animation: hexSpin 15s linear infinite; } @keyframes hexSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* SVG ICON */ .elementor-1577 .elementor-element.elementor-element-e8fcff0 .elementor-button-icon svg { transform: scale(1); transform-origin: center; fill: #ffffff !important; color: #ffffff !important; width: 100%; height: 100%; position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ca47d14 */.elementor-1577 .elementor-element.elementor-element-ca47d14 img { -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, /* Top: fully visible */ rgba(0,0,0,1) 70%, /* Solid until fade zone starts (same distance) */ rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% /* Bottom: fully transparent */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% ); } .elementor-1577 .elementor-element.elementor-element-ca47d14 { transform: scale(1.75); transform-origin: center; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e326045 */.elementor-1577 .elementor-element.elementor-element-e326045 { transform: scale(1.355); transform-origin: center; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-0aa25b1 */.elementor-1577 .elementor-element.elementor-element-0aa25b1::before { content: ''; position: absolute; inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0; */ pointer-events: none; z-index: 2; background: repeating-linear-gradient( 45deg, rgba(0, 0, 0, 0.320131) 0 calc(1em), transparent calc(4em) calc(5em + 3vh) ); mix-blend-mode: overlay; /* 🔥 ADDED: Fades the shapes from the center to the right */ -webkit-mask-image: linear-gradient(to right, black 50%, transparent 100%); mask-image: linear-gradient(to right, black 50%, transparent 100%); } .elementor-1577 .elementor-element.elementor-element-0aa25b1 { /* --- 1. Corner Depth --- */ /* Increase this value to make the cut go deeper into the shape */ --corner-size: 50px; /* --- 2. The Balanced Clipping Path --- */ /* This maintains the 1:1 ratio (45-degree angle) on all corners */ clip-path: polygon( var(--corner-size) 0%, /* Top-left start */ calc(100% - var(--corner-size)) 0%, /* Top-right start */ 100% var(--corner-size), /* Top-right end */ 100% calc(100% - var(--corner-size)), /* Bottom-right start */ calc(100% - var(--corner-size)) 100%, /* Bottom-right end */ var(--corner-size) 100%, /* Bottom-left start */ 0% calc(100% - var(--corner-size)), /* Bottom-left end */ 0% var(--corner-size) /* Top-left end */ ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-e35a337 */x.elementor-1577 .elementor-element.elementor-element-e35a337 { -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); overflow: hidden; } .elementor-1577 .elementor-element.elementor-element-e35a337 { -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-968e70d *//* ========================================= 1. SHIMMER VARIABLE ========================================= */ /* 🔥 REMOVED: Custom property registration for shimmer angle deleted */ /* ========================================= 2. PARENT OVERRIDES ========================================= */ .elementor-1577 .elementor-element.elementor-element-968e70d { overflow: visible !important; } .elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button-wrapper { position: relative; display: inline-flex; z-index: 1; min-width: fit-content; /* 🔥 CHANGED: Default drop-shadow removed */ } /* ========================================= 3. BASE BUTTON ========================================= */ .elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button { --corner-size: 20px; position: relative; z-index: 2; overflow: visible; border: none !important; /* 🔥 CHANGED: Background updated to grades of navy blue */ background: radial-gradient(circle, #1c3d7a 10%, #061536 100%) !important; padding: 15px 25px !important; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; min-width: 180px; clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); transition: transform 0.3s ease, background 0.3s ease; } @media only screen and (max-width: 900px){ .elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button{ padding: 10px 19px !important; } } /* 🔥 REMOVED: .elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button::before block deleted to get rid of the shimmery beam border */ /* ========================================= 4. ANIMATIONS & HOVER STATES ========================================= */ /* 🔥 REMOVED: @keyframes shimmerRotate deleted */ /* Keeps only the physical floating effect */ .elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button:hover { transform: translateY(-5px); } .elementor-1577 .elementor-element.elementor-element-968e70d:hover h6 { color: #ffffff !important; } /* ========================================= 5. ICON CONTAINER & SHAPE ========================================= */ .elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 35px; padding: 9px 10px; box-sizing: border-box; z-index: 1; } /* ROTATING YELLOW-ORANGE HEX */ .elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button-icon::after { content: ""; position: absolute; inset: 0; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 CHANGED: Background updated to yellowish orange */ background: #F5A623; z-index: -1; transform-origin: center; } .elementor-1577 .elementor-element.elementor-element-968e70d:hover .elementor-button-icon::after { animation: hexSpin 15s linear infinite; } @keyframes hexSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* SVG ICON */ .elementor-1577 .elementor-element.elementor-element-968e70d .elementor-button-icon svg { transform: scale(1); transform-origin: center; /* 🔥 CHANGED: Updated from white to navy blue */ fill: #061536 !important; color: #061536 !important; width: 100%; height: 100%; position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-b529b06 */.elementor-1577 .elementor-element.elementor-element-b529b06 { /* --- VARIABLES --- */ --corner: 25px; /* Adjust the depth of the sci-fi cut here */ /* Prevent background or inner content from spilling out of the cut corners */ overflow: hidden; position: relative; /* --- THE ASYMMETRICAL SCI-FI CUT (LEFT SIDE ONLY) --- */ clip-path: polygon( var(--corner) 0%, /* Top Left Cut Start (Top edge) */ 100% 0%, /* Top Right (Square) */ 100% 100%, /* Bottom Right (Square) */ var(--corner) 100%, /* Bottom Left Cut Start (Bottom edge) */ 0% calc(100% - var(--corner)), /* Bottom Left Cut End (Left edge) */ 0% var(--corner) /* Top Left Cut End (Left edge) */ ); -webkit-clip-path: polygon( var(--corner) 0%, 100% 0%, 100% 100%, var(--corner) 100%, 0% calc(100% - var(--corner)), 0% var(--corner) ); }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-37aab19 */.elementor-1577 .elementor-element.elementor-element-37aab19 { /* --- 1. Variables --- */ --corner-size: 30px; /* Change this to 50px or whatever you need! */ --border-color: #011C3D; /* Navy Blue */ /* Standard border thickness (Top-Left, Bottom-Right, and straight edges) */ --border-width: 3px; /* 🔥 CHANGED: Extra 1px thickness specifically for Top-Right and Bottom-Left */ --border-width-thick: 4px; /* Required to keep the inner border overlay contained */ position: relative; /* --- 2. The Balanced Clipping Path --- */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* --- 3. The Navy Border Overlay --- */ .elementor-1577 .elementor-element.elementor-element-37aab19::after { content: ""; position: absolute; inset: 0; pointer-events: none; /* Let clicks pass right through to the content */ z-index: 10; /* Keeps the border clearly on top of the background */ background: /* A. The Straight Edges (All 3px) */ /* If you meant to thicken the straight edges too, change var(--border-width) to var(--border-width-thick) below! */ linear-gradient(var(--border-color), var(--border-color)) top center / 100% var(--border-width) no-repeat, linear-gradient(var(--border-color), var(--border-color)) bottom center / 100% var(--border-width) no-repeat, linear-gradient(var(--border-color), var(--border-color)) left center / var(--border-width) 100% no-repeat, linear-gradient(var(--border-color), var(--border-color)) right center / var(--border-width) 100% no-repeat, /* B. The Angled Corners */ /* Top Left (3px) */ linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), var(--border-color) calc(50% - var(--border-width)/2), var(--border-color) calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, /* 🔥 CHANGED: Top Right uses var(--border-width-thick) (4px) */ linear-gradient(225deg, transparent calc(50% - var(--border-width-thick)/2), var(--border-color) calc(50% - var(--border-width-thick)/2), var(--border-color) calc(50% + var(--border-width-thick)/2), transparent calc(50% + var(--border-width-thick)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, /* 🔥 CHANGED: Bottom Left uses var(--border-width-thick) (4px) */ linear-gradient(45deg, transparent calc(50% - var(--border-width-thick)/2), var(--border-color) calc(50% - var(--border-width-thick)/2), var(--border-color) calc(50% + var(--border-width-thick)/2), transparent calc(50% + var(--border-width-thick)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, /* Bottom Right (3px) */ linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), var(--border-color) calc(50% - var(--border-width)/2), var(--border-color) calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat; }/* End custom CSS */ /* Start custom CSS for spacer, class: .elementor-element-1a2776e *//* Ensure the main element can hold absolute positioned lines */ .elementor-1577 .elementor-element.elementor-element-1a2776e { position: relative; } /* Hide the ::after element since we are doing this perfectly in one continuous shape now */ .elementor-1577 .elementor-element.elementor-element-1a2776e::after { display: none !important; } /* Draw the continuous shape */ .elementor-1577 .elementor-element.elementor-element-1a2776e::before { content: ''; position: absolute; bottom: 0; /* --- CUSTOMIZE YOUR LINE HERE --- */ /* Stretching controls (Use %, px, or vw) */ --extend-left: 10%; /* Pulls the line outside the left edge */ --extend-right: 10%; /* Pushes the line outside the right edge */ /* We use RGB values here instead of Hex so we can control the opacity perfectly! */ --navy-rgb: 25, 59, 129; /* This is exactly #193B81 */ --line-thickness: 5px; /* BOLD 5px thickness */ --drop-height: 25px; /* How far down the step drops */ --top-width: 45%; /* How long the first top line is */ --slope-width: 35px; /* How stretched the angled part is */ /* -------------------------------- */ /* Automatically calculates the new extended width and positioning */ left: calc(-1 * var(--extend-left)); width: calc(100% + var(--extend-left) + var(--extend-right)); height: var(--drop-height); /* 1. Solid Background Color (Fade Eliminated) */ background: rgb(var(--navy-rgb)); /* 2. Clip-path carves out the perfectly clean step shape */ clip-path: polygon( 0 0, var(--top-width) 0, calc(var(--top-width) + var(--slope-width)) calc(100% - var(--line-thickness)), 100% calc(100% - var(--line-thickness)), 100% 100%, calc(var(--top-width) + var(--slope-width)) 100%, var(--top-width) var(--line-thickness), 0 var(--line-thickness) ); /* Vendor prefix for Safari compatibility */ -webkit-clip-path: polygon( 0 0, var(--top-width) 0, calc(var(--top-width) + var(--slope-width)) calc(100% - var(--line-thickness)), 100% calc(100% - var(--line-thickness)), 100% 100%, calc(var(--top-width) + var(--slope-width)) 100%, var(--top-width) var(--line-thickness), 0 var(--line-thickness) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-73215b1 *//* ========================================= 1. SHIMMER VARIABLE ========================================= */ @property --shimmer-angle { syntax: ''; initial-value: 0deg; inherits: false; } /* ========================================= 2. PARENT OVERRIDES ========================================= */ .elementor-1577 .elementor-element.elementor-element-73215b1 { overflow: visible !important; } .elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button-wrapper { position: relative; display: inline-flex; z-index: 1; min-width: fit-content; /* 🔥 CHANGED: Default drop-shadow removed */ } /* 🔥 CHANGED: Section 3 (The Radar Wave) has been completely removed to eliminate the emanating blues */ /* ========================================= 3. BASE BUTTON ========================================= */ .elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button { --corner-size: 20px; position: relative; z-index: 2; overflow: visible; border: none !important; background: radial-gradient(circle, #F50100 10%, #8a0000 100%) !important; padding: 15px 25px !important; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; min-width: 180px; clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); transition: transform 0.3s ease, background 0.3s ease; } @media only screen and (max-width: 900px){ .elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button{ padding: 10px 19px !important; } } /* Persistent Shimmer Border */ .elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; --border-width: 2.8px; background: conic-gradient( from var(--shimmer-angle), #3a66bc6e 0%, #3a66bc6e 70%, #3a66bc 85%, #d0e0ff 90%, #3a66bc 95%, #3a66bc6e 100% ); animation: shimmerRotate 2.2s linear infinite; -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; } /* ========================================= 4. ANIMATIONS & HOVER STATES ========================================= */ @keyframes shimmerRotate { 0% { --shimmer-angle: 0deg; } 100% { --shimmer-angle: 360deg; } } /* 🔥 CHANGED: Keeps only the physical floating effect */ .elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button:hover { transform: translateY(-5px); } .elementor-1577 .elementor-element.elementor-element-73215b1:hover h6 { color: #ffffff !important; } /* ========================================= 5. ICON CONTAINER & SHAPE ========================================= */ .elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 35px; padding: 9px 10px; box-sizing: border-box; z-index: 1; } /* ROTATING NAVY HEX */ .elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button-icon::after { content: ""; position: absolute; inset: 0; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); background: #0B1D4C; z-index: -1; transform-origin: center; } .elementor-1577 .elementor-element.elementor-element-73215b1:hover .elementor-button-icon::after { animation: hexSpin 15s linear infinite; } @keyframes hexSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* SVG ICON */ .elementor-1577 .elementor-element.elementor-element-73215b1 .elementor-button-icon svg { transform: scale(1); transform-origin: center; fill: #ffffff !important; color: #ffffff !important; width: 100%; height: 100%; position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4be9f5 *//* =================================================== 1. SETUP THE SPIN ELEMENT (HEXAGON) =================================================== */ /* Target the element with the class "spin" */ .spin { position: relative; width: 100px; /* Adjust size as needed */ height: 100px; background-color: transparent !important; overflow: visible; } .spin::before { content: ""; position: absolute; inset: -5px; z-index: 0; pointer-events: none; /* Your Hexagon SVG */ background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-position: center; background-repeat: no-repeat; /* Smooth return when hover stops */ transition: transform 0.5s ease-in-out; } /* =================================================== 2. THE REMOTE TRIGGER (HOVER BUTTON -> SPIN HEX) =================================================== */ /* When the button is hovered, find the sibling element classed ".spin" and animate its ::before pseudo-element. */ .elementor-button:hover ~ .spin::before, .elementor-button:hover + .spin::before, .elementor-1577 .elementor-element.elementor-element-f4be9f5:hover .spin::before { animation: hex-spin 4s linear infinite; } /* Keyframes for the rotation */ @keyframes hex-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* =================================================== 3. ELEMENTOR FIX (WIDGET SPACING) =================================================== */ /* Ensure the button and spin element stay beside each other if needed */ .elementor-1577 .elementor-element.elementor-element-f4be9f5 .elementor-widget-container { display: flex; align-items: center; gap: 20px; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-750c6bf */.elementor-1577 .elementor-element.elementor-element-750c6bf.elementor-section { position: relative; z-index: 1; /* High-Precision Symmetrical Cinematic Fade Top 15% Fade-In | Middle 70% Solid | Bottom 15% Fade-Out */ -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.013) 0.45%, rgba(0, 0, 0, 0.049) 0.9%, rgba(0, 0, 0, 0.104) 1.5%, rgba(0, 0, 0, 0.175) 2.6%, rgba(0, 0, 0, 0.352) 4.85%, rgba(0, 0, 0, 0.55) 7.1%, rgba(0, 0, 0, 0.741) 9.35%, rgba(0, 0, 0, 0.896) 11.6%, rgba(0, 0, 0, 1) 15%, /* Start Solid Area */ rgba(0, 0, 0, 1) 85%, /* End Solid Area */ rgba(0, 0, 0, 0.896) 88.4%, rgba(0, 0, 0, 0.741) 90.65%, rgba(0, 0, 0, 0.55) 92.9%, rgba(0, 0, 0, 0.352) 95.15%, rgba(0, 0, 0, 0.175) 97.4%, rgba(0, 0, 0, 0.104) 98.5%, rgba(0, 0, 0, 0.049) 99.1%, rgba(0, 0, 0, 0.013) 99.55%, rgba(0, 0, 0, 0) 100% ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.013) 0.45%, rgba(0, 0, 0, 0.049) 0.9%, rgba(0, 0, 0, 0.104) 1.5%, rgba(0, 0, 0, 0.175) 2.6%, rgba(0, 0, 0, 0.352) 4.85%, rgba(0, 0, 0, 0.55) 7.1%, rgba(0, 0, 0, 0.741) 9.35%, rgba(0, 0, 0, 0.896) 11.6%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0.896) 88.4%, rgba(0, 0, 0, 0.741) 90.65%, rgba(0, 0, 0, 0.55) 92.9%, rgba(0, 0, 0, 0.352) 95.15%, rgba(0, 0, 0, 0.175) 97.4%, rgba(0, 0, 0, 0.104) 98.5%, rgba(0, 0, 0, 0.049) 99.1%, rgba(0, 0, 0, 0.013) 99.55%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .elementor-1577 .elementor-element.elementor-element-750c6bf { filter: contrast(105%); } /* Target ONLY the section with 'halftone-overlay' class */ .halftone-overlay2 { position: relative; z-index: 0; overflow: hidden; } .halftone-overlay2::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(rgba(0, 0, 0, 0.15) 1px, transparent 1px); background-size: 3px 3px; mix-blend-mode: multiply; z-index: -1; pointer-events: none; } .elementor-1577 .elementor-element.elementor-element-750c6bf { position: relative; z-index: 0; overflow: hidden; } /* GRID OVERLAY */ .elementor-1577 .elementor-element.elementor-element-750c6bf::before { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background-image: linear-gradient(rgba(0, 0, 0, 0.4515) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.4515) 1px, transparent 1px); background-size: 4px 4px; mix-blend-mode: overlay; } /* BLUR LAYER */ .elementor-1577 .elementor-element.elementor-element-750c6bf::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } /* CONTENT ABOVE EFFECT */ .elementor-1577 .elementor-element.elementor-element-750c6bf > .elementor-container { position: relative; z-index: 2; } /* --------------------------------------------------------- DESKTOP & TABLET ONLY (min-width: 768px) FLIPPED MASK (RIGHT → LEFT) --------------------------------------------------------- */ @media (min-width: 768px) { .elementor-1577 .elementor-element.elementor-element-750c6bf::after { -webkit-mask-image: linear-gradient( to left, transparent 0%, transparent 10%, black 100% ); mask-image: linear-gradient( to left, transparent 0%, transparent 10%, black 100% ); } } /* 2. Apply precise cinematic fading ONLY on Mobile (767px and below) */ @media (max-width: 767px) { .elementor-1577 .elementor-element.elementor-element-750c6bf.elementor-section { position: relative; z-index: 1; /* High-Precision Symmetrical Cinematic Fade Top 7.5% Fade-In | Middle 85% Solid | Bottom 7.5% Fade-Out */ -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.013) 0.225%, rgba(0, 0, 0, 0.049) 0.45%, rgba(0, 0, 0, 0.104) 0.75%, rgba(0, 0, 0, 0.175) 1.3%, rgba(0, 0, 0, 0.352) 2.425%, rgba(0, 0, 0, 0.55) 3.55%, rgba(0, 0, 0, 0.741) 4.675%, rgba(0, 0, 0, 0.896) 5.8%, rgba(0, 0, 0, 1) 7.5%, /* Start Solid Area */ rgba(0, 0, 0, 1) 92.5%, /* End Solid Area */ rgba(0, 0, 0, 0.896) 94.2%, rgba(0, 0, 0, 0.741) 95.325%, rgba(0, 0, 0, 0.55) 96.45%, rgba(0, 0, 0, 0.352) 97.575%, rgba(0, 0, 0, 0.175) 98.7%, rgba(0, 0, 0, 0.104) 99.25%, rgba(0, 0, 0, 0.049) 99.55%, rgba(0, 0, 0, 0.013) 99.775%, rgba(0, 0, 0, 0) 100% ) !important; mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.013) 0.225%, rgba(0, 0, 0, 0.049) 0.45%, rgba(0, 0, 0, 0.104) 0.75%, rgba(0, 0, 0, 0.175) 1.3%, rgba(0, 0, 0, 0.352) 2.425%, rgba(0, 0, 0, 0.55) 3.55%, rgba(0, 0, 0, 0.741) 4.675%, rgba(0, 0, 0, 0.896) 5.8%, rgba(0, 0, 0, 1) 7.5%, rgba(0, 0, 0, 1) 92.5%, rgba(0, 0, 0, 0.896) 94.2%, rgba(0, 0, 0, 0.741) 95.325%, rgba(0, 0, 0, 0.55) 96.45%, rgba(0, 0, 0, 0.352) 97.575%, rgba(0, 0, 0, 0.175) 98.7%, rgba(0, 0, 0, 0.104) 99.25%, rgba(0, 0, 0, 0.049) 99.55%, rgba(0, 0, 0, 0.013) 99.775%, rgba(0, 0, 0, 0) 100% ) !important; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } }/* End custom CSS */ /* Start custom CSS for spacer, class: .elementor-element-b09d8b9 *//* Ensure the main element can hold absolute positioned lines */ .elementor-1577 .elementor-element.elementor-element-b09d8b9 { position: relative; } /* Hide the ::after element since we are doing this perfectly in one continuous shape now */ .elementor-1577 .elementor-element.elementor-element-b09d8b9::after { display: none !important; } /* Draw the continuous shape */ .elementor-1577 .elementor-element.elementor-element-b09d8b9::before { content: ''; position: absolute; bottom: 0; /* --- CUSTOMIZE YOUR LINE HERE --- */ /* Stretching controls (Use %, px, or vw) */ --extend-left: 10%; /* Pulls the line outside the left edge */ --extend-right: 10%; /* Pushes the line outside the right edge */ /* We use RGB values here instead of Hex */ --white-rgb: 255, 255, 255; /* This is exactly #FFFFFF */ --line-thickness: 5px; /* BOLD 5px thickness */ --drop-height: 25px; /* How far down the step drops */ --top-width: 45%; /* How long the first top line is */ --slope-width: 35px; /* How stretched the angled part is */ /* -------------------------------- */ /* Automatically calculates the new extended width and positioning */ left: calc(-1 * var(--extend-left)); width: calc(100% + var(--extend-left) + var(--extend-right)); height: var(--drop-height); /* 1. Solid Background Color (Fade eliminated) */ background-color: rgb(var(--white-rgb)); /* 2. Clip-path carves out the perfectly clean step shape */ clip-path: polygon( 0 0, var(--top-width) 0, calc(var(--top-width) + var(--slope-width)) calc(100% - var(--line-thickness)), 100% calc(100% - var(--line-thickness)), 100% 100%, calc(var(--top-width) + var(--slope-width)) 100%, var(--top-width) var(--line-thickness), 0 var(--line-thickness) ); /* Vendor prefix for Safari compatibility */ -webkit-clip-path: polygon( 0 0, var(--top-width) 0, calc(var(--top-width) + var(--slope-width)) calc(100% - var(--line-thickness)), 100% calc(100% - var(--line-thickness)), 100% 100%, calc(var(--top-width) + var(--slope-width)) 100%, var(--top-width) var(--line-thickness), 0 var(--line-thickness) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-031813a *//* ========================================= 1. SHIMMER VARIABLE ========================================= */ @property --shimmer-angle { syntax: ''; initial-value: 0deg; inherits: false; } /* ========================================= 2. PARENT OVERRIDES ========================================= */ .elementor-1577 .elementor-element.elementor-element-031813a { overflow: visible !important; } .elementor-1577 .elementor-element.elementor-element-031813a .elementor-button-wrapper { position: relative; display: inline-flex; z-index: 1; min-width: fit-content; /* 🔥 CHANGED: Default drop-shadow removed */ } /* 🔥 CHANGED: Section 3 (The Radar Wave) has been completely removed to eliminate the emanating blues */ /* ========================================= 3. BASE BUTTON ========================================= */ .elementor-1577 .elementor-element.elementor-element-031813a .elementor-button { --corner-size: 20px; position: relative; z-index: 2; overflow: visible; border: none !important; background: radial-gradient(circle, #F50100 10%, #8a0000 100%) !important; padding: 15px 25px !important; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; min-width: 180px; clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); transition: transform 0.3s ease, background 0.3s ease; } @media only screen and (max-width: 900px){ .elementor-1577 .elementor-element.elementor-element-031813a .elementor-button{ padding: 10px 19px !important; } } /* Persistent Shimmer Border */ .elementor-1577 .elementor-element.elementor-element-031813a .elementor-button::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; --border-width: 2.8px; background: conic-gradient( from var(--shimmer-angle), #3a66bc6e 0%, #3a66bc6e 70%, #3a66bc 85%, #d0e0ff 90%, #3a66bc 95%, #3a66bc6e 100% ); animation: shimmerRotate 2.2s linear infinite; -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; } /* ========================================= 4. ANIMATIONS & HOVER STATES ========================================= */ @keyframes shimmerRotate { 0% { --shimmer-angle: 0deg; } 100% { --shimmer-angle: 360deg; } } /* 🔥 CHANGED: Keeps only the physical floating effect */ .elementor-1577 .elementor-element.elementor-element-031813a .elementor-button:hover { transform: translateY(-5px); } .elementor-1577 .elementor-element.elementor-element-031813a:hover h6 { color: #ffffff !important; } /* ========================================= 5. ICON CONTAINER & SHAPE ========================================= */ .elementor-1577 .elementor-element.elementor-element-031813a .elementor-button-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 35px; padding: 9px 10px; box-sizing: border-box; z-index: 1; } /* ROTATING NAVY HEX */ .elementor-1577 .elementor-element.elementor-element-031813a .elementor-button-icon::after { content: ""; position: absolute; inset: 0; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); background: #0B1D4C; z-index: -1; transform-origin: center; } .elementor-1577 .elementor-element.elementor-element-031813a:hover .elementor-button-icon::after { animation: hexSpin 15s linear infinite; } @keyframes hexSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* SVG ICON */ .elementor-1577 .elementor-element.elementor-element-031813a .elementor-button-icon svg { transform: scale(1); transform-origin: center; fill: #ffffff !important; color: #ffffff !important; width: 100%; height: 100%; position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9139a83 *//* =================================================== 1. SETUP THE SPIN ELEMENT (HEXAGON) =================================================== */ /* Target the element with the class "spin" */ .spin { position: relative; width: 100px; /* Adjust size as needed */ height: 100px; background-color: transparent !important; overflow: visible; } .spin::before { content: ""; position: absolute; inset: -5px; z-index: 0; pointer-events: none; /* Your Hexagon SVG */ background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-position: center; background-repeat: no-repeat; /* Smooth return when hover stops */ transition: transform 0.5s ease-in-out; } /* =================================================== 2. THE REMOTE TRIGGER (HOVER BUTTON -> SPIN HEX) =================================================== */ /* When the button is hovered, find the sibling element classed ".spin" and animate its ::before pseudo-element. */ .elementor-button:hover ~ .spin::before, .elementor-button:hover + .spin::before, .elementor-1577 .elementor-element.elementor-element-9139a83:hover .spin::before { animation: hex-spin 4s linear infinite; } /* Keyframes for the rotation */ @keyframes hex-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* =================================================== 3. ELEMENTOR FIX (WIDGET SPACING) =================================================== */ /* Ensure the button and spin element stay beside each other if needed */ .elementor-1577 .elementor-element.elementor-element-9139a83 .elementor-widget-container { display: flex; align-items: center; gap: 20px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59b8d18 */.elementor-1577 .elementor-element.elementor-element-59b8d18 { transform: scale(1.102); transform-origin: center; } X.elementor-1577 .elementor-element.elementor-element-59b8d18 img { -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, /* Top: fully visible */ rgba(0,0,0,1) 70%, /* Solid until fade zone starts (same distance) */ rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% /* Bottom: fully transparent */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% ); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-44248f7 */.elementor-1577 .elementor-element.elementor-element-44248f7 { transform: scale(1.2); transform-origin: center; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-537b194 */.elementor-1577 .elementor-element.elementor-element-537b194 { transform: scale(1.235540502); transform-origin: center; } .elementor-1577 .elementor-element.elementor-element-537b194 img { -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, /* Top: fully visible */ rgba(0,0,0,1) 70%, /* Solid until fade zone starts (same distance) */ rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% /* Bottom: fully transparent */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% ); }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-38d7d1c */.elementor-1577 .elementor-element.elementor-element-38d7d1c { /* --- 1. Corner Depth --- */ /* Increase this value to make the cut go deeper into the shape */ --corner-size: 65px; /* --- 2. The Balanced Clipping Path --- */ /* This maintains the 1:1 ratio (45-degree angle) on all corners */ clip-path: polygon( var(--corner-size) 0%, /* Top-left start */ calc(100% - var(--corner-size)) 0%, /* Top-right start */ 100% var(--corner-size), /* Top-right end */ 100% calc(100% - var(--corner-size)), /* Bottom-right start */ calc(100% - var(--corner-size)) 100%, /* Bottom-right end */ var(--corner-size) 100%, /* Bottom-left start */ 0% calc(100% - var(--corner-size)), /* Bottom-left end */ 0% var(--corner-size) /* Top-left end */ ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } .elementor-1577 .elementor-element.elementor-element-38d7d1c { position: relative; z-index: 0; overflow: hidden; } .elementor-1577 .elementor-element.elementor-element-38d7d1c::after { content: ""; position: absolute; inset: 0; z-index: 0; /* The Blur Effect */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-1577 .elementor-element.elementor-element-38d7d1c > .elementor-container { position: relative; z-index: 1; } /* --------------------------------------------------------- DESKTOP & TABLET ONLY (min-width: 768px) LTR Gradient: Left 40% (Solid Blur) -> Middle 20% (Fade) -> Right 40% (Clear) --------------------------------------------------------- */ @media (min-width: 768px) { .elementor-1577 .elementor-element.elementor-element-38d7d1c::after { /* The Logic: - 'black 0%': Start fully blurred. - 'black 40%': Stay fully blurred until 40% of the screen width. - 'transparent 60%': Finish fading to clear by 60%. - 'transparent 100%': Remain clear for the rest. */ -webkit-mask-image: linear-gradient(to right, black 0%, black 40%, transparent 60%, transparent 100%); mask-image: linear-gradient(to right, black 0%, black 40%, transparent 60%, transparent 100%); } }/* End custom CSS */ /* Start custom CSS *//* Fallback 1 — targets the sticky effects wrapper */ .elementor-sticky--effects .p-white { color: #ffffff; } /* Fallback 2 — if your header has a specific section ID, e.g. #header */ .elementor-sticky--active#header .p-white, .elementor-sticky--active .elementor-section .p-white { color: #ffffff; } /* ========================================= SCI-FI CLIPPED SCROLLBAR (GRADIENT TRICK) ========================================= */ /* 1. The overall width/height of the scrollbar */ ::-webkit-scrollbar { width: 16px; height: 16px; } /* 2. The blank white track */ ::-webkit-scrollbar-track { background: #FFFFFF; } /* 3. The navy blue thumb drawn with gradients */ ::-webkit-scrollbar-thumb { /* Must be transparent so the chopped corners let the white track show through */ background-color: transparent !important; /* Draw the 4 sci-fi corners using background gradients instead of clip-path */ background-image: linear-gradient(135deg, transparent 4px, #0C1E58 4.5px), linear-gradient(225deg, transparent 4px, #0C1E58 4.5px), linear-gradient(45deg, transparent 4px, #0C1E58 4.5px), linear-gradient(315deg, transparent 4px, #0C1E58 4.5px) !important; /* Snap each piece to its respective corner */ background-position: top left, top right, bottom left, bottom right !important; /* Make each block take up a quarter of the thumb. (We use 51% instead of 50% to force them to overlap slightly so you don't get a 1px gap in the dead center) */ background-size: 51% 51% !important; background-repeat: no-repeat !important; /* Optional: Adds a 2px invisible border around the thumb so it doesn't touch the very edges of the screen */ border: 2px solid #FFFFFF !important; background-clip: padding-box !important; } /* 4. Hover state (Slightly lighter navy blue) */ ::-webkit-scrollbar-thumb:hover { background-image: linear-gradient(135deg, transparent 4px, #162D63 4.5px), linear-gradient(225deg, transparent 4px, #162D63 4.5px), linear-gradient(45deg, transparent 4px, #162D63 4.5px), linear-gradient(315deg, transparent 4px, #162D63 4.5px) !important; } body { cursor: url('https://w3bdesign.net/wp-content/uploads/2025/10/small-cursor_blue.png'), auto; } /* ========================================= 1. PAGE BASE ========================================= */ body { margin: 0 !important; min-height: 100vh !important; position: relative !important; } /* ========================================= 2. THE DUAL-LAYER PAGE HUD BORDER ========================================= */ body::after { content: "" !important; position: fixed !important; inset: 0 !important; /* OVERRIDE ELEMENTOR'S STICKY HEADER */ z-index: 999999999999999999999999 !important; pointer-events: none !important; /* CRITICAL: Ensures the background layers start *inside* the thick borders */ box-sizing: border-box !important; /* --- THE THICK SQUARED OUTER BORDER --- */ border-style: solid !important; border-color: #FFFFFF !important; border-top-width: 15px !important; /* <--- TOP outer border thickness */ /* ???? CHANGED: Reduced another ~20% down to 6px for scrollbar clearance */ border-right-width: 6px !important; /* <--- RIGHT outer border thickness */ border-bottom-width: 15px !important; /* <--- BOTTOM outer border thickness */ border-left-width: 9px !important; /* <--- LEFT outer border thickness */ /* --- THE INNER SCI-FI CORNER FILLS & NAVY LINE --- */ background: /* 1. The Angled Corners (White fill -> 1px Navy line -> Transparent) */ linear-gradient(135deg, #FFFFFF 26px, #162D63 26px, #162D63 27px, transparent 27.5px) top left no-repeat, linear-gradient(225deg, #FFFFFF 26px, #162D63 26px, #162D63 27px, transparent 27.5px) top right no-repeat, linear-gradient(45deg, #FFFFFF 26px, #162D63 26px, #162D63 27px, transparent 27.5px) bottom left no-repeat, linear-gradient(315deg, #FFFFFF 26px, #162D63 26px, #162D63 27px, transparent 27.5px) bottom right no-repeat, /* 2. The Straight Inner Borders (Navy lines) */ linear-gradient(#162D63, #162D63) top center / 100% 2px no-repeat, /* <--- TOP inner line (adjust the '2px') */ linear-gradient(#162D63, #162D63) bottom center / 100% 2px no-repeat, /* <--- BOTTOM inner line (adjust the '2px') */ linear-gradient(#162D63, #162D63) left center / 2px 100% no-repeat, /* <--- LEFT inner line (adjust the '2px') */ linear-gradient(#162D63, #162D63) right center / 2px 100% no-repeat !important; /* <--- RIGHT inner line (adjust the '2px') */ }/* End custom CSS */