.elementor-2408 .elementor-element.elementor-element-70838d1:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-70838d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center right, #11579DF2 29%, #001D39F2 69%);}.elementor-2408 .elementor-element.elementor-element-70838d1 > .elementor-background-overlay{background-color:#13254B00;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/268973.jpg");background-position:top center;background-size:cover;opacity:0.78;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-70838d1{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-2408 .elementor-element.elementor-element-70838d1 .elementor-background-overlay{filter:brightness( 82% ) contrast( 160% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-b43a902.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-b43a902.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-b43a902 > .elementor-element-populated{padding:0vw 0vw 0vw 4vw;}.elementor-2408 .elementor-element.elementor-element-b43a902{z-index:25;}.elementor-2408 .elementor-element.elementor-element-f7c4b76{--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-2408 .elementor-element.elementor-element-4c36ba0{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-2408 .elementor-element.elementor-element-4c36ba0 > .elementor-widget-container{margin:1.5vw 0vw -1.5vw 0vw;padding:0vw 0vw 1vw 0vw;}.elementor-2408 .elementor-element.elementor-element-4c36ba0 .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-2408 .elementor-element.elementor-element-31cc6f3{--divider-border-style:solid;--divider-color:#FFBA0F;--divider-border-width:4px;}.elementor-2408 .elementor-element.elementor-element-31cc6f3 .elementor-divider-separator{width:72%;margin:0 auto;margin-left:0;}.elementor-2408 .elementor-element.elementor-element-31cc6f3 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-2408 .elementor-element.elementor-element-a3efb17{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-2408 .elementor-element.elementor-element-a3efb17 > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;padding:0vw 0vw 00.5vw 0vw;}.elementor-2408 .elementor-element.elementor-element-a3efb17 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:5.5vw;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-2408 .elementor-element.elementor-element-558fb63{--divider-border-style:solid;--divider-color:#FFBA0F;--divider-border-width:4px;}.elementor-2408 .elementor-element.elementor-element-558fb63 .elementor-divider-separator{width:100%;}.elementor-2408 .elementor-element.elementor-element-558fb63 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-2408 .elementor-element.elementor-element-4d0ad73{--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-2408 .elementor-element.elementor-element-dbf0a1e .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-2408 .elementor-element.elementor-element-dbf0a1e{width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-dbf0a1e > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-dbf0a1e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-dbf0a1e:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-dbf0a1e .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-dbf0a1e .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-dbf0a1e .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-ae7bb23 .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-2408 .elementor-element.elementor-element-ae7bb23{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-ae7bb23 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-ae7bb23.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-ae7bb23:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-ae7bb23 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-ae7bb23 .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-ae7bb23 .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-4952b04{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-8301501:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2408 .elementor-element.elementor-element-8301501 > .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-2408 .elementor-element.elementor-element-8301501 > .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-2408 .elementor-element.elementor-element-8301501.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-8301501.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-8301501.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-8301501 > .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-2408 .elementor-element.elementor-element-8301501 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-8301501 > .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-2408 .elementor-element.elementor-element-8301501{z-index:5;}.elementor-2408 .elementor-element.elementor-element-05040e7{--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-2408 .elementor-element.elementor-element-3cba189{left:1vw;}body.rtl .elementor-2408 .elementor-element.elementor-element-3cba189{right:1vw;}.elementor-2408 .elementor-element.elementor-element-3cba189{top:1vw;z-index:4;text-align:center;}.elementor-2408 .elementor-element.elementor-element-3cba189 img{width:100%;opacity:1;}body:not(.rtl) .elementor-2408 .elementor-element.elementor-element-7f2f609{left:0vw;}body.rtl .elementor-2408 .elementor-element.elementor-element-7f2f609{right:0vw;}.elementor-2408 .elementor-element.elementor-element-7f2f609{top:0vw;z-index:1;text-align:center;}.elementor-2408 .elementor-element.elementor-element-7f2f609 img{width:91%;opacity:0.1;filter:brightness( 112% ) contrast( 116% ) saturate( 117% ) blur( 0px ) hue-rotate( 230deg );}.elementor-2408 .elementor-element.elementor-element-4ab791f > .elementor-widget-container{margin:-2vw 4vw -9vw 0vw;}.elementor-2408 .elementor-element.elementor-element-4ab791f{z-index:9;text-align:start;}.elementor-2408 .elementor-element.elementor-element-4ab791f img{width:100%;filter:brightness( 105% ) contrast( 106% ) saturate( 117% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-e600101 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}body:not(.rtl) .elementor-2408 .elementor-element.elementor-element-e600101{left:26vw;}body.rtl .elementor-2408 .elementor-element.elementor-element-e600101{right:26vw;}.elementor-2408 .elementor-element.elementor-element-e600101{top:-13vw;z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-e600101 img{width:71%;opacity:0.85;filter:brightness( 105% ) contrast( 106% ) saturate( 117% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-140650f > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}body:not(.rtl) .elementor-2408 .elementor-element.elementor-element-140650f{left:26vw;}body.rtl .elementor-2408 .elementor-element.elementor-element-140650f{right:26vw;}.elementor-2408 .elementor-element.elementor-element-140650f{top:-13vw;z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-140650f img{width:71%;opacity:0.85;filter:brightness( 105% ) contrast( 106% ) saturate( 117% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-53e399b{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-2408 .elementor-element.elementor-element-53e399b > .elementor-widget-container{margin:-16vw 2vw -6vw -2vw;}.elementor-2408 .elementor-element.elementor-element-53e399b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-53e399b img{width:66%;filter:brightness( 99% ) contrast( 112% ) saturate( 95% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-c701f2f{--spacer-size:2vh;}.elementor-2408 .elementor-element.elementor-element-71190db:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-71190db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#011C3D;}.elementor-2408 .elementor-element.elementor-element-71190db .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-71190db > .elementor-background-overlay{mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-71190db{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-2408 .elementor-element.elementor-element-71190db, .elementor-2408 .elementor-element.elementor-element-71190db > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-71190db > .elementor-shape-top .elementor-shape-fill{fill:#FEFB30;}.elementor-2408 .elementor-element.elementor-element-71190db > .elementor-shape-top svg{width:calc(0% + 1.3px);height:0px;}.elementor-2408 .elementor-element.elementor-element-71190db > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-2408 .elementor-element.elementor-element-71190db > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-71190db > .elementor-shape-bottom svg{width:calc(0% + 1.3px);height:0px;}.elementor-2408 .elementor-element.elementor-element-ad2e59d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2408 .elementor-element.elementor-element-ad2e59d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001D3D;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-ad2e59d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-ad2e59d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-ad2e59d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-ad2e59d > .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-2408 .elementor-element.elementor-element-ad2e59d > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-ad2e59d > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-ad2e59d > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-ad2e59d > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-ad2e59d > .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-2408 .elementor-element.elementor-element-f151218{--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-2408 .elementor-element.elementor-element-f151218 > .elementor-widget-container{padding:1vw 0vw 00.5vw 0vw;}.elementor-2408 .elementor-element.elementor-element-f151218 .swiper-wrapper{display:flex;align-items:center;}.elementor-2408 .elementor-element.elementor-element-c8d78b0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2408 .elementor-element.elementor-element-c8d78b0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFBE19;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-c8d78b0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-c8d78b0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-c8d78b0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-c8d78b0 > .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-2408 .elementor-element.elementor-element-c8d78b0 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-c8d78b0 > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-c8d78b0 > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-c8d78b0 > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-c8d78b0 > .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-2408 .elementor-element.elementor-element-49fe8af{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-2408 .elementor-element.elementor-element-49fe8af > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:00.5vw 0vw 0.5vw 0vw;}.elementor-2408 .elementor-element.elementor-element-49fe8af .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-2408 .elementor-element.elementor-element-1074152 .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-2408 .elementor-element.elementor-element-1074152{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-1074152 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-1074152.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-1074152:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-1074152 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2408 .elementor-element.elementor-element-1074152 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-1074152 .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-1074152 .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-50ca279:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-50ca279 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #011C3D 36%, #FFFFFF 0%);}.elementor-2408 .elementor-element.elementor-element-50ca279 .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-50ca279 > .elementor-background-overlay{mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-50ca279{border-style:solid;border-width:0.25vw 0vw 0vw 0vw;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:6;}.elementor-2408 .elementor-element.elementor-element-50ca279, .elementor-2408 .elementor-element.elementor-element-50ca279 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-50ca279 > .elementor-shape-top .elementor-shape-fill{fill:#1B8EC7;}.elementor-2408 .elementor-element.elementor-element-50ca279 > .elementor-shape-top svg{width:calc(2% + 1.3px);height:0px;}.elementor-2408 .elementor-element.elementor-element-50ca279 > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-2408 .elementor-element.elementor-element-50ca279 > .elementor-shape-bottom .elementor-shape-fill{fill:#1B8EC7;}.elementor-2408 .elementor-element.elementor-element-50ca279 > .elementor-shape-bottom svg{width:calc(2% + 1.3px);height:0px;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-fbad1ea.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-fbad1ea.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-fbad1ea.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-fbad1ea > .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-2408 .elementor-element.elementor-element-fbad1ea > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-fbad1ea > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-fbad1ea > .elementor-background-slideshow{border-radius:0em 0em 0em 4em;}.elementor-2408 .elementor-element.elementor-element-fbad1ea > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c322c63{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;text-align:center;}.elementor-2408 .elementor-element.elementor-element-c322c63 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c322c63.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-c322c63 img{width:100%;filter:brightness( 555555106% ) contrast( 103% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-6c42ceb{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-6c42ceb > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-6c42ceb .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.95vw;font-weight:700;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;text-shadow:0px 6px 33px rgba(0, 0, 0, 0.93);color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-86b1ac8:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2408 .elementor-element.elementor-element-86b1ac8 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(331515deg, #063B77 92%, #F2295B00 38%);}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-86b1ac8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-86b1ac8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-86b1ac8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-86b1ac8 > .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-2408 .elementor-element.elementor-element-86b1ac8 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-86b1ac8 > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-86b1ac8 > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-86b1ac8 > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-86b1ac8 > .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:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-44f4bf8{width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-44f4bf8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-44f4bf8 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:400;line-height:1.1em;letter-spacing:0px;color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-b7f18a5:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-b7f18a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #BBEBFF 0%, #FFFFFF 59%);}.elementor-2408 .elementor-element.elementor-element-b7f18a5 > .elementor-background-overlay{background-color:#ffffff;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/268973.jpg");background-position:center center;background-size:cover;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-b7f18a5 .elementor-background-overlay{filter:brightness( 105% ) contrast( 112% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-b7f18a5{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:-10vw;margin-bottom:0vw;padding:0vw 5vw 0vw 5vw;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-d3ff7d4.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-d3ff7d4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-d3ff7d4.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-d3ff7d4 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-96933d4{--spacer-size:17vh;}.elementor-2408 .elementor-element.elementor-element-f12649d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-f12649d, .elementor-2408 .elementor-element.elementor-element-f12649d > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-2408 .elementor-element.elementor-element-f12649d{margin-top:4vw;margin-bottom:-1vw;z-index:2;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-0807116.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-0807116.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-0807116.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-0807116 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-00d7a77{width:var( --container-widget-width, 9% );max-width:9%;--container-widget-width:9%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-00d7a77 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-634222a{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-634222a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-634222a .elementor-heading-title{font-family:"Kaushan Script", Sans-serif;font-size:7.2vw;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 #000000;color:#FFD001;}.elementor-2408 .elementor-element.elementor-element-0c4f252{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-0c4f252 > .elementor-widget-container{margin:1.5vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-0c4f252 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:6vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-1px;color:#183166;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-7d71ea2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-7d71ea2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-7d71ea2.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-7d71ea2 > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-9045efc{--spacer-size:2px;}.elementor-2408 .elementor-element.elementor-element-b1ad3a4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-b1ad3a4, .elementor-2408 .elementor-element.elementor-element-b1ad3a4 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-2408 .elementor-element.elementor-element-b1ad3a4{margin-top:2vw;margin-bottom:-1vw;padding:0vw 0vw 0vw 0vw;z-index:12;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-239441f.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-239441f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-239441f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-239441f > .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-2408 .elementor-element.elementor-element-239441f > .elementor-element-populated{border-style:none;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-239441f{z-index:1;}.elementor-2408 .elementor-element.elementor-element-d982e3e{--display:flex;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-2408 .elementor-element.elementor-element-eba9ae1{--display:flex;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-2408 .elementor-element.elementor-element-d990b51{--display:flex;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-2408 .elementor-element.elementor-element-0deea33{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-2408 .elementor-element.elementor-element-0deea33 > .elementor-widget-container{margin:0.55px 0px 0px 0px;padding:0vw 00.5vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-a34ecec > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-a34ecec .elementor-background-overlay{filter:brightness( 117% ) contrast( 100% ) saturate( 176% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-a34ecec, .elementor-2408 .elementor-element.elementor-element-a34ecec > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-a34ecec{margin-top:1vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:12;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-585e58d.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-585e58d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-585e58d > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:1.51vw 1.51vw 1.51vw 1.51vw;}.elementor-2408 .elementor-element.elementor-element-a85a25f{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;text-align:start;}.elementor-2408 .elementor-element.elementor-element-a85a25f > .elementor-widget-container{margin:0vw 0vw -2vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1d3508a{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;z-index:5;}.elementor-2408 .elementor-element.elementor-element-1d3508a > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;padding:0vw 0vw 00.5vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1d3508a .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:2.75vw;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:-1.5px;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-424ac27.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-424ac27.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-424ac27 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:1.51vw 1.51vw 1.51vw 1.51vw;}.elementor-2408 .elementor-element.elementor-element-d0d9a8a{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;text-align:start;}.elementor-2408 .elementor-element.elementor-element-d0d9a8a > .elementor-widget-container{margin:0vw 0vw -2vw 0vw;}.elementor-2408 .elementor-element.elementor-element-367056b{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;z-index:5;}.elementor-2408 .elementor-element.elementor-element-367056b > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;padding:0vw 0vw 00.5vw 0vw;}.elementor-2408 .elementor-element.elementor-element-367056b .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:2.75vw;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:-1.5px;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-614809f.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-614809f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-614809f > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:1.51vw 1.51vw 1.51vw 1.51vw;}.elementor-2408 .elementor-element.elementor-element-2aefb40{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;text-align:start;}.elementor-2408 .elementor-element.elementor-element-2aefb40 > .elementor-widget-container{margin:0vw 0vw -2vw 0vw;}.elementor-2408 .elementor-element.elementor-element-bd714b5{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;z-index:5;}.elementor-2408 .elementor-element.elementor-element-bd714b5 > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;padding:0vw 0vw 00.5vw 0vw;}.elementor-2408 .elementor-element.elementor-element-bd714b5 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:2.75vw;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:-1.5px;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-e42d726.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-e42d726.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-e42d726 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:1.51vw 1.51vw 1.51vw 1.51vw;}.elementor-2408 .elementor-element.elementor-element-92c4db3{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;text-align:start;}.elementor-2408 .elementor-element.elementor-element-92c4db3 > .elementor-widget-container{margin:0vw 0vw -2vw 0vw;}.elementor-2408 .elementor-element.elementor-element-9b74daf{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;z-index:5;}.elementor-2408 .elementor-element.elementor-element-9b74daf > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;padding:0vw 0vw 00.5vw 0vw;}.elementor-2408 .elementor-element.elementor-element-9b74daf .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:2.75vw;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:-1.5px;color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-b50d6f5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-b50d6f5, .elementor-2408 .elementor-element.elementor-element-b50d6f5 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-2408 .elementor-element.elementor-element-b50d6f5{margin-top:-1.5vw;margin-bottom:-1vw;padding:0vw 0vw 0vw 0vw;z-index:1;}.elementor-2408 .elementor-element.elementor-element-449f59e{--e-image-carousel-slides-to-show:4;z-index:15;}.elementor-2408 .elementor-element.elementor-element-449f59e .swiper-wrapper{display:flex;align-items:center;}.elementor-2408 .elementor-element.elementor-element-7e09d60{--spacer-size:19vh;}.elementor-2408 .elementor-element.elementor-element-f075a0c:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-f075a0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(80deg, #F3FAFFE8 31%, #AFD7E5 70%);}.elementor-2408 .elementor-element.elementor-element-f075a0c > .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-2408 .elementor-element.elementor-element-f075a0c .elementor-background-overlay{filter:brightness( 105% ) contrast( 115% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-f075a0c{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:-10vw;margin-bottom:0vw;padding:4vw 0vw 0vw 4vw;z-index:1;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-feed38f.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-feed38f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-feed38f > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-0720ee0{--spacer-size:7vh;}.elementor-2408 .elementor-element.elementor-element-972b271 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-972b271, .elementor-2408 .elementor-element.elementor-element-972b271 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-2408 .elementor-element.elementor-element-972b271{margin-top:0vw;margin-bottom:0vw;z-index:25;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-d67c5bd.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-d67c5bd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-d67c5bd.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-d67c5bd > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-68edda9{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-68edda9 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-643bea9{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-2408 .elementor-element.elementor-element-643bea9 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-643bea9 .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-2408 .elementor-element.elementor-element-fd33ca0{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-fd33ca0 > .elementor-widget-container{margin:-0.25vw 0vw 2vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-fd33ca0 .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-2408 .elementor-element.elementor-element-1b58c50{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-2408 .elementor-element.elementor-element-1b58c50 > .elementor-widget-container{margin:-3.5075vw 0vw 0vw 00.25vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1b58c50 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:700;text-transform:uppercase;line-height:1em;color:#122D64;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-72b839a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-72b839a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-72b839a.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-72b839a > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-e8085b2{--spacer-size:2px;}.elementor-2408 .elementor-element.elementor-element-439061a{--spacer-size:3vh;}.elementor-2408 .elementor-element.elementor-element-439061a > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-df8ea0b{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-2408 .elementor-element.elementor-element-df8ea0b > .elementor-widget-container{background-color:#1D3266;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-radius:9em 9em 9em 9em;}.elementor-2408 .elementor-element.elementor-element-df8ea0b .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;text-transform:uppercase;line-height:0.95em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-7e27006{--divider-border-style:solid;--divider-color:#242D6D;--divider-border-width:2px;width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-7e27006 > .elementor-widget-container{margin:1vw 00.5vw 0vw 00.5vw;}.elementor-2408 .elementor-element.elementor-element-7e27006 .elementor-divider-separator{width:100%;}.elementor-2408 .elementor-element.elementor-element-7e27006 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2408 .elementor-element.elementor-element-f1971d5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-f1971d5 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-f1971d5 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-d70f334{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-9940417{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-2408 .elementor-element.elementor-element-9940417 > .elementor-widget-container{background-color:#1D3266;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-radius:9em 9em 9em 9em;}.elementor-2408 .elementor-element.elementor-element-9940417 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;text-transform:uppercase;line-height:0.95em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-6868915{--divider-border-style:solid;--divider-color:#242D6D;--divider-border-width:2px;width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-6868915 > .elementor-widget-container{margin:1vw 00.5vw 0vw 00.5vw;}.elementor-2408 .elementor-element.elementor-element-6868915 .elementor-divider-separator{width:100%;}.elementor-2408 .elementor-element.elementor-element-6868915 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2408 .elementor-element.elementor-element-c0b8542{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-c0b8542 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-c0b8542 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-3781ab4{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-0037031{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-2408 .elementor-element.elementor-element-0037031 > .elementor-widget-container{background-color:#1D3266;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-radius:9em 9em 9em 9em;}.elementor-2408 .elementor-element.elementor-element-0037031 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;text-transform:uppercase;line-height:0.95em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-101f197{--divider-border-style:solid;--divider-color:#242D6D;--divider-border-width:2px;width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-101f197 > .elementor-widget-container{margin:1vw 00.5vw 0vw 00.5vw;}.elementor-2408 .elementor-element.elementor-element-101f197 .elementor-divider-separator{width:100%;}.elementor-2408 .elementor-element.elementor-element-101f197 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2408 .elementor-element.elementor-element-5518c4b{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-5518c4b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-5518c4b .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-350eb41{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-6b30c3c{--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-2408 .elementor-element.elementor-element-4297722 .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-2408 .elementor-element.elementor-element-4297722{width:var( --container-widget-width, 36% );max-width:36%;--container-widget-width:36%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-4297722 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-4297722.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-4297722:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-4297722 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-4297722 .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-4297722 .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-7820d6c .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-2408 .elementor-element.elementor-element-7820d6c{width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-7820d6c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-7820d6c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-7820d6c:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-7820d6c .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-7820d6c .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-7820d6c .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-24ae8dc{--spacer-size:11vh;}.elementor-2408 .elementor-element.elementor-element-4b77e93{--spacer-size:12vh;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-4948383.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-4948383.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-4948383.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-4948383 > .elementor-element-populated{margin:4vw -3vw -4vw 3vw;--e-column-margin-right:-3vw;--e-column-margin-left:3vw;padding:0% 0% 0% 0%;}.elementor-2408 .elementor-element.elementor-element-aeb3eb6{--spacer-size:38vh;}.elementor-2408 .elementor-element.elementor-element-a926008{width:var( --container-widget-width, 100.592% );max-width:100.592%;--container-widget-width:100.592%;--container-widget-flex-grow:0;z-index:7;text-align:end;}.elementor-2408 .elementor-element.elementor-element-a926008 > .elementor-widget-container{margin:-25vw 2vw -2vw -2vw;}.elementor-2408 .elementor-element.elementor-element-a926008.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-a926008 img{width:100%;filter:brightness( 99% ) contrast( 112% ) saturate( 95% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-c5e4e1c{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-c5e4e1c > .elementor-widget-container{margin:-23vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c5e4e1c img{width:100%;}.elementor-2408 .elementor-element.elementor-element-5969fdf:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-5969fdf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(182deg, #ECF7FF 64%, #AFD7E5 100%);}.elementor-2408 .elementor-element.elementor-element-5969fdf > .elementor-background-overlay{background-color:#ffffff;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/f-hvacr-01.jpeg");background-size:cover;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-5969fdf .elementor-background-overlay{filter:brightness( 105% ) contrast( 115% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-5969fdf{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:-5vw;margin-bottom:0vw;padding:2vw 0vw 0vw 4vw;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-5d4192d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-5d4192d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-5d4192d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-5d4192d > .elementor-element-populated{margin:6vw 0vw 6vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0% 0% 0% 0%;}.elementor-2408 .elementor-element.elementor-element-991ef26{--spacer-size:38vh;}.elementor-2408 .elementor-element.elementor-element-93c14aa{width:var( --container-widget-width, 100.592% );max-width:100.592%;--container-widget-width:100.592%;--container-widget-flex-grow:0;z-index:8;text-align:center;}.elementor-2408 .elementor-element.elementor-element-93c14aa > .elementor-widget-container{margin:-26vw 2vw 0vw -2vw;}.elementor-2408 .elementor-element.elementor-element-93c14aa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-93c14aa img{width:100%;filter:brightness( 99% ) contrast( 112% ) saturate( 95% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-b9101d7 > .elementor-widget-container{margin:-32.755vw 5vw 0vw -5vw;}.elementor-2408 .elementor-element.elementor-element-b9101d7{z-index:5;text-align:center;}.elementor-2408 .elementor-element.elementor-element-b9101d7 img{width:87%;filter:brightness( 27% ) contrast( 106% ) saturate( 102% ) blur( 0px ) hue-rotate( 163deg );}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-7f9fd76.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-7f9fd76.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-7f9fd76 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-820a349{--spacer-size:7vh;}.elementor-2408 .elementor-element.elementor-element-773ae31 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-773ae31, .elementor-2408 .elementor-element.elementor-element-773ae31 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-2408 .elementor-element.elementor-element-773ae31{margin-top:4vw;margin-bottom:0vw;z-index:25;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-0bdfd3f.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-0bdfd3f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-0bdfd3f.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-0bdfd3f > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-8f23201{width:var( --container-widget-width, 16% );max-width:16%;--container-widget-width:16%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-8f23201 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-038284f{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-2408 .elementor-element.elementor-element-038284f > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-038284f .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-2408 .elementor-element.elementor-element-609e181{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-609e181 > .elementor-widget-container{margin:-0.25vw 0vw 2vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-609e181 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:5.6vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-1px;color:#1D3D81;}.elementor-2408 .elementor-element.elementor-element-8903c6a{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-2408 .elementor-element.elementor-element-8903c6a > .elementor-widget-container{margin:-3.25vw 0vw 0vw 00.25vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-8903c6a .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:800;text-transform:uppercase;line-height:1em;color:#122D64;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-9da825d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-9da825d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-9da825d.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-9da825d > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-6cede5b{--spacer-size:2px;}.elementor-2408 .elementor-element.elementor-element-23d8faa{--spacer-size:3vh;}.elementor-2408 .elementor-element.elementor-element-23d8faa > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-d769103{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-2408 .elementor-element.elementor-element-d769103 > .elementor-widget-container{background-color:#1D3266;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-radius:9em 9em 9em 9em;}.elementor-2408 .elementor-element.elementor-element-d769103 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;text-transform:uppercase;line-height:0.95em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-51f79b2{--divider-border-style:solid;--divider-color:#242D6D;--divider-border-width:2px;width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-51f79b2 > .elementor-widget-container{margin:1vw 00.5vw 0vw 00.5vw;}.elementor-2408 .elementor-element.elementor-element-51f79b2 .elementor-divider-separator{width:100%;}.elementor-2408 .elementor-element.elementor-element-51f79b2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2408 .elementor-element.elementor-element-db00dec{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-db00dec > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-db00dec .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-e30902f{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-f172503{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-2408 .elementor-element.elementor-element-f172503 > .elementor-widget-container{background-color:#1D3266;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-radius:9em 9em 9em 9em;}.elementor-2408 .elementor-element.elementor-element-f172503 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;text-transform:uppercase;line-height:0.95em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-1a0a262{--divider-border-style:solid;--divider-color:#242D6D;--divider-border-width:2px;width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-1a0a262 > .elementor-widget-container{margin:1vw 00.5vw 0vw 00.5vw;}.elementor-2408 .elementor-element.elementor-element-1a0a262 .elementor-divider-separator{width:100%;}.elementor-2408 .elementor-element.elementor-element-1a0a262 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2408 .elementor-element.elementor-element-b4081ef{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-b4081ef > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-b4081ef .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-5067ab7{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-5d70f37{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-2408 .elementor-element.elementor-element-5d70f37 > .elementor-widget-container{background-color:#1D3266;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-radius:9em 9em 9em 9em;}.elementor-2408 .elementor-element.elementor-element-5d70f37 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;text-transform:uppercase;line-height:0.95em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-bd7d551{--divider-border-style:solid;--divider-color:#242D6D;--divider-border-width:2px;width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-bd7d551 > .elementor-widget-container{margin:1vw 00.5vw 0vw 00.5vw;}.elementor-2408 .elementor-element.elementor-element-bd7d551 .elementor-divider-separator{width:100%;}.elementor-2408 .elementor-element.elementor-element-bd7d551 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2408 .elementor-element.elementor-element-40ae153{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-40ae153 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-40ae153 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-1366cae{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-b271b9c{--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-2408 .elementor-element.elementor-element-b2942b9 .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-2408 .elementor-element.elementor-element-b2942b9{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-b2942b9 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-b2942b9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-b2942b9:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-b2942b9 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-b2942b9 .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-b2942b9 .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-c27b898 .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-2408 .elementor-element.elementor-element-c27b898{width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-c27b898 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-c27b898.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-c27b898:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-c27b898 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-c27b898 .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-c27b898 .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-41ff2ea{--spacer-size:11vh;}.elementor-2408 .elementor-element.elementor-element-97a25fc{--spacer-size:12vh;}.elementor-2408 .elementor-element.elementor-element-deeeec4:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-deeeec4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #C9EFFF 0%, #FEFFFF 74%);}.elementor-2408 .elementor-element.elementor-element-deeeec4 > .elementor-background-overlay{background-color:#ffffff;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/f-hvacr-02.jpeg");background-position:center center;background-size:cover;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-deeeec4 .elementor-background-overlay{filter:brightness( 105% ) contrast( 112% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-deeeec4{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:-13vw;margin-bottom:0vw;padding:0vw 4vw 0vw 4vw;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-93c0c08.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-93c0c08.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-93c0c08.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-93c0c08 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-f897448{--spacer-size:17vh;}.elementor-2408 .elementor-element.elementor-element-225c30b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-225c30b, .elementor-2408 .elementor-element.elementor-element-225c30b > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-2408 .elementor-element.elementor-element-225c30b{margin-top:4vw;margin-bottom:-1vw;z-index:2;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-bfbf624.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-bfbf624.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-bfbf624.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-bfbf624 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-eb439c5{width:var( --container-widget-width, 9% );max-width:9%;--container-widget-width:9%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-eb439c5 > .elementor-widget-container{margin:1.5vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-eb439c5 img{filter:brightness( 35% ) contrast( 94% ) saturate( 113% ) blur( 0px ) hue-rotate( 172deg );}.elementor-2408 .elementor-element.elementor-element-fb99da9{width:var( --container-widget-width, 27% );max-width:27%;--container-widget-width:27%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-fb99da9 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-fb99da9 .elementor-heading-title{font-family:"Kaushan Script", Sans-serif;font-size:6vw;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:-4px 4px 0px #1D3D81;color:#FFD001;}.elementor-2408 .elementor-element.elementor-element-49781b8{width:var( --container-widget-width, 61% );max-width:61%;--container-widget-width:61%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-49781b8 > .elementor-widget-container{margin:2.5vw 0vw 0vw -0.5vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-49781b8 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:3vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-1px;color:#193673;}.elementor-2408 .elementor-element.elementor-element-e7ca8b4{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-2408 .elementor-element.elementor-element-e7ca8b4 > .elementor-widget-container{margin:-1.25vw 0vw 0vw 14vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-e7ca8b4 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:500;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-ab2a95a > .elementor-widget-container{margin:10vw -6vw -26vw -6vw;}.elementor-2408 .elementor-element.elementor-element-ab2a95a{text-align:center;}.elementor-2408 .elementor-element.elementor-element-ab2a95a img{width:100%;opacity:1;filter:brightness( 39% ) contrast( 130% ) saturate( 107% ) blur( 0px ) hue-rotate( 145deg );}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-4ea4ceb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-4ea4ceb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-4ea4ceb.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-4ea4ceb > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-372c755{--spacer-size:2px;}.elementor-2408 .elementor-element.elementor-element-996ed39 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-996ed39, .elementor-2408 .elementor-element.elementor-element-996ed39 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-2408 .elementor-element.elementor-element-996ed39{margin-top:1vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-2408 .elementor-element.elementor-element-61f0420:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2408 .elementor-element.elementor-element-61f0420 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(355deg, #00364E 12%, #E8EFFF 88%);}.elementor-2408 .elementor-element.elementor-element-61f0420 > .elementor-element-populated >  .elementor-background-overlay{background-color:#FFFFFF00;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/dh.jpg");background-position:bottom left;background-size:cover;opacity:0.64;filter:brightness( 100% ) contrast( 108% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-61f0420.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-61f0420.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-61f0420.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-61f0420 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-61f0420:hover > .elementor-element-populated >  .elementor-background-overlay{opacity:1;filter:brightness( 100% ) contrast( 108% ) saturate( 101% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-61f0420 > .elementor-element-populated{border-style:none;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 2vw 2vw 1vw;}.elementor-2408 .elementor-element.elementor-element-61f0420 > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-61f0420 > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-61f0420 > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-61f0420{z-index:5;}.elementor-2408 .elementor-element.elementor-element-8a33088 > .elementor-widget-container{margin:3vw 0vw -0.75vw 0vw;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-8a33088{text-align:center;}.elementor-2408 .elementor-element.elementor-element-8a33088 img{width:100%;}.elementor-2408 .elementor-element.elementor-element-ad74e2f{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-2408 .elementor-element.elementor-element-ad74e2f > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-ad74e2f .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:3.5vw;font-weight:normal;text-transform:uppercase;line-height:1.025em;letter-spacing:-3px;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:#006491;stroke:#006491;text-shadow:-5px 4px 0px #003970;color:#FBC306;}.elementor-2408 .elementor-element.elementor-element-693eb58{width:100%;max-width:100%;z-index:1015;text-align:start;}.elementor-2408 .elementor-element.elementor-element-693eb58 > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;padding:1vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 2px 0px;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-693eb58 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;text-shadow:1px 2px 0px rgba(0, 0, 0, 0.93);color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-b5d5d03:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2408 .elementor-element.elementor-element-b5d5d03 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(355deg, #00364E 12%, #E8EFFF 88%);}.elementor-2408 .elementor-element.elementor-element-b5d5d03 > .elementor-element-populated >  .elementor-background-overlay{background-color:#FFFFFF00;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/dh.jpg");background-position:bottom left;background-size:cover;opacity:0.64;filter:brightness( 100% ) contrast( 108% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-b5d5d03.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-b5d5d03.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-b5d5d03.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-b5d5d03 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-b5d5d03:hover > .elementor-element-populated >  .elementor-background-overlay{opacity:1;filter:brightness( 100% ) contrast( 108% ) saturate( 101% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-b5d5d03 > .elementor-element-populated{border-style:none;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 2vw 2vw 1vw;}.elementor-2408 .elementor-element.elementor-element-b5d5d03 > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-b5d5d03 > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-b5d5d03 > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-b5d5d03{z-index:5;}.elementor-2408 .elementor-element.elementor-element-f7f5f0d > .elementor-widget-container{margin:2vw 0vw -3vw 0vw;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-f7f5f0d{text-align:center;}.elementor-2408 .elementor-element.elementor-element-f7f5f0d img{width:100%;filter:brightness( 93% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-f55e047{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-2408 .elementor-element.elementor-element-f55e047 > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-f55e047 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:3.5vw;font-weight:normal;text-transform:uppercase;line-height:1.025em;letter-spacing:-3px;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:#006491;stroke:#006491;text-shadow:-5px 4px 0px #003970;color:#FBC306;}.elementor-2408 .elementor-element.elementor-element-f4b877f{width:100%;max-width:100%;z-index:1015;text-align:start;}.elementor-2408 .elementor-element.elementor-element-f4b877f > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;padding:1vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 2px 0px;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-f4b877f .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;text-shadow:1px 2px 0px rgba(0, 0, 0, 0.93);color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-69ce415:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2408 .elementor-element.elementor-element-69ce415 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(355deg, #00364E 12%, #E8EFFF 88%);}.elementor-2408 .elementor-element.elementor-element-69ce415 > .elementor-element-populated >  .elementor-background-overlay{background-color:#FFFFFF00;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/dh.jpg");background-position:bottom left;background-size:cover;opacity:0.64;filter:brightness( 100% ) contrast( 108% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-69ce415.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-69ce415.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-69ce415.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-69ce415 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-69ce415:hover > .elementor-element-populated >  .elementor-background-overlay{opacity:1;filter:brightness( 100% ) contrast( 108% ) saturate( 101% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-69ce415 > .elementor-element-populated{border-style:none;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 2vw 2vw 1vw;}.elementor-2408 .elementor-element.elementor-element-69ce415 > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-69ce415 > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-69ce415 > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-69ce415{z-index:5;}.elementor-2408 .elementor-element.elementor-element-ead3153 > .elementor-widget-container{margin:2vw 0vw -3vw 0vw;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-ead3153{text-align:center;}.elementor-2408 .elementor-element.elementor-element-ead3153 img{width:100%;filter:brightness( 93% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-1372256{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-2408 .elementor-element.elementor-element-1372256 > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1372256 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:3.5vw;font-weight:normal;text-transform:uppercase;line-height:1.025em;letter-spacing:-3px;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:#006491;stroke:#006491;text-shadow:-5px 4px 0px #003970;color:#FBC306;}.elementor-2408 .elementor-element.elementor-element-c362c11{width:100%;max-width:100%;z-index:1015;text-align:start;}.elementor-2408 .elementor-element.elementor-element-c362c11 > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;padding:1vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 2px 0px;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-c362c11 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;text-shadow:1px 2px 0px rgba(0, 0, 0, 0.93);color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-9808832:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2408 .elementor-element.elementor-element-9808832 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(355deg, #00364E 12%, #E8EFFF 88%);}.elementor-2408 .elementor-element.elementor-element-9808832 > .elementor-element-populated >  .elementor-background-overlay{background-color:#FFFFFF00;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/dh.jpg");background-position:bottom left;background-size:cover;opacity:0.64;filter:brightness( 100% ) contrast( 108% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-9808832.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-9808832.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-9808832.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-9808832 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-9808832:hover > .elementor-element-populated >  .elementor-background-overlay{opacity:1;filter:brightness( 100% ) contrast( 108% ) saturate( 101% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-9808832 > .elementor-element-populated{border-style:none;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 2vw 2vw 1vw;}.elementor-2408 .elementor-element.elementor-element-9808832 > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-9808832 > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-9808832 > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-9808832{z-index:5;}.elementor-2408 .elementor-element.elementor-element-7042f8a > .elementor-widget-container{margin:4vw 0vw -1vw 0vw;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-7042f8a{text-align:center;}.elementor-2408 .elementor-element.elementor-element-7042f8a img{width:100%;filter:brightness( 98% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-edfab01{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-2408 .elementor-element.elementor-element-edfab01 > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-edfab01 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:3.5vw;font-weight:normal;text-transform:uppercase;line-height:1.025em;letter-spacing:-3px;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:#006491;stroke:#006491;text-shadow:-5px 4px 0px #003970;color:#FBC306;}.elementor-2408 .elementor-element.elementor-element-3f9c9f8{width:100%;max-width:100%;z-index:1015;text-align:start;}.elementor-2408 .elementor-element.elementor-element-3f9c9f8 > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;padding:1vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 2px 0px;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-3f9c9f8 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;text-shadow:1px 2px 0px rgba(0, 0, 0, 0.93);color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-b777a03:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2408 .elementor-element.elementor-element-b777a03 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(355deg, #00364E 12%, #E8EFFF 88%);}.elementor-2408 .elementor-element.elementor-element-b777a03 > .elementor-element-populated >  .elementor-background-overlay{background-color:#FFFFFF00;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/dh.jpg");background-position:bottom left;background-size:cover;opacity:0.64;filter:brightness( 100% ) contrast( 108% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-b777a03.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-b777a03.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-b777a03.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-b777a03 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-b777a03:hover > .elementor-element-populated >  .elementor-background-overlay{opacity:1;filter:brightness( 100% ) contrast( 108% ) saturate( 101% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-b777a03 > .elementor-element-populated{border-style:none;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 2vw 2vw 1vw;}.elementor-2408 .elementor-element.elementor-element-b777a03 > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-b777a03 > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-b777a03 > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-b777a03{z-index:5;}.elementor-2408 .elementor-element.elementor-element-e253122 > .elementor-widget-container{margin:2vw 0vw -1vw 0vw;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-e253122{text-align:center;}.elementor-2408 .elementor-element.elementor-element-e253122 img{width:100%;}.elementor-2408 .elementor-element.elementor-element-ce3bc74{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-2408 .elementor-element.elementor-element-ce3bc74 > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-ce3bc74 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:3.5vw;font-weight:normal;text-transform:uppercase;line-height:1.025em;letter-spacing:-3px;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:#006491;stroke:#006491;text-shadow:-5px 4px 0px #003970;color:#FBC306;}.elementor-2408 .elementor-element.elementor-element-a301839{width:100%;max-width:100%;z-index:1015;text-align:start;}.elementor-2408 .elementor-element.elementor-element-a301839 > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;padding:1vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 2px 0px;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-a301839 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;text-shadow:1px 2px 0px rgba(0, 0, 0, 0.93);color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-827e2d2{--spacer-size:19vh;}.elementor-2408 .elementor-element.elementor-element-76f2647:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-76f2647 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #ECF7FF 48%, #AFD7E5 100%);}.elementor-2408 .elementor-element.elementor-element-76f2647 > .elementor-background-overlay{background-color:#ffffff;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/f-hvacr-01.jpeg");background-size:auto;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-76f2647 .elementor-background-overlay{filter:brightness( 105% ) contrast( 115% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-76f2647{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:-11vw;margin-bottom:0vw;padding:3vw 0vw 1vw 4vw;z-index:1;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-1698cc6.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-1698cc6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-1698cc6 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1698cc6{z-index:15;}.elementor-2408 .elementor-element.elementor-element-b00111d{--spacer-size:16vh;}.elementor-2408 .elementor-element.elementor-element-18b12b0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-18b12b0, .elementor-2408 .elementor-element.elementor-element-18b12b0 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-2408 .elementor-element.elementor-element-18b12b0{margin-top:2vw;margin-bottom:0vw;z-index:2;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-0f1932c.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-0f1932c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-0f1932c.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-0f1932c > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-f1ab164{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-f1ab164 > .elementor-widget-container{margin:00.5vw 1.5vw -1vw -1vw;}.elementor-2408 .elementor-element.elementor-element-1965ae4{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1965ae4 > .elementor-widget-container{margin:0vw 0vw -0.5vw -2.5vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1965ae4 .elementor-heading-title{font-family:"Kaushan Script", Sans-serif;font-size:6.7vw;font-weight:500;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 #003BC1;color:#FFD001;}.elementor-2408 .elementor-element.elementor-element-92becd5{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-92becd5 > .elementor-widget-container{margin:00.7055vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-92becd5 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:5vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-1px;color:#2C5297;}.elementor-2408 .elementor-element.elementor-element-6721106{width:var( --container-widget-width, 76% );max-width:76%;--container-widget-width:76%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-6721106 > .elementor-widget-container{margin:-1.5vw 0vw 2vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-6721106 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:500;text-transform:uppercase;line-height:1.1em;letter-spacing:-1px;color:#16294E;}.elementor-2408 .elementor-element.elementor-element-561306f{--spacer-size:3vh;width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-561306f > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-17dd461{width:var( --container-widget-width, 97% );max-width:97%;--container-widget-width:97%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-17dd461 > .elementor-widget-container{margin:1vw 0vw 1vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-17dd461 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:500;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-486888d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-486888d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-486888d.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-486888d > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-58973a5{--spacer-size:2px;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-6cb7e5c.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-6cb7e5c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-6cb7e5c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-2408 .elementor-element.elementor-element-6cb7e5c > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-ec05877{--spacer-size:19vh;}.elementor-2408 .elementor-element.elementor-element-eea592b{--spacer-size:0.1vh;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2408 .elementor-element.elementor-element-0257a20{width:var( --container-widget-width, 100.488% );max-width:100.488%;--container-widget-width:100.488%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-0257a20 > .elementor-widget-container{margin:0vw -1vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-0257a20.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-item{border-width:0em;border-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-item .elementor-tab-content{border-width:0em;border-block-start-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0em;border-block-end-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-title{background-color:#00000000;padding:1vw 1.5vw 1.5vw 1.5vw;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-icon, .elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-title{color:#2D2D2D;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-icon svg{fill:#2D2D2D;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-active .elementor-accordion-icon, .elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-active .elementor-accordion-title{color:#3A3A3A;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-active .elementor-accordion-icon svg{fill:#3A3A3A;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-title{font-family:"Antonio", Sans-serif;font-size:1.5vw;font-weight:500;text-transform:uppercase;letter-spacing:-0.205px;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-title .elementor-accordion-icon i:before{color:#000000;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-title .elementor-accordion-icon svg{fill:#000000;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#000000;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#000000;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-content{background-color:#00000000;color:#000000;font-family:"Chakra Petch", Sans-serif;font-size:1vw;font-weight:400;line-height:1.3em;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-7366c13{--spacer-size:5vh;}.elementor-2408 .elementor-element.elementor-element-87a62fc:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-87a62fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(80deg, #F3FAFFE8 31%, #AFD7E5 70%);}.elementor-2408 .elementor-element.elementor-element-87a62fc > .elementor-background-overlay{background-color:#ffffff;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/7-Benefits-of-Having-a-24-HVAC-Service.png");background-position:18vw 0vh;background-size:cover;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-87a62fc .elementor-background-overlay{filter:brightness( 105% ) contrast( 115% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-87a62fc{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-2408 .elementor-element.elementor-element-65df28f.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-65df28f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-65df28f > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-35059ee{--spacer-size:2vh;}.elementor-2408 .elementor-element.elementor-element-43780c6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-43780c6, .elementor-2408 .elementor-element.elementor-element-43780c6 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-2408 .elementor-element.elementor-element-43780c6{margin-top:0vw;margin-bottom:0vw;z-index:25;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-0a45a01.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-0a45a01.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-0a45a01.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-0a45a01 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-22bd3d3{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-22bd3d3 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1c24400{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-2408 .elementor-element.elementor-element-1c24400 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1c24400 .elementor-heading-title{font-family:"Kaushan Script", Sans-serif;font-size:6vw;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-2408 .elementor-element.elementor-element-ccac39a{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-ccac39a > .elementor-widget-container{margin:-0.25vw 0vw 2vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-ccac39a .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:5vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-1px;color:#1D3D81;}.elementor-2408 .elementor-element.elementor-element-37aab31{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-37aab31 > .elementor-widget-container{margin:-1vw 0vw 2vw 00.25vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-37aab31 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:700;text-transform:uppercase;line-height:1em;color:#122D64;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-60d113d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-60d113d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-60d113d.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-60d113d > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-3f2b85c{--spacer-size:2px;}.elementor-2408 .elementor-element.elementor-element-bf62d53{--spacer-size:3vh;}.elementor-2408 .elementor-element.elementor-element-bf62d53 > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-2f0209a{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-80712e2{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-80712e2 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-80712e2 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-c3a7551{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-c3a7551 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-c3a7551 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-aa4a694{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-aa4a694 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-aa4a694 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-05c0de3{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-05c0de3 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-05c0de3 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-04cd64b{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-04cd64b > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-04cd64b .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-1fff8bc{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1fff8bc > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-1fff8bc .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-db11238{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-db11238 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-db11238 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-372b4c9{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-372b4c9 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-372b4c9 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-ac268ea{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-ac268ea > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-ac268ea .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-587f39c{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-587f39c > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-587f39c .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-bdd0742{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-bdd0742 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-bdd0742 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-d33d873{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-d33d873 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-d33d873 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-354034c{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-354034c > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:1px 1px 1px 1px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-354034c .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1.3vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-c418d8b{--spacer-size:3vh;}.elementor-2408 .elementor-element.elementor-element-57f1fb6{--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:-0.5vw;--margin-bottom:2.5vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2408 .elementor-element.elementor-element-5dee3d8 .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-2408 .elementor-element.elementor-element-5dee3d8{width:var( --container-widget-width, 23% );max-width:23%;--container-widget-width:23%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-5dee3d8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-5dee3d8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-5dee3d8:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-5dee3d8 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-5dee3d8 .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-5dee3d8 .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-42773a8 .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-2408 .elementor-element.elementor-element-42773a8{width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-42773a8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-42773a8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-42773a8:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-42773a8 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-42773a8 .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-42773a8 .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-7de006c{--spacer-size:11vh;}.elementor-2408 .elementor-element.elementor-element-b2c022e{--spacer-size:1vh;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-68d3525.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-68d3525.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-68d3525.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-68d3525 > .elementor-element-populated{margin:4vw -3vw -4vw 3vw;--e-column-margin-right:-3vw;--e-column-margin-left:3vw;padding:0% 0% 0% 0%;}.elementor-2408 .elementor-element.elementor-element-f5f2156{--spacer-size:38vh;}.elementor-2408 .elementor-element.elementor-element-53ee046:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-53ee046 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center right, #1E3B79 0%, #09101F 54%);}.elementor-2408 .elementor-element.elementor-element-53ee046 > .elementor-background-overlay{background-color:#ffffff;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/268973.jpg");background-size:cover;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-53ee046 .elementor-background-overlay{filter:brightness( 105% ) contrast( 105% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-53ee046{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:2vw 0vw 0vw 3vw;z-index:4;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-8f22392.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-8f22392.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-8f22392 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c32502b{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-548b96b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-548b96b, .elementor-2408 .elementor-element.elementor-element-548b96b > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-2408 .elementor-element.elementor-element-548b96b{margin-top:-0.5vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:25;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-38ee8f2.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-38ee8f2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-38ee8f2.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-38ee8f2 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-d6d927e{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-d6d927e > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-fe7decb{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;z-index:22;text-align:start;}.elementor-2408 .elementor-element.elementor-element-fe7decb > .elementor-widget-container{margin:-1vw 0vw -1vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-fe7decb .elementor-heading-title{font-family:"Kaushan Script", Sans-serif;font-size:8vw;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:#002345;stroke:#002345;text-shadow:-6px 3px 0px #0C3DA4;color:#FFDF01;}.elementor-2408 .elementor-element.elementor-element-3ace95e{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-3ace95e > .elementor-widget-container{margin:-0.25vw 0vw 2vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-3ace95e .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:7.7vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-1px;color:#FFD826;}.elementor-2408 .elementor-element.elementor-element-d61e1ac{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-2408 .elementor-element.elementor-element-d61e1ac > .elementor-widget-container{margin:-3vw 0vw 2vw 00.25vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-d61e1ac .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-2408 .elementor-element.elementor-element-94c1461.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-94c1461.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-94c1461.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-94c1461 > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-edfaa55{--spacer-size:2px;}.elementor-2408 .elementor-element.elementor-element-bd8e10c{--spacer-size:3vh;}.elementor-2408 .elementor-element.elementor-element-bd8e10c > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-7b15a2d{width:100%;max-width:100%;}.elementor-2408 .elementor-element.elementor-element-7b15a2d > .elementor-widget-container{margin:-0.5vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-item{border-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-item .elementor-tab-content{border-block-start-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-item .elementor-tab-title.elementor-active{border-block-end-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-title{background-color:#00000000;padding:0.7vw 0vw 0.705vw 0vw;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-icon, .elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-title{color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-active .elementor-accordion-icon, .elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-active .elementor-accordion-title{color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-active .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-title{font-family:"Antonio", Sans-serif;font-size:1.75vw;font-weight:400;text-transform:uppercase;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-title .elementor-accordion-icon i:before{color:#000000;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-title .elementor-accordion-icon svg{fill:#000000;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#000000;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#000000;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-content{background-color:#00000000;color:#FFFFFF;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:300;line-height:1.3em;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5545c4a{--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:-0.5vw;--margin-bottom:2.5vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2408 .elementor-element.elementor-element-5c34470 .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-2408 .elementor-element.elementor-element-5c34470{width:var( --container-widget-width, 36% );max-width:36%;--container-widget-width:36%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-5c34470 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-5c34470.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-5c34470:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-5c34470 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-5c34470 .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-5c34470 .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-aa61b34 .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-2408 .elementor-element.elementor-element-aa61b34{width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-aa61b34 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-aa61b34.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-aa61b34:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-aa61b34 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-aa61b34 .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-aa61b34 .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-295760c{--spacer-size:1vh;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-e5f12bd.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-e5f12bd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-e5f12bd.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-e5f12bd > .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-2408 .elementor-element.elementor-element-e5f12bd > .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-2408 .elementor-element.elementor-element-e5f12bd{z-index:25;}.elementor-2408 .elementor-element.elementor-element-83c5ad9{--spacer-size:9vh;}.elementor-2408 .elementor-element.elementor-element-9a34bff{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-2408 .elementor-element.elementor-element-9a34bff > .elementor-widget-container{margin:-3vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-9a34bff.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-9a34bff img{width:100%;filter:brightness( 99% ) contrast( 112% ) saturate( 95% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-fd7227a > .elementor-widget-container{margin:3vw 1vw 0vw 5vw;}body:not(.rtl) .elementor-2408 .elementor-element.elementor-element-fd7227a{left:1vw;}body.rtl .elementor-2408 .elementor-element.elementor-element-fd7227a{right:1vw;}.elementor-2408 .elementor-element.elementor-element-fd7227a{top:8vw;z-index:4;text-align:center;}.elementor-2408 .elementor-element.elementor-element-fd7227a img{width:100%;opacity:1;filter:brightness( 66666200% ) contrast( 200% ) saturate( 0% ) blur( 0px ) hue-rotate( 116deg );}.elementor-2408 .elementor-element.elementor-element-7b6981d > .elementor-widget-container{margin:-45vw -3vw -6vw 0vw;}.elementor-2408 .elementor-element.elementor-element-7b6981d{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-7b6981d img{width:100%;opacity:0.85;filter:brightness( 5106% ) contrast( 120% ) saturate( 33% ) blur( 0px ) hue-rotate( 160deg );}.elementor-2408 .elementor-element.elementor-element-3cc2a27{--spacer-size:2vh;}.elementor-2408 .elementor-element.elementor-element-f871b68:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-f871b68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #ECF7FF 60%, #AFD7E5 100%);}.elementor-2408 .elementor-element.elementor-element-f871b68 > .elementor-background-overlay{background-color:#ffffff;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/f-hvacr-01.jpeg");background-size:auto;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-f871b68 .elementor-background-overlay{filter:brightness( 105% ) contrast( 115% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-f871b68{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:-2vw;margin-bottom:0vw;padding:0vw 0vw 7vw 4vw;z-index:1;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-b49825b.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-b49825b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-b49825b > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-b49825b{z-index:5;}.elementor-2408 .elementor-element.elementor-element-ade175d{--spacer-size:12vh;}.elementor-2408 .elementor-element.elementor-element-521726a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-521726a, .elementor-2408 .elementor-element.elementor-element-521726a > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-2408 .elementor-element.elementor-element-521726a{margin-top:0vw;margin-bottom:0vw;z-index:2;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-a73f8e0.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-a73f8e0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-a73f8e0.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-a73f8e0 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5fca0fd{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;text-align:start;}.elementor-2408 .elementor-element.elementor-element-5fca0fd > .elementor-widget-container{margin:00.5vw 1.5vw -1vw -1vw;}.elementor-2408 .elementor-element.elementor-element-5fca0fd img{width:83%;filter:brightness( 106% ) contrast( 99% ) saturate( 128% ) blur( 0px ) hue-rotate( 360deg );}.elementor-2408 .elementor-element.elementor-element-d672224{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;z-index:22;text-align:start;}.elementor-2408 .elementor-element.elementor-element-d672224 > .elementor-widget-container{margin:-1vw 0vw -1vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-d672224 .elementor-heading-title{font-family:"Kaushan Script", Sans-serif;font-size:8vw;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:#002345;stroke:#002345;text-shadow:-6px 3px 0px #0C3DA4;color:#FFDF01;}.elementor-2408 .elementor-element.elementor-element-7cb63e1{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-7cb63e1 > .elementor-widget-container{margin:00.7055vw -5vw -1vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-7cb63e1 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:5.25vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-1px;color:#2C5297;}.elementor-2408 .elementor-element.elementor-element-b115aff{--spacer-size:3vh;width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-b115aff > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-9643f49:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-9643f49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #ECF7FF 60%, #AFD7E5 100%);}.elementor-2408 .elementor-element.elementor-element-9643f49 > .elementor-background-overlay{background-color:#ffffff;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/f-hvacr-01.jpeg");background-size:auto;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-9643f49 .elementor-background-overlay{filter:brightness( 105% ) contrast( 115% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-9643f49{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:-7vw;margin-bottom:0vw;padding:0vw 0vw 10vw 4vw;z-index:1;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-ac733d4.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-ac733d4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-ac733d4.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-ac733d4 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-2408 .elementor-element.elementor-element-ac733d4 > .elementor-element-populated{padding:2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-ac733d4{z-index:25;}.elementor-2408 .elementor-element.elementor-element-c956b51{--spacer-size:0.1vh;}.elementor-2408 .elementor-element.elementor-element-682c228{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-682c228 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-57e3926 );border-radius:20px 20px 20px 20px;}.elementor-2408 .elementor-element.elementor-element-be21884{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-1ffedb7{width:var( --container-widget-width, 97% );max-width:97%;--container-widget-width:97%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1ffedb7 > .elementor-widget-container{margin:0vw 0vw 1vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-1ffedb7 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:500;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-21dde37.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-21dde37.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-21dde37 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:5px;}.elementor-2408 .elementor-element.elementor-element-21dde37 > .elementor-element-populated{margin:0vw 0vw 0vw 2vw;--e-column-margin-right:0vw;--e-column-margin-left:2vw;padding:3vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-21dde37{z-index:5;}.elementor-2408 .elementor-element.elementor-element-eb0cc9a{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-2408 .elementor-element.elementor-element-eb0cc9a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-eb0cc9a .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:1.5vw;font-weight:500;text-transform:uppercase;line-height:1.2em;letter-spacing:-1px;color:#16294E;}.elementor-2408 .elementor-element.elementor-element-9296149{--spacer-size:0.1vh;}.elementor-2408 .elementor-element.elementor-element-5333c4e{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-5333c4e > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:2px 2px 2px 2px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-5333c4e .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-dcbcd4b{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-dcbcd4b > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:2px 2px 2px 2px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-dcbcd4b .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-ea7efbc{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-ea7efbc > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:2px 2px 2px 2px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-ea7efbc .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-496add7{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-dcee2ef{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-dcee2ef > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:2px 2px 2px 2px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-dcee2ef .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-43d6519{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-43d6519 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:2px 2px 2px 2px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-43d6519 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-4399073{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-b9821f7{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-b9821f7 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:2px 2px 2px 2px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-b9821f7 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-94076cb{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-94076cb > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:2px 2px 2px 2px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-94076cb .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-7a41eb4{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-0b73a18{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-0b73a18 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:2px 2px 2px 2px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-0b73a18 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-b4465b3{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-b4465b3 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:2px 2px 2px 2px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-b4465b3 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-68a0a77{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-2099e2a{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-2099e2a > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:2px 2px 2px 2px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-2099e2a .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-d4dcba6{width:auto;max-width:auto;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-d4dcba6 > .elementor-widget-container{background-color:#FFFFFF80;margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;border-style:solid;border-width:2px 2px 2px 2px;border-color:#43A2DC;}.elementor-2408 .elementor-element.elementor-element-d4dcba6 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#444444;}.elementor-2408 .elementor-element.elementor-element-1453ab4{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-638917c{--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-2408 .elementor-element.elementor-element-3d5f42b .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-2408 .elementor-element.elementor-element-3d5f42b{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-3d5f42b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-3d5f42b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-3d5f42b:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-3d5f42b .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-3d5f42b .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-3d5f42b .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-e494fa1 .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-2408 .elementor-element.elementor-element-e494fa1{width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;z-index:19;}.elementor-2408 .elementor-element.elementor-element-e494fa1 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-e494fa1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-e494fa1:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-e494fa1 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-e494fa1 .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-e494fa1 .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-d73b59c:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-d73b59c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(332deg, #FFFFFFF2 38%, #AFD7E5 100%);}.elementor-2408 .elementor-element.elementor-element-d73b59c > .elementor-background-overlay{background-color:#ffffff;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/12377.jpg");background-position:bottom center;background-size:cover;opacity:0.49;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-d73b59c .elementor-background-overlay{filter:brightness( 105% ) contrast( 115% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-d73b59c{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:-10vw;margin-bottom:-8vw;padding:0vw 0vw 2vw 2vw;z-index:5;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-54241e8.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-54241e8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-54241e8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-54241e8 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-8b74222 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-8b74222{margin-top:0vw;margin-bottom:4vw;padding:0px 0px 0px 0px;z-index:35;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-22b2081.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-22b2081.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-22b2081.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-22b2081 > .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-2408 .elementor-element.elementor-element-22b2081 > .elementor-element-populated{border-style:none;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-22b2081 > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-22b2081 > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-22b2081 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-d4a0819{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-835f31a{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-835f31a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-835f31a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-item{border-width:0.25em;border-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-item .elementor-tab-content{border-width:0.25em;border-block-start-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0.25em;border-block-end-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-title{background-color:#00000000;padding:0.75vw 1.5vw 1vw 1.5vw;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-icon, .elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-title{color:#2D2D2D;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-icon svg{fill:#2D2D2D;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-active .elementor-accordion-icon, .elementor-2408 .elementor-element.elementor-element-835f31a .elementor-active .elementor-accordion-title{color:#3A3A3A;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-active .elementor-accordion-icon svg{fill:#3A3A3A;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-title{font-family:"Antonio", Sans-serif;font-size:1.4vw;font-weight:500;text-transform:uppercase;line-height:0.9em;letter-spacing:-0.205px;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-title .elementor-accordion-icon i:before{color:#000000;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-title .elementor-accordion-icon svg{fill:#000000;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#000000;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#000000;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-content{background-color:#00000000;color:#000000;font-family:"Chakra Petch", Sans-serif;font-size:1vw;font-weight:400;line-height:1.3em;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-041a056{--spacer-size:7vh;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-dd5da95.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-dd5da95.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-dd5da95 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-38da12c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-38da12c{margin-top:0vw;margin-bottom:4vw;padding:0px 0px 0px 0px;z-index:35;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-ebf49ea.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-ebf49ea.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-ebf49ea.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-ebf49ea > .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-2408 .elementor-element.elementor-element-ebf49ea > .elementor-element-populated{border-style:none;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-ebf49ea > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-ebf49ea > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-ebf49ea > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-9f6b8e3{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-48f2f65{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-2408 .elementor-element.elementor-element-48f2f65 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-48f2f65.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-item{border-width:0.25em;border-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-item .elementor-tab-content{border-width:0.25em;border-block-start-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0.25em;border-block-end-color:#FFFFFF00;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-title{background-color:#00000000;padding:0.75vw 1.5vw 1vw 1.5vw;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-icon, .elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-title{color:#2D2D2D;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-icon svg{fill:#2D2D2D;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-active .elementor-accordion-icon, .elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-active .elementor-accordion-title{color:#3A3A3A;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-active .elementor-accordion-icon svg{fill:#3A3A3A;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-title{font-family:"Antonio", Sans-serif;font-size:1.4vw;font-weight:500;text-transform:uppercase;line-height:0.9em;letter-spacing:-0.205px;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-title .elementor-accordion-icon i:before{color:#000000;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-title .elementor-accordion-icon svg{fill:#000000;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#000000;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#000000;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-content{background-color:#00000000;color:#000000;font-family:"Chakra Petch", Sans-serif;font-size:1vw;font-weight:400;line-height:1.3em;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c196b7b{--spacer-size:7vh;}.elementor-2408 .elementor-element.elementor-element-b94a8d8:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-b94a8d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #BFD9F6 0%, #FFFFFF 81%);}.elementor-2408 .elementor-element.elementor-element-b94a8d8 > .elementor-background-overlay{background-color:#00000000;background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/7817.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-b94a8d8{overflow:hidden;border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-8vw;margin-bottom:0vw;padding:5vw 0vw 5vw 0vw;}.elementor-2408 .elementor-element.elementor-element-b94a8d8 .elementor-background-overlay{filter:brightness( 100% ) contrast( 103% ) saturate( 75% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-b94a8d8, .elementor-2408 .elementor-element.elementor-element-b94a8d8 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-f742a4c.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-f742a4c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-2408 .elementor-element.elementor-element-f742a4c.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-2408 .elementor-element.elementor-element-f742a4c > .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-2408 .elementor-element.elementor-element-f742a4c > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 6vw 0vw 4vw;}.elementor-2408 .elementor-element.elementor-element-f742a4c{z-index:5;}.elementor-2408 .elementor-element.elementor-element-189e824{--spacer-size:6vh;}.elementor-2408 .elementor-element.elementor-element-4b0f552 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-4b0f552:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-4b0f552 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(104deg, #223973 13%, #091634 59%);}.elementor-2408 .elementor-element.elementor-element-4b0f552 > .elementor-background-overlay{background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/28393767_abstract_contemporary_496-scaled-1.jpg");background-position:center left;background-size:cover;opacity:0.28;mix-blend-mode:luminosity;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-4b0f552 .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-4b0f552{border-style:solid;border-width:4px 2px 4px 2px;border-color:#FFFFFF;box-shadow:0px 12px 33px 6px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:1vw;padding:00.7055vw 2vw 1vw 2vw;z-index:2;}.elementor-2408 .elementor-element.elementor-element-4b0f552, .elementor-2408 .elementor-element.elementor-element-4b0f552 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-4b0f552 > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-4b0f552 > .elementor-shape-top svg{width:calc(3% + 1.3px);height:15px;}.elementor-2408 .elementor-element.elementor-element-4b0f552 > .elementor-shape-bottom svg{width:calc(3% + 1.3px);height:15px;}.elementor-2408 .elementor-element.elementor-element-b2d1d0f.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-b2d1d0f > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-a4d6abb > .elementor-widget-container{margin:0vw 0vw -4vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-a4d6abb{z-index:15;}.elementor-2408 .elementor-element.elementor-element-a4d6abb img{width:59%;}.elementor-2408 .elementor-element.elementor-element-f0605f6 > .elementor-widget-container{margin:-20vw 2vw -2vw 1vw;}.elementor-2408 .elementor-element.elementor-element-f0605f6{z-index:1;text-align:center;}.elementor-2408 .elementor-element.elementor-element-f0605f6 img{width:82%;filter:brightness( 5599% ) contrast( 106% ) saturate( 102% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-703947b.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-703947b > .elementor-element-populated{padding:0vw 0vw 0vw 2vw;}.elementor-2408 .elementor-element.elementor-element-5d66644{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;z-index:15;}.elementor-2408 .elementor-element.elementor-element-5d66644 > .elementor-widget-container{margin:0vw 0vw 0.25vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5d66644 img{opacity:1;}.elementor-2408 .elementor-element.elementor-element-91987b4{width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-91987b4 > .elementor-widget-container{margin:00.5vw -2vw 1vw 1vw;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 3px 0px;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-91987b4 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:4.5vw;font-weight:500;text-transform:uppercase;line-height:1.3em;letter-spacing:0px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#0A4C87ED;stroke:#0A4C87ED;text-shadow:-3px 2px 0px #000000;color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-a0198ce{width:var( --container-widget-width, 31% );max-width:31%;--container-widget-width:31%;--container-widget-flex-grow:0;text-align:center;}.elementor-2408 .elementor-element.elementor-element-a0198ce > .elementor-widget-container{margin:0vw 0vw 0.5vw 0vw;padding:.750vw .50vw .10250vw .50vw;}.elementor-2408 .elementor-element.elementor-element-a0198ce .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-2408 .elementor-element.elementor-element-b7887c2{width:var( --container-widget-width, 31% );max-width:31%;--container-widget-width:31%;--container-widget-flex-grow:0;text-align:center;}.elementor-2408 .elementor-element.elementor-element-b7887c2 > .elementor-widget-container{margin:0vw 0vw 0.5vw 0vw;padding:.750vw .50vw .10250vw .50vw;}.elementor-2408 .elementor-element.elementor-element-b7887c2 .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-2408 .elementor-element.elementor-element-572a888{width:var( --container-widget-width, 31% );max-width:31%;--container-widget-width:31%;--container-widget-flex-grow:0;text-align:center;}.elementor-2408 .elementor-element.elementor-element-572a888 > .elementor-widget-container{margin:0vw 0vw 0.5vw 0vw;padding:.750vw .50vw .10250vw .50vw;}.elementor-2408 .elementor-element.elementor-element-572a888 .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-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2408 .elementor-element.elementor-element-c5c2d99{width:100%;max-width:100%;z-index:25;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 > .elementor-widget-container{margin:1vw 0vw 1vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group{padding-right:calc( 12px/2 );padding-left:calc( 12px/2 );margin-bottom:16px;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-form-fields-wrapper{margin-left:calc( -12px/2 );margin-right:calc( -12px/2 );margin-bottom:-16px;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-labels-inline .elementor-field-group > label{padding-left:14px;}body:not(.rtl) .elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-labels-inline .elementor-field-group > label{padding-right:14px;}body .elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-labels-above .elementor-field-group > label{padding-bottom:14px;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group > label, .elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-subgroup label{color:#787D80;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-type-html{padding-bottom:14px;color:#7A7A7A;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group .elementor-field, .elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-subgroup label{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:500;text-transform:uppercase;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#1421407D;border-color:#FFFFFF;border-width:0px 2px 2px 2px;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group .elementor-select-wrapper select{background-color:#1421407D;border-color:#FFFFFF;border-width:0px 2px 2px 2px;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-button{font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:500;text-transform:uppercase;letter-spacing:0em;border-style:solid;border-width:0px 0px 2px 0px;border-radius:0em 0em 0em 0em;padding:5% 5% 5% 5%;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .e-form__buttons__wrapper__button-next{background-color:#00000000;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-button[type="submit"]{background-color:#00000000;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .e-form__buttons__wrapper__button-previous{background-color:#7AB427;color:#ffffff;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .e-form__buttons__wrapper__button-next:hover{background-color:#02010100;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-button[type="submit"]:hover{background-color:#02010100;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-button[type="submit"]:hover svg *{fill:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;border-color:#41BAEC;}.elementor-2408 .elementor-element.elementor-element-af612ef > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-af612ef:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-af612ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(104deg, #223973 13%, #091634 59%);}.elementor-2408 .elementor-element.elementor-element-af612ef > .elementor-background-overlay{background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/28393767_abstract_contemporary_496-scaled-1.jpg");background-position:center left;background-size:cover;opacity:0.28;mix-blend-mode:luminosity;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-af612ef .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-af612ef{border-style:solid;border-width:4px 2px 4px 2px;border-color:#FFFFFF;box-shadow:0px 12px 33px 6px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:1vw;padding:00.7055vw 2vw 1vw 2vw;z-index:2;}.elementor-2408 .elementor-element.elementor-element-af612ef, .elementor-2408 .elementor-element.elementor-element-af612ef > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-af612ef > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-af612ef > .elementor-shape-top svg{width:calc(3% + 1.3px);height:15px;}.elementor-2408 .elementor-element.elementor-element-af612ef > .elementor-shape-bottom svg{width:calc(3% + 1.3px);height:15px;}.elementor-2408 .elementor-element.elementor-element-a2007da.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-a2007da > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-b6c3ea0.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-b6c3ea0 > .elementor-element-populated{padding:0vw 0vw 0vw 2vw;}.elementor-2408 .elementor-element.elementor-element-cd9a1b9{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;z-index:15;}.elementor-2408 .elementor-element.elementor-element-cd9a1b9 > .elementor-widget-container{margin:0vw 0vw 0.25vw 0vw;}.elementor-2408 .elementor-element.elementor-element-cd9a1b9 img{opacity:1;}.elementor-2408 .elementor-element.elementor-element-1d135c9{width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1d135c9 > .elementor-widget-container{margin:00.5vw -2vw 1vw 1vw;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 3px 0px;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-1d135c9 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:4.5vw;font-weight:500;text-transform:uppercase;line-height:1.3em;letter-spacing:0px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#0A4C87ED;stroke:#0A4C87ED;text-shadow:-3px 2px 0px #000000;color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-9ca5b90{width:var( --container-widget-width, 31% );max-width:31%;--container-widget-width:31%;--container-widget-flex-grow:0;text-align:center;}.elementor-2408 .elementor-element.elementor-element-9ca5b90 > .elementor-widget-container{margin:0vw 0vw 0.5vw 0vw;padding:.750vw .50vw .10250vw .50vw;}.elementor-2408 .elementor-element.elementor-element-9ca5b90 .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-2408 .elementor-element.elementor-element-4969fe4{width:var( --container-widget-width, 31% );max-width:31%;--container-widget-width:31%;--container-widget-flex-grow:0;text-align:center;}.elementor-2408 .elementor-element.elementor-element-4969fe4 > .elementor-widget-container{margin:0vw 0vw 0.5vw 0vw;padding:.750vw .50vw .10250vw .50vw;}.elementor-2408 .elementor-element.elementor-element-4969fe4 .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-2408 .elementor-element.elementor-element-35489bf{width:var( --container-widget-width, 31% );max-width:31%;--container-widget-width:31%;--container-widget-flex-grow:0;text-align:center;}.elementor-2408 .elementor-element.elementor-element-35489bf > .elementor-widget-container{margin:0vw 0vw 0.5vw 0vw;padding:.750vw .50vw .10250vw .50vw;}.elementor-2408 .elementor-element.elementor-element-35489bf .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-2408 .elementor-element.elementor-element-158a73f{width:100%;max-width:100%;z-index:25;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2408 .elementor-element.elementor-element-158a73f > .elementor-widget-container{margin:1vw 0vw 1vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-button-content-wrapper{flex-direction:row;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group{padding-right:calc( 12px/2 );padding-left:calc( 12px/2 );margin-bottom:16px;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-form-fields-wrapper{margin-left:calc( -12px/2 );margin-right:calc( -12px/2 );margin-bottom:-16px;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2408 .elementor-element.elementor-element-158a73f .elementor-labels-inline .elementor-field-group > label{padding-left:14px;}body:not(.rtl) .elementor-2408 .elementor-element.elementor-element-158a73f .elementor-labels-inline .elementor-field-group > label{padding-right:14px;}body .elementor-2408 .elementor-element.elementor-element-158a73f .elementor-labels-above .elementor-field-group > label{padding-bottom:14px;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group > label, .elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-subgroup label{color:#787D80;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-type-html{padding-bottom:14px;color:#7A7A7A;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group .elementor-field, .elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-subgroup label{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:500;text-transform:uppercase;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#1421407D;border-color:#FFFFFF;border-width:0px 2px 2px 2px;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group .elementor-select-wrapper select{background-color:#1421407D;border-color:#FFFFFF;border-width:0px 2px 2px 2px;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-button{font-family:"Antonio", Sans-serif;font-size:2vw;font-weight:500;text-transform:uppercase;letter-spacing:0em;border-style:solid;border-width:0px 0px 2px 0px;border-radius:0em 0em 0em 0em;padding:5% 5% 5% 5%;}.elementor-2408 .elementor-element.elementor-element-158a73f .e-form__buttons__wrapper__button-next{background-color:#00000000;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-button[type="submit"]{background-color:#00000000;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-158a73f .e-form__buttons__wrapper__button-previous{background-color:#7AB427;color:#ffffff;}.elementor-2408 .elementor-element.elementor-element-158a73f .e-form__buttons__wrapper__button-next:hover{background-color:#02010100;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-button[type="submit"]:hover{background-color:#02010100;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-button[type="submit"]:hover svg *{fill:#FFFFFF;}.elementor-2408 .elementor-element.elementor-element-158a73f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;border-color:#41BAEC;}.elementor-2408 .elementor-element.elementor-element-908a614 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-908a614:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-908a614 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(104deg, #FFCF16 0%, #E9C100 78%);}.elementor-2408 .elementor-element.elementor-element-908a614 > .elementor-background-overlay{background-image:url("https://www.chicagocomforthvac.com/wp-content/uploads/2026/05/13533.jpg");background-size:cover;opacity:0.6;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2408 .elementor-element.elementor-element-908a614 .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2408 .elementor-element.elementor-element-908a614{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:1vw;margin-bottom:2vw;padding:0vw 0vw 0vw 1vw;z-index:2;}.elementor-2408 .elementor-element.elementor-element-908a614, .elementor-2408 .elementor-element.elementor-element-908a614 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-07370a8.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-07370a8 > .elementor-element-populated{padding:0vw 0vw 0vw 00.5vw;}.elementor-2408 .elementor-element.elementor-element-2ad8fe8{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-2ad8fe8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-2ad8fe8 img{width:100%;opacity:1;filter:brightness( 27% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 145deg );}.elementor-2408 .elementor-element.elementor-element-cc47a25{width:var( --container-widget-width, 79% );max-width:79%;--container-widget-width:79%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-2408 .elementor-element.elementor-element-cc47a25 > .elementor-widget-container{margin:00.5vw 0vw 00.25vw 00.5vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-cc47a25 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:4.5vw;font-weight:300;text-transform:uppercase;line-height:1.3em;letter-spacing:-1.7505px;color:#143058;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-b3053c1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-b3053c1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-b3053c1.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-2408 .elementor-element.elementor-element-b3053c1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-72eed91 .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-2408 .elementor-element.elementor-element-72eed91{width:100%;max-width:100%;z-index:19;}.elementor-2408 .elementor-element.elementor-element-72eed91 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-2408 .elementor-element.elementor-element-72eed91.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2408 .elementor-element.elementor-element-72eed91:hover .elementor-widget-container{border-style:none;}.elementor-2408 .elementor-element.elementor-element-72eed91 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2408 .elementor-element.elementor-element-72eed91 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2408 .elementor-element.elementor-element-72eed91 .elementor-button:hover, .elementor-2408 .elementor-element.elementor-element-72eed91 .elementor-button:focus{border-color:#000000;}.elementor-2408 .elementor-element.elementor-element-87c4d68 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-87c4d68{margin-top:0vw;margin-bottom:4vw;padding:0px 0px 0px 0px;z-index:35;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-e5cf405.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-e5cf405.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-e5cf405.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-e5cf405 > .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-2408 .elementor-element.elementor-element-e5cf405 > .elementor-element-populated{border-style:none;margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-e5cf405 > .elementor-element-populated, .elementor-2408 .elementor-element.elementor-element-e5cf405 > .elementor-element-populated > .elementor-background-overlay, .elementor-2408 .elementor-element.elementor-element-e5cf405 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-86ed7b4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2408 .elementor-element.elementor-element-d7bf10f{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#363636;}.elementor-2408 .elementor-element.elementor-element-d7bf10f > .elementor-widget-container{background-color:#FFFFFF45;margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-d7bf10f a{color:#222222;}.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-2408 .elementor-element.elementor-element-d61b771{width:auto;max-width:auto;--e-icon-list-icon-size:1vw;--icon-vertical-offset:0px;}.elementor-2408 .elementor-element.elementor-element-d61b771 > .elementor-widget-container{background-color:#0D3F6E;margin:-1vw 00.5vw 00.5vw 0vw;padding:.250vw 0.7555vw .15250vw 0.7555vw;border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-icon i{color:#E9DE06;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-icon svg{fill:#E9DE06;transition:fill 0.3s;}.elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-item > a{font-family:"Work Sans", Sans-serif;font-size:0.9vw;font-weight:500;text-transform:uppercase;letter-spacing:4px;}.elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-498bcaa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2408 .elementor-element.elementor-element-459e688{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#363636;}.elementor-2408 .elementor-element.elementor-element-459e688 > .elementor-widget-container{background-color:#FFFFFF45;margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-459e688 a{color:#222222;}.elementor-2408 .elementor-element.elementor-element-5b7d951{width:auto;max-width:auto;--e-icon-list-icon-size:1vw;--icon-vertical-offset:0px;}.elementor-2408 .elementor-element.elementor-element-5b7d951 > .elementor-widget-container{background-color:#0D3F6E;margin:-1vw 00.5vw 00.5vw 0vw;padding:.250vw 0.7555vw .15250vw 0.7555vw;border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-icon i{color:#E9DE06;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-icon svg{fill:#E9DE06;transition:fill 0.3s;}.elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-item > a{font-family:"Work Sans", Sans-serif;font-size:0.9vw;font-weight:500;text-transform:uppercase;letter-spacing:4px;}.elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-addecae{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2408 .elementor-element.elementor-element-c0a8e0e{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#363636;}.elementor-2408 .elementor-element.elementor-element-c0a8e0e > .elementor-widget-container{background-color:#FFFFFF45;margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-c0a8e0e a{color:#222222;}.elementor-2408 .elementor-element.elementor-element-a95753d{width:auto;max-width:auto;--e-icon-list-icon-size:1vw;--icon-vertical-offset:0px;}.elementor-2408 .elementor-element.elementor-element-a95753d > .elementor-widget-container{background-color:#0D3F6E;margin:-1vw 00.5vw 00.5vw 0vw;padding:.250vw 0.7555vw .15250vw 0.7555vw;border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-icon i{color:#E9DE06;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-icon svg{fill:#E9DE06;transition:fill 0.3s;}.elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-item > a{font-family:"Work Sans", Sans-serif;font-size:0.9vw;font-weight:500;text-transform:uppercase;letter-spacing:4px;}.elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-9e2f3ff{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2408 .elementor-element.elementor-element-17e0b04{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#363636;}.elementor-2408 .elementor-element.elementor-element-17e0b04 > .elementor-widget-container{background-color:#FFFFFF45;margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-17e0b04 a{color:#222222;}.elementor-2408 .elementor-element.elementor-element-a2e6c34{width:auto;max-width:auto;--e-icon-list-icon-size:1vw;--icon-vertical-offset:0px;}.elementor-2408 .elementor-element.elementor-element-a2e6c34 > .elementor-widget-container{background-color:#0D3F6E;margin:-1vw 00.5vw 00.5vw 0vw;padding:.250vw 0.7555vw .15250vw 0.7555vw;border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-icon i{color:#E9DE06;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-icon svg{fill:#E9DE06;transition:fill 0.3s;}.elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-item > a{font-family:"Work Sans", Sans-serif;font-size:0.9vw;font-weight:500;text-transform:uppercase;letter-spacing:4px;}.elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-1ca93ed{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2408 .elementor-element.elementor-element-cc1e415{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#363636;}.elementor-2408 .elementor-element.elementor-element-cc1e415 > .elementor-widget-container{background-color:#FFFFFF45;margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-cc1e415 a{color:#222222;}.elementor-2408 .elementor-element.elementor-element-b688120{width:auto;max-width:auto;--e-icon-list-icon-size:1vw;--icon-vertical-offset:0px;}.elementor-2408 .elementor-element.elementor-element-b688120 > .elementor-widget-container{background-color:#0D3F6E;margin:-1vw 00.5vw 00.5vw 0vw;padding:.250vw 0.7555vw .15250vw 0.7555vw;border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-icon i{color:#E9DE06;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-icon svg{fill:#E9DE06;transition:fill 0.3s;}.elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-item > a{font-family:"Work Sans", Sans-serif;font-size:0.9vw;font-weight:500;text-transform:uppercase;letter-spacing:4px;}.elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-c94b51b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2408 .elementor-element.elementor-element-f0c0c82{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#363636;}.elementor-2408 .elementor-element.elementor-element-f0c0c82 > .elementor-widget-container{background-color:#FFFFFF45;margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-f0c0c82 a{color:#222222;}.elementor-2408 .elementor-element.elementor-element-5ba313d{width:auto;max-width:auto;--e-icon-list-icon-size:1vw;--icon-vertical-offset:0px;}.elementor-2408 .elementor-element.elementor-element-5ba313d > .elementor-widget-container{background-color:#0D3F6E;margin:-1vw 00.5vw 00.5vw 0vw;padding:.250vw 0.7555vw .15250vw 0.7555vw;border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-icon i{color:#E9DE06;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-icon svg{fill:#E9DE06;transition:fill 0.3s;}.elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-item > a{font-family:"Work Sans", Sans-serif;font-size:0.9vw;font-weight:500;text-transform:uppercase;letter-spacing:4px;}.elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-66ae2df{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2408 .elementor-element.elementor-element-911728f{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#363636;}.elementor-2408 .elementor-element.elementor-element-911728f > .elementor-widget-container{background-color:#FFFFFF45;margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-911728f a{color:#222222;}.elementor-2408 .elementor-element.elementor-element-c7484ab{width:auto;max-width:auto;--e-icon-list-icon-size:1vw;--icon-vertical-offset:0px;}.elementor-2408 .elementor-element.elementor-element-c7484ab > .elementor-widget-container{background-color:#0D3F6E;margin:-1vw 00.5vw 00.5vw 0vw;padding:.250vw 0.7555vw .15250vw 0.7555vw;border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-icon i{color:#E9DE06;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-icon svg{fill:#E9DE06;transition:fill 0.3s;}.elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-item > a{font-family:"Work Sans", Sans-serif;font-size:0.9vw;font-weight:500;text-transform:uppercase;letter-spacing:4px;}.elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-8e445d2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2408 .elementor-element.elementor-element-35c04ae{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#363636;}.elementor-2408 .elementor-element.elementor-element-35c04ae > .elementor-widget-container{background-color:#FFFFFF45;margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-35c04ae a{color:#222222;}.elementor-2408 .elementor-element.elementor-element-9d57322{width:auto;max-width:auto;--e-icon-list-icon-size:1vw;--icon-vertical-offset:0px;}.elementor-2408 .elementor-element.elementor-element-9d57322 > .elementor-widget-container{background-color:#0D3F6E;margin:-1vw 00.5vw 00.5vw 0vw;padding:.250vw 0.7555vw .15250vw 0.7555vw;border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:0em 0em 0em 0em;}.elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-icon i{color:#E9DE06;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-icon svg{fill:#E9DE06;transition:fill 0.3s;}.elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-item > a{font-family:"Work Sans", Sans-serif;font-size:0.9vw;font-weight:500;text-transform:uppercase;letter-spacing:4px;}.elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2408 .elementor-element.elementor-element-32e7cd4{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#4E5267;--e-n-carousel-arrow-hover-color:#807F7D;}.elementor-2408 .elementor-element.elementor-element-32e7cd4 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FFFFFF00;border-style:none;border-radius:0em 0em 0em 0em;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-32e7cd4 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:#3C3D4000;border-style:none;}.elementor-2408 .elementor-element.elementor-element-32e7cd4 > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;padding:1vw 0vw 0vw 0vw;border-style:none;}:where( .elementor-2408 .elementor-element.elementor-element-32e7cd4 .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-2408 .elementor-element.elementor-element-799cc75 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-799cc75{margin-top:-1vw;margin-bottom:1vw;padding:0px 0px 0px 0px;z-index:35;}.elementor-2408 .elementor-element.elementor-element-ec5ecda > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-8fefa98{--e-image-carousel-slides-to-show:5;width:100%;max-width:100%;}.elementor-2408 .elementor-element.elementor-element-8fefa98 > .elementor-widget-container{padding:1vw 0vw 00.5vw 0vw;}.elementor-2408 .elementor-element.elementor-element-8fefa98 .swiper-wrapper{display:flex;align-items:center;}body.elementor-page-2408:not(.elementor-motion-effects-element-type-background), body.elementor-page-2408 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2408 .elementor-element.elementor-element-70838d1{padding:5vw 3vw 0vw 3vw;}.elementor-2408 .elementor-element.elementor-element-b43a902 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-4c36ba0 > .elementor-widget-container{margin:0vw 0vw -1vw 0vw;}.elementor-2408 .elementor-element.elementor-element-4c36ba0{text-align:start;}.elementor-2408 .elementor-element.elementor-element-4c36ba0 .elementor-heading-title{font-size:10vw;}.elementor-2408 .elementor-element.elementor-element-31cc6f3 .elementor-divider-separator{width:96%;}.elementor-2408 .elementor-element.elementor-element-a3efb17 > .elementor-widget-container{margin:-2vw 0vw 1vw 0vw;}.elementor-2408 .elementor-element.elementor-element-a3efb17{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-a3efb17 .elementor-heading-title{font-size:6.6vw;}.elementor-2408 .elementor-element.elementor-element-dbf0a1e > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-dbf0a1e .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-ae7bb23 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-ae7bb23 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-3cba189 > .elementor-widget-container{margin:7vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-7f2f609 > .elementor-widget-container{margin:2vw 0vw -1vw 0vw;}.elementor-2408 .elementor-element.elementor-element-4ab791f > .elementor-widget-container{margin:-3vw -2vw -9vw 3vw;}.elementor-2408 .elementor-element.elementor-element-e600101 > .elementor-widget-container{margin:16vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-140650f > .elementor-widget-container{margin:16vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-53e399b > .elementor-widget-container{margin:-26vw 0vw -5vw 0vw;}.elementor-2408 .elementor-element.elementor-element-53e399b img{width:94%;}.elementor-2408 .elementor-element.elementor-element-71190db{margin-top:0px;margin-bottom:0px;padding:2vw 1vw 2vw 3vw;}.elementor-2408 .elementor-element.elementor-element-ad2e59d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-ad2e59d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-f151218{--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-2408 .elementor-element.elementor-element-f151218 > .elementor-widget-container{padding:0vw 0vw 1vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c8d78b0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-c8d78b0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 2vw;}.elementor-2408 .elementor-element.elementor-element-49fe8af > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-49fe8af{--container-widget-width:43%;--container-widget-flex-grow:0;width:var( --container-widget-width, 43% );max-width:43%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-49fe8af .elementor-heading-title{font-size:8vw;}.elementor-2408 .elementor-element.elementor-element-1074152 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1074152 .elementor-button{font-size:3vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-50ca279:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-50ca279 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(130deg, #011C3D 100%, #FFFFFF 5%);}.elementor-2408 .elementor-element.elementor-element-50ca279{margin-top:0px;margin-bottom:0px;padding:2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-fbad1ea.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-fbad1ea > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 1vw 0vw;}.elementor-2408 .elementor-element.elementor-element-6c42ceb > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-6c42ceb{text-align:start;}.elementor-2408 .elementor-element.elementor-element-6c42ceb .elementor-heading-title{font-size:3vw;}.elementor-2408 .elementor-element.elementor-element-86b1ac8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-86b1ac8:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2408 .elementor-element.elementor-element-86b1ac8 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(356deg, #063B77 100%, #F2295B00 75%);}.elementor-2408 .elementor-element.elementor-element-86b1ac8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-44f4bf8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-44f4bf8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-44f4bf8 .elementor-heading-title{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-b7f18a5{padding:10vw 3vw 5vw 3vw;}.elementor-2408 .elementor-element.elementor-element-d3ff7d4 > .elementor-element-populated{padding:0% 0% 0% 0%;}.elementor-2408 .elementor-element.elementor-element-96933d4{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-f12649d{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-0807116 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-00d7a77{--container-widget-width:11%;--container-widget-flex-grow:0;width:var( --container-widget-width, 11% );max-width:11%;}.elementor-2408 .elementor-element.elementor-element-634222a > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-634222a{--container-widget-width:30%;--container-widget-flex-grow:0;width:var( --container-widget-width, 30% );max-width:30%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-634222a .elementor-heading-title{font-size:10vw;}.elementor-2408 .elementor-element.elementor-element-0c4f252 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-0c4f252{--container-widget-width:59%;--container-widget-flex-grow:0;width:var( --container-widget-width, 59% );max-width:59%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-0c4f252 .elementor-heading-title{font-size:8.1vw;}.elementor-2408 .elementor-element.elementor-element-7d71ea2 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-b1ad3a4{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-0deea33{--e-n-carousel-swiper-slides-to-display:3;}.elementor-2408 .elementor-element.elementor-element-a34ecec{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-585e58d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-585e58d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-1d3508a > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-1d3508a{text-align:start;}.elementor-2408 .elementor-element.elementor-element-1d3508a .elementor-heading-title{font-size:2.2vw;line-height:1.2em;letter-spacing:0.04em;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-424ac27.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-424ac27.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-367056b > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-367056b{text-align:start;}.elementor-2408 .elementor-element.elementor-element-367056b .elementor-heading-title{font-size:2.2vw;line-height:1.2em;letter-spacing:0.04em;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-614809f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-614809f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-bd714b5 > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-bd714b5{text-align:start;}.elementor-2408 .elementor-element.elementor-element-bd714b5 .elementor-heading-title{font-size:2.2vw;line-height:1.2em;letter-spacing:0.04em;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-e42d726.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-e42d726.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-9b74daf > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-9b74daf{text-align:start;}.elementor-2408 .elementor-element.elementor-element-9b74daf .elementor-heading-title{font-size:2.2vw;line-height:1.2em;letter-spacing:0.04em;}.elementor-2408 .elementor-element.elementor-element-b50d6f5{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-449f59e{--e-image-carousel-slides-to-show:4;}.elementor-2408 .elementor-element.elementor-element-7e09d60{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-f075a0c > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-2408 .elementor-element.elementor-element-f075a0c{padding:10vw 0vw 6vw 3vw;}.elementor-2408 .elementor-element.elementor-element-0720ee0{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-972b271{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-d67c5bd > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-68edda9{--container-widget-width:16%;--container-widget-flex-grow:0;width:var( --container-widget-width, 16% );max-width:16%;}.elementor-2408 .elementor-element.elementor-element-643bea9 > .elementor-widget-container{margin:-3vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-643bea9{--container-widget-width:78%;--container-widget-flex-grow:0;width:var( --container-widget-width, 78% );max-width:78%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-643bea9 .elementor-heading-title{font-size:8.7vw;}.elementor-2408 .elementor-element.elementor-element-fd33ca0 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-fd33ca0{text-align:start;}.elementor-2408 .elementor-element.elementor-element-fd33ca0 .elementor-heading-title{font-size:8.3vw;}.elementor-2408 .elementor-element.elementor-element-1b58c50 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1b58c50{text-align:start;}.elementor-2408 .elementor-element.elementor-element-1b58c50 .elementor-heading-title{font-size:2.1vw;}.elementor-2408 .elementor-element.elementor-element-72b839a > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-df8ea0b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-df8ea0b{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-df8ea0b .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-f1971d5 > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-f1971d5{text-align:start;}.elementor-2408 .elementor-element.elementor-element-f1971d5 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-d70f334{--spacer-size:0.1vh;}.elementor-2408 .elementor-element.elementor-element-9940417 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-9940417{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-9940417 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-c0b8542 > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-c0b8542{text-align:start;}.elementor-2408 .elementor-element.elementor-element-c0b8542 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-3781ab4{--spacer-size:0.1vh;}.elementor-2408 .elementor-element.elementor-element-0037031 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-0037031{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-0037031 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-5518c4b > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-5518c4b{text-align:start;}.elementor-2408 .elementor-element.elementor-element-5518c4b .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-4297722 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-4297722 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-7820d6c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-7820d6c .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-24ae8dc{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-4b77e93{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-4948383 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-5969fdf{padding:7vw 3vw 14vw 3vw;}.elementor-2408 .elementor-element.elementor-element-5d4192d > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-773ae31{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-0bdfd3f > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-8f23201{--container-widget-width:21%;--container-widget-flex-grow:0;width:var( --container-widget-width, 21% );max-width:21%;}.elementor-2408 .elementor-element.elementor-element-038284f > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-038284f{text-align:start;}.elementor-2408 .elementor-element.elementor-element-038284f .elementor-heading-title{font-size:10vw;}.elementor-2408 .elementor-element.elementor-element-609e181 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-609e181{text-align:start;}.elementor-2408 .elementor-element.elementor-element-609e181 .elementor-heading-title{font-size:6.5vw;}.elementor-2408 .elementor-element.elementor-element-8903c6a > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-8903c6a{text-align:start;}.elementor-2408 .elementor-element.elementor-element-8903c6a .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-9da825d > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-d769103 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-d769103{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-d769103 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-db00dec > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-db00dec{text-align:start;}.elementor-2408 .elementor-element.elementor-element-db00dec .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-f172503 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-f172503{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-f172503 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-b4081ef > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-b4081ef{text-align:start;}.elementor-2408 .elementor-element.elementor-element-b4081ef .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-5d70f37 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-5d70f37{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-5d70f37 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-40ae153 > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-40ae153{text-align:start;}.elementor-2408 .elementor-element.elementor-element-40ae153 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-b2942b9 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-b2942b9 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-c27b898 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c27b898 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-41ff2ea{--spacer-size:0.1vh;}.elementor-2408 .elementor-element.elementor-element-97a25fc{--spacer-size:0.1vh;}.elementor-2408 .elementor-element.elementor-element-deeeec4{padding:7vw 3vw 10vw 3vw;}.elementor-2408 .elementor-element.elementor-element-93c0c08 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-f897448{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-225c30b{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-bfbf624 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-fb99da9 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-fb99da9{--container-widget-width:38%;--container-widget-flex-grow:0;width:var( --container-widget-width, 38% );max-width:38%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-fb99da9 .elementor-heading-title{font-size:8.7vw;}.elementor-2408 .elementor-element.elementor-element-49781b8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-49781b8{--container-widget-width:53%;--container-widget-flex-grow:0;width:var( --container-widget-width, 53% );max-width:53%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-49781b8 .elementor-heading-title{font-size:4vw;line-height:1.1em;}.elementor-2408 .elementor-element.elementor-element-e7ca8b4 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-e7ca8b4{text-align:center;}.elementor-2408 .elementor-element.elementor-element-e7ca8b4 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-4ea4ceb > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-996ed39{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-61f0420 > .elementor-element-populated{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-ad74e2f > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-ad74e2f{text-align:start;}.elementor-2408 .elementor-element.elementor-element-ad74e2f .elementor-heading-title{font-size:5vw;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-693eb58 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-693eb58{text-align:start;}.elementor-2408 .elementor-element.elementor-element-693eb58 .elementor-heading-title{font-size:3.3vw;}.elementor-2408 .elementor-element.elementor-element-b5d5d03 > .elementor-element-populated{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-f55e047 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-f55e047{text-align:start;}.elementor-2408 .elementor-element.elementor-element-f55e047 .elementor-heading-title{font-size:5vw;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-f4b877f > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-f4b877f{text-align:start;}.elementor-2408 .elementor-element.elementor-element-f4b877f .elementor-heading-title{font-size:3.3vw;}.elementor-2408 .elementor-element.elementor-element-69ce415 > .elementor-element-populated{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-1372256 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1372256{text-align:start;}.elementor-2408 .elementor-element.elementor-element-1372256 .elementor-heading-title{font-size:5vw;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-c362c11 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c362c11{text-align:start;}.elementor-2408 .elementor-element.elementor-element-c362c11 .elementor-heading-title{font-size:3.3vw;}.elementor-2408 .elementor-element.elementor-element-9808832 > .elementor-element-populated{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-7042f8a img{width:84%;}.elementor-2408 .elementor-element.elementor-element-edfab01 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-edfab01{text-align:start;}.elementor-2408 .elementor-element.elementor-element-edfab01 .elementor-heading-title{font-size:5vw;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-3f9c9f8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-3f9c9f8{text-align:start;}.elementor-2408 .elementor-element.elementor-element-3f9c9f8 .elementor-heading-title{font-size:3.3vw;}.elementor-2408 .elementor-element.elementor-element-b777a03 > .elementor-element-populated{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-e253122 img{width:68%;}.elementor-2408 .elementor-element.elementor-element-ce3bc74 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-ce3bc74{text-align:start;}.elementor-2408 .elementor-element.elementor-element-ce3bc74 .elementor-heading-title{font-size:5vw;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-a301839 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-a301839{text-align:start;}.elementor-2408 .elementor-element.elementor-element-a301839 .elementor-heading-title{font-size:3.3vw;}.elementor-2408 .elementor-element.elementor-element-827e2d2{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-76f2647{padding:11vw 3vw 11vw 3vw;}.elementor-2408 .elementor-element.elementor-element-b00111d{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-18b12b0{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-0f1932c > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-f1ab164 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-f1ab164{--container-widget-width:21%;--container-widget-flex-grow:0;width:var( --container-widget-width, 21% );max-width:21%;}.elementor-2408 .elementor-element.elementor-element-1965ae4 > .elementor-widget-container{margin:-3vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1965ae4{text-align:start;}.elementor-2408 .elementor-element.elementor-element-1965ae4 .elementor-heading-title{font-size:9.1vw;}.elementor-2408 .elementor-element.elementor-element-92becd5 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-92becd5{text-align:start;}.elementor-2408 .elementor-element.elementor-element-92becd5 .elementor-heading-title{font-size:6.5vw;}.elementor-2408 .elementor-element.elementor-element-6721106 > .elementor-widget-container{margin:-2vw 0vw 3vw 0vw;}.elementor-2408 .elementor-element.elementor-element-6721106{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-6721106 .elementor-heading-title{font-size:2.4vw;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-17dd461 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-17dd461{text-align:start;}.elementor-2408 .elementor-element.elementor-element-17dd461 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-486888d > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-ec05877{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-title{font-size:2.1vw;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-content{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-87a62fc > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-2408 .elementor-element.elementor-element-87a62fc{padding:10vw 0vw 6vw 3vw;}.elementor-2408 .elementor-element.elementor-element-35059ee{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-43780c6{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-0a45a01 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-22bd3d3{--container-widget-width:16%;--container-widget-flex-grow:0;width:var( --container-widget-width, 16% );max-width:16%;}.elementor-2408 .elementor-element.elementor-element-1c24400 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1c24400{--container-widget-width:78%;--container-widget-flex-grow:0;width:var( --container-widget-width, 78% );max-width:78%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1c24400 .elementor-heading-title{font-size:7.7vw;}.elementor-2408 .elementor-element.elementor-element-ccac39a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-ccac39a{text-align:start;}.elementor-2408 .elementor-element.elementor-element-ccac39a .elementor-heading-title{font-size:8vw;}.elementor-2408 .elementor-element.elementor-element-37aab31 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-37aab31{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-37aab31 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-60d113d > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-2f0209a{--spacer-size:0.1vh;}.elementor-2408 .elementor-element.elementor-element-80712e2 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-80712e2{text-align:center;}.elementor-2408 .elementor-element.elementor-element-80712e2 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-c3a7551 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-c3a7551{text-align:center;}.elementor-2408 .elementor-element.elementor-element-c3a7551 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-aa4a694 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-aa4a694{text-align:center;}.elementor-2408 .elementor-element.elementor-element-aa4a694 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-05c0de3 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-05c0de3{text-align:center;}.elementor-2408 .elementor-element.elementor-element-05c0de3 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-04cd64b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-04cd64b{text-align:center;}.elementor-2408 .elementor-element.elementor-element-04cd64b .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-1fff8bc > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-1fff8bc{text-align:center;}.elementor-2408 .elementor-element.elementor-element-1fff8bc .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-db11238 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-db11238{text-align:center;}.elementor-2408 .elementor-element.elementor-element-db11238 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-372b4c9 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-372b4c9{text-align:center;}.elementor-2408 .elementor-element.elementor-element-372b4c9 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-ac268ea > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-ac268ea{text-align:center;}.elementor-2408 .elementor-element.elementor-element-ac268ea .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-587f39c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-587f39c{text-align:center;}.elementor-2408 .elementor-element.elementor-element-587f39c .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-bdd0742 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-bdd0742{text-align:center;}.elementor-2408 .elementor-element.elementor-element-bdd0742 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-d33d873 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-d33d873{text-align:center;}.elementor-2408 .elementor-element.elementor-element-d33d873 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-354034c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-354034c{text-align:center;}.elementor-2408 .elementor-element.elementor-element-354034c .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-5dee3d8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5dee3d8 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-42773a8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-42773a8 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-7de006c{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-b2c022e{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-68d3525 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-f5f2156{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-53ee046{padding:6vw 3vw 7vw 3.5vw;}.elementor-2408 .elementor-element.elementor-element-548b96b{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-38ee8f2 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-d6d927e{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-2408 .elementor-element.elementor-element-fe7decb > .elementor-widget-container{margin:-3vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-fe7decb{--container-widget-width:78%;--container-widget-flex-grow:0;width:var( --container-widget-width, 78% );max-width:78%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-fe7decb .elementor-heading-title{font-size:11vw;}.elementor-2408 .elementor-element.elementor-element-3ace95e > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-3ace95e{text-align:start;}.elementor-2408 .elementor-element.elementor-element-3ace95e .elementor-heading-title{font-size:8.8vw;}.elementor-2408 .elementor-element.elementor-element-d61e1ac > .elementor-widget-container{margin:-2vw 0vw 2vw 0vw;}.elementor-2408 .elementor-element.elementor-element-d61e1ac{text-align:start;}.elementor-2408 .elementor-element.elementor-element-d61e1ac .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-94c1461 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-title{font-size:2.7vw;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-content{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-5c34470 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5c34470 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-aa61b34 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-aa61b34 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-e5f12bd.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-e5f12bd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-e5f12bd > .elementor-element-populated{padding:33vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-9a34bff > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-fd7227a > .elementor-widget-container{margin:8vw 2vw 0vw 2vw;}.elementor-2408 .elementor-element.elementor-element-f871b68{padding:13vw 3vw 10vw 3vw;}.elementor-2408 .elementor-element.elementor-element-ade175d{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-521726a{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-a73f8e0 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2408 .elementor-element.elementor-element-5fca0fd > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5fca0fd{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-2408 .elementor-element.elementor-element-d672224 > .elementor-widget-container{margin:-3vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-d672224{--container-widget-width:78%;--container-widget-flex-grow:0;width:var( --container-widget-width, 78% );max-width:78%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-d672224 .elementor-heading-title{font-size:11vw;}.elementor-2408 .elementor-element.elementor-element-7cb63e1 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-7cb63e1{text-align:start;}.elementor-2408 .elementor-element.elementor-element-7cb63e1 .elementor-heading-title{font-size:6.8vw;}.elementor-2408 .elementor-element.elementor-element-9643f49{padding:13vw 3vw 10vw 3vw;}.elementor-2408 .elementor-element.elementor-element-be21884{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-1ffedb7 > .elementor-widget-container{margin:0vw 0vw 2vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1ffedb7{text-align:start;}.elementor-2408 .elementor-element.elementor-element-1ffedb7 .elementor-heading-title{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-21dde37 > .elementor-element-populated{margin:-50vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;}.elementor-2408 .elementor-element.elementor-element-eb0cc9a > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-eb0cc9a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-eb0cc9a .elementor-heading-title{font-size:3vw;line-height:1.1em;}.elementor-2408 .elementor-element.elementor-element-5333c4e > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-5333c4e{text-align:center;}.elementor-2408 .elementor-element.elementor-element-5333c4e .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-dcbcd4b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-dcbcd4b{text-align:center;}.elementor-2408 .elementor-element.elementor-element-dcbcd4b .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-ea7efbc > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-ea7efbc{text-align:center;}.elementor-2408 .elementor-element.elementor-element-ea7efbc .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-496add7{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-dcee2ef > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-dcee2ef{text-align:center;}.elementor-2408 .elementor-element.elementor-element-dcee2ef .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-43d6519 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-43d6519{text-align:center;}.elementor-2408 .elementor-element.elementor-element-43d6519 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-4399073{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-b9821f7 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-b9821f7{text-align:center;}.elementor-2408 .elementor-element.elementor-element-b9821f7 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-94076cb > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-94076cb{text-align:center;}.elementor-2408 .elementor-element.elementor-element-94076cb .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-7a41eb4{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-0b73a18 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-0b73a18{text-align:center;}.elementor-2408 .elementor-element.elementor-element-0b73a18 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-b4465b3 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-b4465b3{text-align:center;}.elementor-2408 .elementor-element.elementor-element-b4465b3 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-68a0a77{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-2099e2a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-2099e2a{text-align:center;}.elementor-2408 .elementor-element.elementor-element-2099e2a .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-d4dcba6 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.5vw 1vw 0.5vw 1vw;}.elementor-2408 .elementor-element.elementor-element-d4dcba6{text-align:center;}.elementor-2408 .elementor-element.elementor-element-d4dcba6 .elementor-heading-title{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-1453ab4{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-3d5f42b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-3d5f42b .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-e494fa1 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-e494fa1 .elementor-button{font-size:2.5vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-d73b59c{margin-top:0vw;margin-bottom:0vw;padding:8vw 3vw 11vw 3vw;}.elementor-2408 .elementor-element.elementor-element-54241e8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2408 .elementor-element.elementor-element-835f31a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-title{font-size:2.5vw;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-title{padding:1.5vw 2vw 1.5vw 2vw;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-content{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-041a056{--spacer-size:0.1vh;}.elementor-2408 .elementor-element.elementor-element-48f2f65 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-48f2f65{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-title{font-size:2.5vw;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-title{padding:1.5vw 2vw 1.5vw 2vw;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-content{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-c196b7b{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-b94a8d8 > .elementor-background-overlay{background-position:center center;}.elementor-2408 .elementor-element.elementor-element-b94a8d8{padding:8vw 3vw 4vw 3vw;}.elementor-2408 .elementor-element.elementor-element-f742a4c > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-4b0f552{margin-top:0vw;margin-bottom:0vw;padding:6vw 3vw 6vw 3vw;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-b2d1d0f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-b2d1d0f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-5d66644 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5d66644{--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-2408 .elementor-element.elementor-element-91987b4 > .elementor-widget-container{margin:0vw 0vw 2vw 1vw;padding:0vw 0vw 1vw 0vw;}.elementor-2408 .elementor-element.elementor-element-91987b4{--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-91987b4 .elementor-heading-title{font-size:4.4vw;line-height:1em;}.elementor-2408 .elementor-element.elementor-element-a0198ce > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-a0198ce{--container-widget-width:28%;--container-widget-flex-grow:0;width:var( --container-widget-width, 28% );max-width:28%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-a0198ce .elementor-heading-title{font-size:1.5vw;}.elementor-2408 .elementor-element.elementor-element-b7887c2 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-b7887c2{--container-widget-width:28%;--container-widget-flex-grow:0;width:var( --container-widget-width, 28% );max-width:28%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-b7887c2 .elementor-heading-title{font-size:1.5vw;}.elementor-2408 .elementor-element.elementor-element-572a888 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-572a888{--container-widget-width:28%;--container-widget-flex-grow:0;width:var( --container-widget-width, 28% );max-width:28%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-572a888 .elementor-heading-title{font-size:1.5vw;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 > .elementor-widget-container{margin:3vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group .elementor-field, .elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-subgroup label{font-size:1.8vw;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-button{font-size:2.9vw;}.elementor-2408 .elementor-element.elementor-element-af612ef{margin-top:0vw;margin-bottom:0vw;padding:6vw 3vw 6vw 3vw;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-a2007da.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-a2007da.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-cd9a1b9 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-cd9a1b9{--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-2408 .elementor-element.elementor-element-1d135c9 > .elementor-widget-container{margin:0vw 0vw 2vw 1vw;padding:0vw 0vw 1vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1d135c9{--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1d135c9 .elementor-heading-title{font-size:4.4vw;line-height:1em;}.elementor-2408 .elementor-element.elementor-element-9ca5b90 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-9ca5b90{--container-widget-width:28%;--container-widget-flex-grow:0;width:var( --container-widget-width, 28% );max-width:28%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-9ca5b90 .elementor-heading-title{font-size:1.5vw;}.elementor-2408 .elementor-element.elementor-element-4969fe4 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-4969fe4{--container-widget-width:28%;--container-widget-flex-grow:0;width:var( --container-widget-width, 28% );max-width:28%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-4969fe4 .elementor-heading-title{font-size:1.5vw;}.elementor-2408 .elementor-element.elementor-element-35489bf > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-35489bf{--container-widget-width:28%;--container-widget-flex-grow:0;width:var( --container-widget-width, 28% );max-width:28%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-35489bf .elementor-heading-title{font-size:1.5vw;}.elementor-2408 .elementor-element.elementor-element-158a73f > .elementor-widget-container{margin:3vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group .elementor-field, .elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-subgroup label{font-size:1.8vw;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-button{font-size:2.9vw;}.elementor-2408 .elementor-element.elementor-element-908a614{margin-top:3vw;margin-bottom:0vw;padding:2vw 0vw 2vw 1vw;}.elementor-2408 .elementor-element.elementor-element-2ad8fe8{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;}.elementor-2408 .elementor-element.elementor-element-cc47a25 > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;}.elementor-2408 .elementor-element.elementor-element-cc47a25{--container-widget-width:82%;--container-widget-flex-grow:0;width:var( --container-widget-width, 82% );max-width:82%;text-align:start;}.elementor-2408 .elementor-element.elementor-element-cc47a25 .elementor-heading-title{font-size:4.2vw;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-72eed91 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-72eed91 .elementor-button{font-size:2.4vw;line-height:1.5em;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-87c4d68{margin-top:1vw;margin-bottom:0vw;padding:4vw 0vw 4vw 0vw;}.elementor-2408 .elementor-element.elementor-element-d7bf10f > .elementor-widget-container{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-d7bf10f{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-d61b771 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-d61b771{--e-icon-list-icon-size:2vw;}.elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-item > a{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-459e688 > .elementor-widget-container{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-459e688{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-5b7d951 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5b7d951{--e-icon-list-icon-size:2vw;}.elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-item > a{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-c0a8e0e > .elementor-widget-container{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-c0a8e0e{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-a95753d > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-a95753d{--e-icon-list-icon-size:2vw;}.elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-item > a{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-17e0b04 > .elementor-widget-container{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-17e0b04{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-a2e6c34 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-a2e6c34{--e-icon-list-icon-size:2vw;}.elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-item > a{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-cc1e415 > .elementor-widget-container{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-cc1e415{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-b688120 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-b688120{--e-icon-list-icon-size:2vw;}.elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-item > a{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-f0c0c82 > .elementor-widget-container{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-f0c0c82{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-5ba313d > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5ba313d{--e-icon-list-icon-size:2vw;}.elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-item > a{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-911728f > .elementor-widget-container{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-911728f{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-c7484ab > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c7484ab{--e-icon-list-icon-size:2vw;}.elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-item > a{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-35c04ae > .elementor-widget-container{padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-35c04ae{font-size:2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-9d57322 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-9d57322{--e-icon-list-icon-size:2vw;}.elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-item > a{font-size:2vw;}.elementor-2408 .elementor-element.elementor-element-32e7cd4{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2408 .elementor-element.elementor-element-799cc75{padding:0vw 0vw 4vw 0vw;}.elementor-2408 .elementor-element.elementor-element-8fefa98{--e-image-carousel-slides-to-show:4;}}@media(max-width:767px){.elementor-2408 .elementor-element.elementor-element-70838d1:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-70838d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #11579DF2 -50%, #001D39F2 23%);}.elementor-2408 .elementor-element.elementor-element-70838d1{padding:30vw 6vw 0vw 6vw;}.elementor-2408 .elementor-element.elementor-element-b43a902 > .elementor-element-populated{margin:-15vw 0vw 0vw 1vw;--e-column-margin-right:0vw;--e-column-margin-left:1vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-f7c4b76{--spacer-size:0.1rem;}.elementor-2408 .elementor-element.elementor-element-4c36ba0 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-4c36ba0{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-4c36ba0 .elementor-heading-title{font-size:16vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-a3efb17 > .elementor-widget-container{margin:-5vw 0vw 3vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-a3efb17{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-a3efb17 .elementor-heading-title{font-size:12vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-4d0ad73{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2408 .elementor-element.elementor-element-dbf0a1e > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-dbf0a1e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2408 .elementor-element.elementor-element-dbf0a1e .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-ae7bb23 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-ae7bb23{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2408 .elementor-element.elementor-element-ae7bb23 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-8301501 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-3cba189 > .elementor-widget-container{margin:-19vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-3cba189 img{width:85%;}.elementor-2408 .elementor-element.elementor-element-4ab791f > .elementor-widget-container{margin:-17vw 0vw 0vw 7vw;}.elementor-2408 .elementor-element.elementor-element-e600101 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}body:not(.rtl) .elementor-2408 .elementor-element.elementor-element-e600101{left:3vh;}body.rtl .elementor-2408 .elementor-element.elementor-element-e600101{right:3vh;}.elementor-2408 .elementor-element.elementor-element-e600101{top:39vw;}.elementor-2408 .elementor-element.elementor-element-e600101 img{width:100%;}.elementor-2408 .elementor-element.elementor-element-140650f > .elementor-widget-container{margin:0vw -3vw 0vw -2vw;}body:not(.rtl) .elementor-2408 .elementor-element.elementor-element-140650f{left:3vh;}body.rtl .elementor-2408 .elementor-element.elementor-element-140650f{right:3vh;}.elementor-2408 .elementor-element.elementor-element-140650f{top:-30vw;}.elementor-2408 .elementor-element.elementor-element-140650f img{width:100%;}.elementor-2408 .elementor-element.elementor-element-53e399b > .elementor-widget-container{margin:-62vw 0vw -15vw 0vw;}.elementor-2408 .elementor-element.elementor-element-53e399b img{width:80%;}.elementor-2408 .elementor-element.elementor-element-71190db, .elementor-2408 .elementor-element.elementor-element-71190db > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-71190db{margin-top:0px;margin-bottom:0px;padding:2vw 0vw 2vw -1vw;z-index:5;}.elementor-2408 .elementor-element.elementor-element-ad2e59d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-ad2e59d > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-f151218{--e-image-carousel-slides-to-show:2;}.elementor-2408 .elementor-element.elementor-element-f151218 > .elementor-widget-container{padding:2vw 0vw 2vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c8d78b0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-c8d78b0 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-49fe8af > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-49fe8af{--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-2408 .elementor-element.elementor-element-49fe8af .elementor-heading-title{font-size:13vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-1074152{width:100%;max-width:100%;}.elementor-2408 .elementor-element.elementor-element-1074152 > .elementor-widget-container{margin:2vw 0vw 2vw 0.215vw;}.elementor-2408 .elementor-element.elementor-element-1074152 .elementor-button{font-size:7vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-50ca279, .elementor-2408 .elementor-element.elementor-element-50ca279 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-50ca279{margin-top:0px;margin-bottom:0px;padding:2vw 0vw 2vw 0vw;z-index:5;}.elementor-2408 .elementor-element.elementor-element-fbad1ea.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-fbad1ea > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-c322c63{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;text-align:center;}.elementor-2408 .elementor-element.elementor-element-c322c63 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c322c63 img{width:100%;}.elementor-2408 .elementor-element.elementor-element-6c42ceb > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-6c42ceb{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-6c42ceb .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-86b1ac8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2408 .elementor-element.elementor-element-86b1ac8 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:4vw 6vw 4vw 6vw;}.elementor-2408 .elementor-element.elementor-element-44f4bf8 > .elementor-widget-container{margin:0vw 2vw 0vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-44f4bf8{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-44f4bf8 .elementor-heading-title{font-size:3.75vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-b7f18a5:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-b7f18a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #BBEBFF 55%, #FFFFFF 100%);}.elementor-2408 .elementor-element.elementor-element-d3ff7d4 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-f12649d{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-0807116 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-00d7a77{--container-widget-width:28%;--container-widget-flex-grow:0;width:var( --container-widget-width, 28% );max-width:28%;}.elementor-2408 .elementor-element.elementor-element-634222a > .elementor-widget-container{margin:-2vw 0vw 0vw -1vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-634222a{--container-widget-width:69%;--container-widget-flex-grow:0;width:var( --container-widget-width, 69% );max-width:69%;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-634222a .elementor-heading-title{font-size:21vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-0c4f252 > .elementor-widget-container{margin:0vw 0vw 0vw 19vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-0c4f252{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-0c4f252 .elementor-heading-title{font-size:9.8vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-7d71ea2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-b1ad3a4{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-239441f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-0deea33{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2408 .elementor-element.elementor-element-a34ecec{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-585e58d{width:49%;}.elementor-2408 .elementor-element.elementor-element-585e58d > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-2408 .elementor-element.elementor-element-1d3508a > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-1d3508a{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1d3508a .elementor-heading-title{font-size:5.6vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-424ac27{width:48%;}.elementor-2408 .elementor-element.elementor-element-424ac27 > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-2408 .elementor-element.elementor-element-367056b > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-367056b{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-367056b .elementor-heading-title{font-size:5.6vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-614809f{width:49%;}.elementor-2408 .elementor-element.elementor-element-614809f > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-2408 .elementor-element.elementor-element-bd714b5 > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-bd714b5{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-bd714b5 .elementor-heading-title{font-size:5.6vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-e42d726{width:49%;}.elementor-2408 .elementor-element.elementor-element-e42d726 > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-2408 .elementor-element.elementor-element-9b74daf > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-9b74daf{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-9b74daf .elementor-heading-title{font-size:5.6vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-b50d6f5{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-449f59e{--e-image-carousel-slides-to-show:2;}.elementor-2408 .elementor-element.elementor-element-f075a0c:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-f075a0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(217deg, #F3FAFFE8 0%, #AFD7E5 100%);}.elementor-2408 .elementor-element.elementor-element-f075a0c > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-2408 .elementor-element.elementor-element-f075a0c{padding:38vw 0vw 20vw 0vw;}.elementor-2408 .elementor-element.elementor-element-feed38f > .elementor-element-populated{margin:-6vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 5vw 0vw 5vw;}.elementor-2408 .elementor-element.elementor-element-972b271{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-d67c5bd > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-643bea9 > .elementor-widget-container{margin:-4vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-643bea9{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-643bea9 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-2408 .elementor-element.elementor-element-fd33ca0 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-fd33ca0{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-fd33ca0 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-1b58c50 > .elementor-widget-container{margin:-4vw 0vw 3vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-1b58c50{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1b58c50 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-72b839a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-df8ea0b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:3.3vw 3.3vw 3.3vw 3.3vw;}.elementor-2408 .elementor-element.elementor-element-df8ea0b{--container-widget-width:13%;--container-widget-flex-grow:0;width:var( --container-widget-width, 13% );max-width:13%;z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-df8ea0b .elementor-heading-title{font-size:4.5vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-f1971d5 > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-f1971d5{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-f1971d5 .elementor-heading-title{font-size:4.2vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-9940417 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:3.3vw 3.3vw 3.3vw 3.3vw;}.elementor-2408 .elementor-element.elementor-element-9940417{--container-widget-width:13%;--container-widget-flex-grow:0;width:var( --container-widget-width, 13% );max-width:13%;z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-9940417 .elementor-heading-title{font-size:4.5vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-c0b8542 > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-c0b8542{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-c0b8542 .elementor-heading-title{font-size:4.2vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-0037031 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:3.3vw 3.3vw 3.3vw 3.3vw;}.elementor-2408 .elementor-element.elementor-element-0037031{--container-widget-width:13%;--container-widget-flex-grow:0;width:var( --container-widget-width, 13% );max-width:13%;z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-0037031 .elementor-heading-title{font-size:4.5vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-5518c4b > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-5518c4b{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-5518c4b .elementor-heading-title{font-size:4.2vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-6b30c3c{--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:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-2408 .elementor-element.elementor-element-4297722 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-4297722{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-2408 .elementor-element.elementor-element-4297722 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-7820d6c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-7820d6c{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-2408 .elementor-element.elementor-element-7820d6c .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-4948383.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-4948383.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-4948383.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-4948383 > .elementor-element-populated{margin:-30vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0% 0% 0% 0%;}.elementor-2408 .elementor-element.elementor-element-aeb3eb6{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-a926008 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-a926008{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2408 .elementor-element.elementor-element-a926008 img{width:64%;}.elementor-2408 .elementor-element.elementor-element-c5e4e1c > .elementor-widget-container{margin:-44vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c5e4e1c{--container-widget-width:55%;--container-widget-flex-grow:0;width:var( --container-widget-width, 55% );max-width:55%;}.elementor-2408 .elementor-element.elementor-element-5969fdf:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-5969fdf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(0deg, #ECF7FF 81%, #AFD7E5 100%);}.elementor-2408 .elementor-element.elementor-element-5969fdf{padding:8vw 0vw 40vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5d4192d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-991ef26{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-93c14aa > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-93c14aa img{width:88%;}.elementor-2408 .elementor-element.elementor-element-b9101d7 > .elementor-widget-container{margin:-55vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-7f9fd76 > .elementor-element-populated{padding:0vw 5vw 0vw 5vw;}.elementor-2408 .elementor-element.elementor-element-820a349{--spacer-size:0.1vh;}.elementor-2408 .elementor-element.elementor-element-773ae31{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-0bdfd3f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-038284f > .elementor-widget-container{margin:-6vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-038284f{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-038284f .elementor-heading-title{font-size:22vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-609e181 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-609e181{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-609e181 .elementor-heading-title{font-size:10vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-8903c6a > .elementor-widget-container{margin:-4vw 0vw 2vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-8903c6a{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-8903c6a .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-9da825d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-d769103 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:3.3vw 3.3vw 3.3vw 3.3vw;}.elementor-2408 .elementor-element.elementor-element-d769103{--container-widget-width:13%;--container-widget-flex-grow:0;width:var( --container-widget-width, 13% );max-width:13%;z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-d769103 .elementor-heading-title{font-size:4.5vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-db00dec > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-db00dec{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-db00dec .elementor-heading-title{font-size:4.2vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-f172503 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:3.3vw 3.3vw 3.3vw 3.3vw;}.elementor-2408 .elementor-element.elementor-element-f172503{--container-widget-width:13%;--container-widget-flex-grow:0;width:var( --container-widget-width, 13% );max-width:13%;z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-f172503 .elementor-heading-title{font-size:4.5vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-b4081ef > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-b4081ef{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-b4081ef .elementor-heading-title{font-size:4.2vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-5d70f37 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:3.3vw 3.3vw 3.3vw 3.3vw;}.elementor-2408 .elementor-element.elementor-element-5d70f37{--container-widget-width:13%;--container-widget-flex-grow:0;width:var( --container-widget-width, 13% );max-width:13%;z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-5d70f37 .elementor-heading-title{font-size:4.5vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-40ae153 > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-40ae153{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-40ae153 .elementor-heading-title{font-size:4.2vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-b271b9c{--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;--align-items:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-2408 .elementor-element.elementor-element-b2942b9 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-b2942b9{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-2408 .elementor-element.elementor-element-b2942b9 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-c27b898 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c27b898{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-2408 .elementor-element.elementor-element-c27b898 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-deeeec4{margin-top:-45vw;margin-bottom:0vw;padding:15vw 5vw 20vw 5vw;}.elementor-2408 .elementor-element.elementor-element-93c0c08 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-225c30b{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-bfbf624 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-eb439c5{--container-widget-width:17%;--container-widget-flex-grow:0;width:var( --container-widget-width, 17% );max-width:17%;}.elementor-2408 .elementor-element.elementor-element-fb99da9 > .elementor-widget-container{margin:-5vw 0vw 4vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-fb99da9{--container-widget-width:78%;--container-widget-flex-grow:0;width:var( --container-widget-width, 78% );max-width:78%;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-fb99da9 .elementor-heading-title{font-size:16vw;line-height:1em;letter-spacing:0em;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-2408 .elementor-element.elementor-element-49781b8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-49781b8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-49781b8 .elementor-heading-title{font-size:7.6vw;line-height:1.1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-e7ca8b4 > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-e7ca8b4{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-e7ca8b4 .elementor-heading-title{font-size:4.2vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-ab2a95a > .elementor-widget-container{margin:40vw -29vw -62vw -29vw;}.elementor-2408 .elementor-element.elementor-element-4ea4ceb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-996ed39{margin-top:4vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-61f0420{width:48%;}.elementor-2408 .elementor-element.elementor-element-61f0420 > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-2408 .elementor-element.elementor-element-ad74e2f > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-ad74e2f{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-ad74e2f .elementor-heading-title{font-size:7vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-693eb58 > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0vw 0vw 3vw 0vw;}.elementor-2408 .elementor-element.elementor-element-693eb58{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-693eb58 .elementor-heading-title{font-size:5.7vw;line-height:1.1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-b5d5d03{width:48%;}.elementor-2408 .elementor-element.elementor-element-b5d5d03 > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-2408 .elementor-element.elementor-element-f55e047 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-f55e047{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-f55e047 .elementor-heading-title{font-size:7vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-f4b877f > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0vw 0vw 3vw 0vw;}.elementor-2408 .elementor-element.elementor-element-f4b877f{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-f4b877f .elementor-heading-title{font-size:5.7vw;line-height:1.1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-69ce415{width:48%;}.elementor-2408 .elementor-element.elementor-element-69ce415 > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-2408 .elementor-element.elementor-element-1372256 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-1372256{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1372256 .elementor-heading-title{font-size:7vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-c362c11 > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0vw 0vw 3vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c362c11{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-c362c11 .elementor-heading-title{font-size:5.7vw;line-height:1.1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-9808832{width:48%;}.elementor-2408 .elementor-element.elementor-element-9808832 > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-2408 .elementor-element.elementor-element-edfab01 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-edfab01{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-edfab01 .elementor-heading-title{font-size:7vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-3f9c9f8 > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0vw 0vw 3vw 0vw;}.elementor-2408 .elementor-element.elementor-element-3f9c9f8{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-3f9c9f8 .elementor-heading-title{font-size:5.7vw;line-height:1.1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-b777a03 > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-2408 .elementor-element.elementor-element-e253122 img{width:34%;}.elementor-2408 .elementor-element.elementor-element-ce3bc74 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-ce3bc74{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-ce3bc74 .elementor-heading-title{font-size:12vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-a301839 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;padding:0vw 0vw 3vw 0vw;}.elementor-2408 .elementor-element.elementor-element-a301839{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-a301839 .elementor-heading-title{font-size:9vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-76f2647:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-76f2647 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #ECF7FF 87%, #AFD7E5 100%);}.elementor-2408 .elementor-element.elementor-element-76f2647{margin-top:-20vw;margin-bottom:0vw;padding:15vw 5vw 10vw 5vw;}.elementor-2408 .elementor-element.elementor-element-1698cc6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-18b12b0{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-0f1932c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-1965ae4 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-1965ae4{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1965ae4 .elementor-heading-title{font-size:17vw;line-height:1em;letter-spacing:0em;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-2408 .elementor-element.elementor-element-92becd5 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-92becd5{z-index:12;text-align:start;}.elementor-2408 .elementor-element.elementor-element-92becd5 .elementor-heading-title{font-size:13.4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-6721106 > .elementor-widget-container{margin:-4vw 0vw 4vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-6721106{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-6721106 .elementor-heading-title{font-size:4.4vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-17dd461 > .elementor-widget-container{margin:3vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-17dd461{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-17dd461 .elementor-heading-title{font-size:4.2vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-486888d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-6cb7e5c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-6cb7e5c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-6cb7e5c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-title{font-size:4.8vw;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-title{padding:10px 10px 10px 10px;}.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-content{font-size:4.2vw;line-height:1.2em;}.elementor-2408 .elementor-element.elementor-element-7366c13{--spacer-size:0.1rem;}.elementor-2408 .elementor-element.elementor-element-87a62fc:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-87a62fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(217deg, #F3FAFFE8 0%, #AFD7E5 100%);}.elementor-2408 .elementor-element.elementor-element-87a62fc > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-2408 .elementor-element.elementor-element-87a62fc{padding:9vw 0vw 20vw 0vw;}.elementor-2408 .elementor-element.elementor-element-65df28f > .elementor-element-populated{margin:-6vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 5vw 0vw 5vw;}.elementor-2408 .elementor-element.elementor-element-43780c6{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-0a45a01 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1c24400 > .elementor-widget-container{margin:-3vw 0vw -1vw 1vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-1c24400{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1c24400 .elementor-heading-title{font-size:11vw;line-height:1em;letter-spacing:0em;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-2408 .elementor-element.elementor-element-ccac39a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-ccac39a{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-ccac39a .elementor-heading-title{font-size:16vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-37aab31 > .elementor-widget-container{margin:-4vw 0vw 3vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-37aab31{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-37aab31 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-60d113d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-bf62d53 > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-2f0209a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-80712e2{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-80712e2 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-80712e2 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-c3a7551{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-c3a7551 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-c3a7551 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-aa4a694{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-aa4a694 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-aa4a694 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-05c0de3{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-05c0de3 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-05c0de3 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-04cd64b{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-04cd64b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-04cd64b .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-1fff8bc{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1fff8bc > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-1fff8bc .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-db11238{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-db11238 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-db11238 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-372b4c9{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-372b4c9 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-372b4c9 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-ac268ea{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-ac268ea > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-ac268ea .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-587f39c{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-587f39c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-587f39c .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-bdd0742{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-bdd0742 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-bdd0742 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-d33d873{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-d33d873 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-d33d873 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-354034c{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-354034c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-354034c .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-57f1fb6{--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;--align-items:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0vw;--margin-bottom:8vw;--margin-left:0vw;--margin-right:0vw;}.elementor-2408 .elementor-element.elementor-element-5dee3d8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5dee3d8{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-2408 .elementor-element.elementor-element-5dee3d8 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-42773a8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-42773a8{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-2408 .elementor-element.elementor-element-42773a8 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-68d3525.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2408 .elementor-element.elementor-element-68d3525.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2408 .elementor-element.elementor-element-68d3525.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2408 .elementor-element.elementor-element-68d3525 > .elementor-element-populated{margin:-30vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0% 0% 0% 0%;}.elementor-2408 .elementor-element.elementor-element-f5f2156{--spacer-size:1vh;}.elementor-2408 .elementor-element.elementor-element-53ee046:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-53ee046 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #1E3B79 -66%, #09101F 74%);}.elementor-2408 .elementor-element.elementor-element-53ee046{margin-top:-30vw;margin-bottom:0vw;padding:27vw 5vw 20vw 5vw;}.elementor-2408 .elementor-element.elementor-element-8f22392 > .elementor-element-populated{padding:055vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-548b96b{margin-top:2vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-38ee8f2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-fe7decb > .elementor-widget-container{margin:-4vw 0vw -1vw 1vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-fe7decb{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-fe7decb .elementor-heading-title{font-size:18vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-3ace95e > .elementor-widget-container{margin:0vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-3ace95e{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-3ace95e .elementor-heading-title{font-size:16vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-d61e1ac > .elementor-widget-container{margin:-4vw 0vw 1vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-d61e1ac{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-d61e1ac .elementor-heading-title{font-size:4vw;line-height:1.1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-94c1461 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-title{font-size:4.8vw;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-title{padding:10px 10px 10px 10px;}.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-content{font-size:4.2vw;}.elementor-2408 .elementor-element.elementor-element-5545c4a{--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;--align-items:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-2408 .elementor-element.elementor-element-5c34470 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-5c34470{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-2408 .elementor-element.elementor-element-5c34470 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-aa61b34 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-aa61b34{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-2408 .elementor-element.elementor-element-aa61b34 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-e5f12bd > .elementor-element-populated{margin:-10vw 0vw 2vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-83c5ad9{--spacer-size:46vh;}.elementor-2408 .elementor-element.elementor-element-fd7227a > .elementor-widget-container{margin:-12vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-fd7227a img{width:88%;}.elementor-2408 .elementor-element.elementor-element-7b6981d > .elementor-widget-container{margin:-66vw 0vw 3vw 0vw;}.elementor-2408 .elementor-element.elementor-element-f871b68:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-f871b68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(75deg, #ECF7FF 50%, #AFD7E5 155%);}.elementor-2408 .elementor-element.elementor-element-f871b68{padding:22vw 5vw 22vw 5vw;}.elementor-2408 .elementor-element.elementor-element-b49825b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-521726a{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-a73f8e0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1% 1% 1% 1%;}.elementor-2408 .elementor-element.elementor-element-d672224 > .elementor-widget-container{margin:-4vw 0vw -1vw 1vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-d672224{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-d672224 .elementor-heading-title{font-size:18vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-7cb63e1 > .elementor-widget-container{margin:0vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-7cb63e1{z-index:13;text-align:start;}.elementor-2408 .elementor-element.elementor-element-7cb63e1 .elementor-heading-title{font-size:12vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-9643f49:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-9643f49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(75deg, #ECF7FF 50%, #AFD7E5 155%);}.elementor-2408 .elementor-element.elementor-element-9643f49{padding:6vw 5vw 22vw 5vw;}.elementor-2408 .elementor-element.elementor-element-ac733d4 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-682c228 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-1ffedb7 > .elementor-widget-container{margin:0vw 0vw 4vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-1ffedb7{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1ffedb7 .elementor-heading-title{font-size:4.2vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-21dde37 > .elementor-element-populated{margin:4vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-eb0cc9a > .elementor-widget-container{margin:4vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-eb0cc9a{z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-eb0cc9a .elementor-heading-title{font-size:5vw;line-height:1.2em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-5333c4e > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-5333c4e{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-5333c4e .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-dcbcd4b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-dcbcd4b{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-dcbcd4b .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-ea7efbc > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-ea7efbc{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-ea7efbc .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-dcee2ef > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-dcee2ef{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-dcee2ef .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-43d6519 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-43d6519{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-43d6519 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-b9821f7 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-b9821f7{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-b9821f7 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-94076cb > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-94076cb{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-94076cb .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-0b73a18 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-0b73a18{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-0b73a18 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-b4465b3 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-b4465b3{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-b4465b3 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-2099e2a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-2099e2a{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-2099e2a .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-d4dcba6 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;}.elementor-2408 .elementor-element.elementor-element-d4dcba6{z-index:15;text-align:center;}.elementor-2408 .elementor-element.elementor-element-d4dcba6 .elementor-heading-title{font-size:4vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-638917c{--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:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-2408 .elementor-element.elementor-element-3d5f42b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-3d5f42b{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-2408 .elementor-element.elementor-element-3d5f42b .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-e494fa1 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-e494fa1{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-2408 .elementor-element.elementor-element-e494fa1 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-d73b59c{margin-top:-23vw;margin-bottom:0vw;padding:3vw 5vw 20vw 5vw;}.elementor-2408 .elementor-element.elementor-element-54241e8 > .elementor-element-populated{padding:8vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-8b74222{margin-top:-55px;margin-bottom:10px;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-22b2081 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-title{font-size:4.75vw;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-title{padding:10px 10px 10px 10px;}.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-content{font-size:4.2vw;}.elementor-2408 .elementor-element.elementor-element-dd5da95 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-38da12c{margin-top:-55px;margin-bottom:10px;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-ebf49ea > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-title{font-size:19px;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-title{padding:10px 10px 10px 10px;}.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-content{font-size:4.2vw;}.elementor-2408 .elementor-element.elementor-element-b94a8d8:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-b94a8d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #BFD9F6 24%, #FFFFFF 80%);}.elementor-2408 .elementor-element.elementor-element-b94a8d8 > .elementor-background-overlay{background-position:-72vw -16vh;background-size:190% auto;opacity:1;}.elementor-2408 .elementor-element.elementor-element-b94a8d8{margin-top:-29vw;margin-bottom:0vw;padding:0vw 5vw 17vw 5vw;z-index:5;}.elementor-2408 .elementor-element.elementor-element-f742a4c > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-4b0f552:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-4b0f552 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #223973 61%, #091634 97%);}.elementor-2408 .elementor-element.elementor-element-4b0f552{margin-top:25vw;margin-bottom:0vw;padding:12vw 4vw 10vw 4vw;}.elementor-2408 .elementor-element.elementor-element-b2d1d0f > .elementor-element-populated{margin:-9vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;}.elementor-2408 .elementor-element.elementor-element-a4d6abb > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-a4d6abb img{width:70%;}.elementor-2408 .elementor-element.elementor-element-f0605f6 > .elementor-widget-container{margin:-42vw 0vw 4vw 0vw;}.elementor-2408 .elementor-element.elementor-element-f0605f6 img{width:75%;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-703947b.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-703947b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-5d66644{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-2408 .elementor-element.elementor-element-91987b4 > .elementor-widget-container{margin:0vw 0vw 4vw 1vw;padding:0vw 0vw 2vw 0vw;}.elementor-2408 .elementor-element.elementor-element-91987b4{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-91987b4 .elementor-heading-title{font-size:11vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-a0198ce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-a0198ce{--container-widget-width:57%;--container-widget-flex-grow:0;width:var( --container-widget-width, 57% );max-width:57%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-a0198ce .elementor-heading-title{font-size:2.9vw;line-height:1.1em;}.elementor-2408 .elementor-element.elementor-element-b7887c2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-b7887c2{--container-widget-width:51%;--container-widget-flex-grow:0;width:var( --container-widget-width, 51% );max-width:51%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-b7887c2 .elementor-heading-title{font-size:2.9vw;line-height:1.1em;}.elementor-2408 .elementor-element.elementor-element-572a888 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-572a888{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-572a888 .elementor-heading-title{font-size:2.9vw;line-height:1.1em;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 > .elementor-widget-container{margin:7vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-c5c2d99{z-index:25;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group .elementor-field, .elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-subgroup label{font-size:4vw;}.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-button{font-size:5vw;}.elementor-2408 .elementor-element.elementor-element-af612ef:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-af612ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #223973 61%, #091634 97%);}.elementor-2408 .elementor-element.elementor-element-af612ef{margin-top:25vw;margin-bottom:0vw;padding:12vw 4vw 10vw 4vw;}.elementor-2408 .elementor-element.elementor-element-a2007da > .elementor-element-populated{margin:0vw 0vw 05vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;}.elementor-bc-flex-widget .elementor-2408 .elementor-element.elementor-element-b6c3ea0.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-b6c3ea0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2408 .elementor-element.elementor-element-cd9a1b9{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-2408 .elementor-element.elementor-element-1d135c9 > .elementor-widget-container{margin:0vw 0vw 4vw 1vw;padding:0vw 0vw 2vw 0vw;}.elementor-2408 .elementor-element.elementor-element-1d135c9{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-1d135c9 .elementor-heading-title{font-size:11vw;line-height:1em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-9ca5b90 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-9ca5b90{--container-widget-width:57%;--container-widget-flex-grow:0;width:var( --container-widget-width, 57% );max-width:57%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-9ca5b90 .elementor-heading-title{font-size:2.9vw;line-height:1.1em;}.elementor-2408 .elementor-element.elementor-element-4969fe4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-4969fe4{--container-widget-width:51%;--container-widget-flex-grow:0;width:var( --container-widget-width, 51% );max-width:51%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-4969fe4 .elementor-heading-title{font-size:2.9vw;line-height:1.1em;}.elementor-2408 .elementor-element.elementor-element-35489bf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-35489bf{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;text-align:center;}.elementor-2408 .elementor-element.elementor-element-35489bf .elementor-heading-title{font-size:2.9vw;line-height:1.1em;}.elementor-2408 .elementor-element.elementor-element-158a73f > .elementor-widget-container{margin:7vw 0vw 0vw 0vw;}.elementor-2408 .elementor-element.elementor-element-158a73f{z-index:25;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group .elementor-field, .elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-subgroup label{font-size:4vw;}.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-button{font-size:5vw;}.elementor-2408 .elementor-element.elementor-element-908a614:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-908a614 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #FFCF16 61%, #E9C100 97%);}.elementor-2408 .elementor-element.elementor-element-908a614{margin-top:10vw;margin-bottom:0vw;padding:4vw 4vw 4vw 4vw;}.elementor-2408 .elementor-element.elementor-element-2ad8fe8{--container-widget-width:21%;--container-widget-flex-grow:0;width:var( --container-widget-width, 21% );max-width:21%;}.elementor-2408 .elementor-element.elementor-element-cc47a25 > .elementor-widget-container{margin:0vw 0vw 1vw 2vw;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-cc47a25{--container-widget-width:76%;--container-widget-flex-grow:0;width:var( --container-widget-width, 76% );max-width:76%;z-index:15;text-align:start;}.elementor-2408 .elementor-element.elementor-element-cc47a25 .elementor-heading-title{font-size:9vw;line-height:1.15em;letter-spacing:0em;}.elementor-2408 .elementor-element.elementor-element-b3053c1 > .elementor-element-populated{margin:2vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;}.elementor-2408 .elementor-element.elementor-element-72eed91 > .elementor-widget-container{margin:0vw 0vw 0vw 0.215vw;}.elementor-2408 .elementor-element.elementor-element-72eed91 .elementor-button{font-size:5vw;line-height:1.6em;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-87c4d68{margin-top:10vw;margin-bottom:0vw;padding:0vw 0vw 15vw 0vw;}.elementor-2408 .elementor-element.elementor-element-e5cf405 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-d7bf10f > .elementor-widget-container{margin:0vw 0vw 0vw 3vw;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-d7bf10f{font-size:4.2vw;}.elementor-2408 .elementor-element.elementor-element-d61b771 > .elementor-widget-container{margin:-5vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-d61b771{--e-icon-list-icon-size:4vw;}.elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-d61b771 .elementor-icon-list-item > a{font-size:4vw;}.elementor-2408 .elementor-element.elementor-element-459e688 > .elementor-widget-container{margin:0vw 0vw 0vw 3vw;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-459e688{font-size:4.2vw;}.elementor-2408 .elementor-element.elementor-element-5b7d951 > .elementor-widget-container{margin:-5vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-5b7d951{--e-icon-list-icon-size:4vw;}.elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-5b7d951 .elementor-icon-list-item > a{font-size:4vw;}.elementor-2408 .elementor-element.elementor-element-c0a8e0e > .elementor-widget-container{margin:0vw 0vw 0vw 3vw;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-c0a8e0e{font-size:4.2vw;}.elementor-2408 .elementor-element.elementor-element-a95753d > .elementor-widget-container{margin:-5vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-a95753d{--e-icon-list-icon-size:4vw;}.elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-a95753d .elementor-icon-list-item > a{font-size:4vw;}.elementor-2408 .elementor-element.elementor-element-17e0b04 > .elementor-widget-container{margin:0vw 0vw 0vw 3vw;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-17e0b04{font-size:4.2vw;}.elementor-2408 .elementor-element.elementor-element-a2e6c34 > .elementor-widget-container{margin:-5vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-a2e6c34{--e-icon-list-icon-size:4vw;}.elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-a2e6c34 .elementor-icon-list-item > a{font-size:4vw;}.elementor-2408 .elementor-element.elementor-element-cc1e415 > .elementor-widget-container{margin:0vw 0vw 0vw 3vw;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-cc1e415{font-size:4.2vw;}.elementor-2408 .elementor-element.elementor-element-b688120 > .elementor-widget-container{margin:-5vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-b688120{--e-icon-list-icon-size:4vw;}.elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-b688120 .elementor-icon-list-item > a{font-size:4vw;}.elementor-2408 .elementor-element.elementor-element-f0c0c82 > .elementor-widget-container{margin:0vw 0vw 0vw 3vw;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-f0c0c82{font-size:4.2vw;}.elementor-2408 .elementor-element.elementor-element-5ba313d > .elementor-widget-container{margin:-5vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-5ba313d{--e-icon-list-icon-size:4vw;}.elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-5ba313d .elementor-icon-list-item > a{font-size:4vw;}.elementor-2408 .elementor-element.elementor-element-911728f > .elementor-widget-container{margin:0vw 0vw 0vw 3vw;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-911728f{font-size:4.2vw;}.elementor-2408 .elementor-element.elementor-element-c7484ab > .elementor-widget-container{margin:-5vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-c7484ab{--e-icon-list-icon-size:4vw;}.elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-c7484ab .elementor-icon-list-item > a{font-size:4vw;}.elementor-2408 .elementor-element.elementor-element-35c04ae > .elementor-widget-container{margin:0vw 0vw 0vw 3vw;padding:3vw 3vw 3vw 3vw;}.elementor-2408 .elementor-element.elementor-element-35c04ae{font-size:4.2vw;}.elementor-2408 .elementor-element.elementor-element-9d57322 > .elementor-widget-container{margin:-5vw 0vw 0vw 0vw;padding:1vw 1vw 1vw 1vw;}.elementor-2408 .elementor-element.elementor-element-9d57322{--e-icon-list-icon-size:4vw;}.elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2408 .elementor-element.elementor-element-9d57322 .elementor-icon-list-item > a{font-size:4vw;}.elementor-2408 .elementor-element.elementor-element-32e7cd4{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2408 .elementor-element.elementor-element-799cc75{margin-top:0px;margin-bottom:10px;padding:0px 0px 0px 0px;}.elementor-2408 .elementor-element.elementor-element-8fefa98{--e-image-carousel-slides-to-show:2;}}@media(min-width:768px){.elementor-2408 .elementor-element.elementor-element-b43a902{width:51.454%;}.elementor-2408 .elementor-element.elementor-element-8301501{width:48.546%;}.elementor-2408 .elementor-element.elementor-element-ad2e59d{width:47.694%;}.elementor-2408 .elementor-element.elementor-element-c8d78b0{width:52.272%;}.elementor-2408 .elementor-element.elementor-element-fbad1ea{width:33%;}.elementor-2408 .elementor-element.elementor-element-86b1ac8{width:67%;}.elementor-2408 .elementor-element.elementor-element-0807116{width:97.916%;}.elementor-2408 .elementor-element.elementor-element-7d71ea2{width:2.084%;}.elementor-2408 .elementor-element.elementor-element-feed38f{width:59.321%;}.elementor-2408 .elementor-element.elementor-element-d67c5bd{width:97.916%;}.elementor-2408 .elementor-element.elementor-element-72b839a{width:2.084%;}.elementor-2408 .elementor-element.elementor-element-4948383{width:40.679%;}.elementor-2408 .elementor-element.elementor-element-0bdfd3f{width:97.916%;}.elementor-2408 .elementor-element.elementor-element-9da825d{width:2.084%;}.elementor-2408 .elementor-element.elementor-element-bfbf624{width:97.916%;}.elementor-2408 .elementor-element.elementor-element-4ea4ceb{width:2.084%;}.elementor-2408 .elementor-element.elementor-element-1698cc6{width:38.02%;}.elementor-2408 .elementor-element.elementor-element-0f1932c{width:97.916%;}.elementor-2408 .elementor-element.elementor-element-486888d{width:2.084%;}.elementor-2408 .elementor-element.elementor-element-6cb7e5c{width:61.979%;}.elementor-2408 .elementor-element.elementor-element-65df28f{width:90%;}.elementor-2408 .elementor-element.elementor-element-0a45a01{width:97.916%;}.elementor-2408 .elementor-element.elementor-element-60d113d{width:2.084%;}.elementor-2408 .elementor-element.elementor-element-68d3525{width:10%;}.elementor-2408 .elementor-element.elementor-element-38ee8f2{width:97.916%;}.elementor-2408 .elementor-element.elementor-element-94c1461{width:2.084%;}.elementor-2408 .elementor-element.elementor-element-b2d1d0f{width:43.744%;}.elementor-2408 .elementor-element.elementor-element-703947b{width:56.256%;}.elementor-2408 .elementor-element.elementor-element-a2007da{width:43.744%;}.elementor-2408 .elementor-element.elementor-element-b6c3ea0{width:56.256%;}.elementor-2408 .elementor-element.elementor-element-07370a8{width:66.343%;}.elementor-2408 .elementor-element.elementor-element-b3053c1{width:33.566%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2408 .elementor-element.elementor-element-b43a902{width:50%;}.elementor-2408 .elementor-element.elementor-element-8301501{width:50%;}.elementor-2408 .elementor-element.elementor-element-ad2e59d{width:100%;}.elementor-2408 .elementor-element.elementor-element-c8d78b0{width:100%;}.elementor-2408 .elementor-element.elementor-element-fbad1ea{width:100%;}.elementor-2408 .elementor-element.elementor-element-86b1ac8{width:99%;}.elementor-2408 .elementor-element.elementor-element-d3ff7d4{width:100%;}.elementor-2408 .elementor-element.elementor-element-0807116{width:100%;}.elementor-2408 .elementor-element.elementor-element-7d71ea2{width:40%;}.elementor-2408 .elementor-element.elementor-element-585e58d{width:24%;}.elementor-2408 .elementor-element.elementor-element-424ac27{width:24%;}.elementor-2408 .elementor-element.elementor-element-614809f{width:24%;}.elementor-2408 .elementor-element.elementor-element-e42d726{width:24%;}.elementor-2408 .elementor-element.elementor-element-feed38f{width:54%;}.elementor-2408 .elementor-element.elementor-element-d67c5bd{width:100%;}.elementor-2408 .elementor-element.elementor-element-72b839a{width:40%;}.elementor-2408 .elementor-element.elementor-element-4948383{width:45%;}.elementor-2408 .elementor-element.elementor-element-5d4192d{width:45%;}.elementor-2408 .elementor-element.elementor-element-7f9fd76{width:55%;}.elementor-2408 .elementor-element.elementor-element-0bdfd3f{width:100%;}.elementor-2408 .elementor-element.elementor-element-9da825d{width:40%;}.elementor-2408 .elementor-element.elementor-element-93c0c08{width:100%;}.elementor-2408 .elementor-element.elementor-element-bfbf624{width:100%;}.elementor-2408 .elementor-element.elementor-element-4ea4ceb{width:40%;}.elementor-2408 .elementor-element.elementor-element-61f0420{width:32%;}.elementor-2408 .elementor-element.elementor-element-b5d5d03{width:32%;}.elementor-2408 .elementor-element.elementor-element-69ce415{width:30%;}.elementor-2408 .elementor-element.elementor-element-9808832{width:48%;}.elementor-2408 .elementor-element.elementor-element-b777a03{width:48%;}.elementor-2408 .elementor-element.elementor-element-1698cc6{width:45%;}.elementor-2408 .elementor-element.elementor-element-0f1932c{width:100%;}.elementor-2408 .elementor-element.elementor-element-486888d{width:40%;}.elementor-2408 .elementor-element.elementor-element-6cb7e5c{width:55%;}.elementor-2408 .elementor-element.elementor-element-65df28f{width:54%;}.elementor-2408 .elementor-element.elementor-element-0a45a01{width:100%;}.elementor-2408 .elementor-element.elementor-element-60d113d{width:40%;}.elementor-2408 .elementor-element.elementor-element-68d3525{width:45%;}.elementor-2408 .elementor-element.elementor-element-38ee8f2{width:100%;}.elementor-2408 .elementor-element.elementor-element-94c1461{width:40%;}.elementor-2408 .elementor-element.elementor-element-b49825b{width:50%;}.elementor-2408 .elementor-element.elementor-element-a73f8e0{width:100%;}.elementor-2408 .elementor-element.elementor-element-ac733d4{width:50%;}.elementor-2408 .elementor-element.elementor-element-21dde37{width:50%;}.elementor-2408 .elementor-element.elementor-element-54241e8{width:50%;}.elementor-2408 .elementor-element.elementor-element-dd5da95{width:50%;}.elementor-2408 .elementor-element.elementor-element-b2d1d0f{width:45%;}.elementor-2408 .elementor-element.elementor-element-703947b{width:55%;}.elementor-2408 .elementor-element.elementor-element-a2007da{width:45%;}.elementor-2408 .elementor-element.elementor-element-b6c3ea0{width:55%;}.elementor-2408 .elementor-element.elementor-element-07370a8{width:60%;}.elementor-2408 .elementor-element.elementor-element-b3053c1{width:40%;}}/* Start custom CSS for divider, class: .elementor-element-31cc6f3 */.elementor-2408 .elementor-element.elementor-element-31cc6f3 {
  -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-558fb63 */.elementor-2408 .elementor-element.elementor-element-558fb63 {
  -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-dbf0a1e *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-dbf0a1e {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-dbf0a1e .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-2408 .elementor-element.elementor-element-dbf0a1e .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-2408 .elementor-element.elementor-element-dbf0a1e .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-dbf0a1e .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-2408 .elementor-element.elementor-element-dbf0a1e .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-dbf0a1e:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-dbf0a1e .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-2408 .elementor-element.elementor-element-dbf0a1e .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-2408 .elementor-element.elementor-element-dbf0a1e:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-dbf0a1e .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-ae7bb23 *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-ae7bb23 {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-ae7bb23 .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-2408 .elementor-element.elementor-element-ae7bb23 .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-2408 .elementor-element.elementor-element-ae7bb23 .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-ae7bb23 .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-2408 .elementor-element.elementor-element-ae7bb23 .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-ae7bb23:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-ae7bb23 .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-2408 .elementor-element.elementor-element-ae7bb23 .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-2408 .elementor-element.elementor-element-ae7bb23:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-ae7bb23 .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-3cba189 */.elementor-2408 .elementor-element.elementor-element-3cba189 {
    transform: scale(1.2);
    transform-origin: center;
  }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f2f609 */.elementor-2408 .elementor-element.elementor-element-7f2f609 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-2408 .elementor-element.elementor-element-7f2f609 {
    transform: scale(1.75);
    transform-origin: center;
  }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ab791f */.elementor-2408 .elementor-element.elementor-element-4ab791f {
    transform: scale(1.355);
    transform-origin: center;
  }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e600101 */.elementor-2408 .elementor-element.elementor-element-e600101 {
    transform: scale(1.235540502);
    transform-origin: center;
  }


.elementor-2408 .elementor-element.elementor-element-e600101 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-140650f */.elementor-2408 .elementor-element.elementor-element-140650f {
    transform: scale(1.235540502);
    transform-origin: center;
  }


.elementor-2408 .elementor-element.elementor-element-140650f 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-53e399b */X.elementor-2408 .elementor-element.elementor-element-53e399b {
    transform: scale(1.52);
    transform-origin: center;
  }





.elementor-2408 .elementor-element.elementor-element-53e399b {
  animation: float-animation 5s ease-in-out infinite;
}

@keyframes float-animation {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}





.elementor-2408 .elementor-element.elementor-element-53e399b 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-70838d1 */.elementor-2408 .elementor-element.elementor-element-70838d1::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-2408 .elementor-element.elementor-element-70838d1 {
  /* --- 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-f151218 */x.elementor-2408 .elementor-element.elementor-element-f151218 {
  -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-2408 .elementor-element.elementor-element-f151218 {
  -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-1074152 *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
/* 🔥 REMOVED: Custom property registration for shimmer angle deleted */

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-1074152 {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-1074152 .elementor-button-wrapper {
  position: relative;
  display: inline-flex; 
  z-index: 1;
  min-width: fit-content; 
  /* 🔥 CHANGED: Default drop-shadow removed */
}

/* =========================================
   3. BASE BUTTON
========================================= */
.elementor-2408 .elementor-element.elementor-element-1074152 .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-2408 .elementor-element.elementor-element-1074152 .elementor-button{
         padding: 10px 19px !important;
    }
}

/* 🔥 REMOVED: .elementor-2408 .elementor-element.elementor-element-1074152 .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-2408 .elementor-element.elementor-element-1074152 .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-1074152:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-1074152 .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-2408 .elementor-element.elementor-element-1074152 .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-2408 .elementor-element.elementor-element-1074152:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-1074152 .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-c8d78b0 */.elementor-2408 .elementor-element.elementor-element-c8d78b0 {
  /* --- 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-71190db */.elementor-2408 .elementor-element.elementor-element-71190db {
  /* --- 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-2408 .elementor-element.elementor-element-71190db::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 section, class: .elementor-element-50ca279 */.elementor-2408 .elementor-element.elementor-element-50ca279 {
  /* --- 1. Corner Depth --- */
  /* Increase this value to make the cut go deeper into the shape */
  --corner-size: 25px;      

  /* --- 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 section, class: .elementor-element-f12649d *//* Increase icon size by 50% inside buttons with a specific class */
.elementor-2408 .elementor-element.elementor-element-f12649d  {
    transform: scale(0.95);
    transform-origin: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a2bdd5 */.cut-4 img{
    width:100%;
    display:block;
    clip-path: polygon(
        30px 0,
        calc(100% - 30px) 0,
        100% 30px,
        100% calc(100% - 30px),
        calc(100% - 30px) 100%,
        30px 100%,
        0 calc(100% - 30px),
        0 30px
    );
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a2bdd5 */.cut-4 img{
    width:100%;
    display:block;
    clip-path: polygon(
        30px 0,
        calc(100% - 30px) 0,
        100% 30px,
        100% calc(100% - 30px),
        calc(100% - 30px) 100%,
        30px 100%,
        0 calc(100% - 30px),
        0 30px
    );
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a2bdd5 */.cut-4 img{
    width:100%;
    display:block;
    clip-path: polygon(
        30px 0,
        calc(100% - 30px) 0,
        100% 30px,
        100% calc(100% - 30px),
        calc(100% - 30px) 100%,
        30px 100%,
        0 calc(100% - 30px),
        0 30px
    );
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a2bdd5 */.cut-4 img{
    width:100%;
    display:block;
    clip-path: polygon(
        30px 0,
        calc(100% - 30px) 0,
        100% 30px,
        100% calc(100% - 30px),
        calc(100% - 30px) 100%,
        30px 100%,
        0 calc(100% - 30px),
        0 30px
    );
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b1ad3a4 *//* Increase icon size by 50% inside buttons with a specific class */
.elementor-2408 .elementor-element.elementor-element-b1ad3a4  {
    transform: scale(0.95);
    transform-origin: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a85a25f */.elementor-2408 .elementor-element.elementor-element-a85a25f {
    transform: scale(1.25);
    transform-origin: center;
  }





.elementor-2408 .elementor-element.elementor-element-a85a25f 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 column, class: .elementor-element-585e58d *//* =========================================
   1. BASE ELEMENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-585e58d {
  --corner-size: 20px;
  --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)
  );

  position: relative;
  overflow: hidden !important; 
  margin: 0.5%;
  border: none !important;
  background-color: #1A2444; /* The base blue */

  clip-path: var(--path);
  -webkit-clip-path: var(--path);
}

/* =========================================
   2. THE YELLOW FILL LAYER
========================================= */
.elementor-2408 .elementor-element.elementor-element-585e58d::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #FED801;
  pointer-events: none;

  /* Matches the parent shape exactly */
  clip-path: var(--path);
  -webkit-clip-path: var(--path);

  /* Start position: hidden to the left */
  transform: translateX(-100%);
  
  /* 
     NO TRANSITION HERE. 
     This ensures that when hover is OFF, it snaps back to -100% instantly.
  */
}

/* =========================================
   3. HOVER STATE (THE SLIDE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-585e58d:hover::before {
  transform: translateX(0);

  /* 
     TRANSITION ONLY ON HOVER. 
     This triggers the sliding motion only when entering the element.
  */
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   4. CONTENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-585e58d > * {
  position: relative;
  z-index: 1;
}







/* 1. Base state: Sets up the smooth animation */
.elementor-2408 .elementor-element.elementor-element-585e58d img {
  transition: transform 0.3s ease-in-out; 
}

/* 2. Hover state: Moves the image when the COLUMN is hovered */
.elementor-2408 .elementor-element.elementor-element-585e58d:hover img {
  transform: translateY(-10px); 
}





/* Sets the 1-second transition for both hovering in and hovering out */
.elementor-2408 .elementor-element.elementor-element-585e58d p {
    transition: color 1s ease !important;
}

/* Changes the color of the p element when the column is hovered */
.elementor-2408 .elementor-element.elementor-element-585e58d:hover p {
    color: #111A3E !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d0d9a8a */.elementor-2408 .elementor-element.elementor-element-d0d9a8a {
    transform: scale(1.25);
    transform-origin: center;
  }





.elementor-2408 .elementor-element.elementor-element-d0d9a8a 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 column, class: .elementor-element-424ac27 *//* Sets the 1-second transition for both hovering in and hovering out */
.elementor-2408 .elementor-element.elementor-element-424ac27 p {
    transition: color 1s ease !important;
}

/* Changes the color of the p element when the column is hovered */
.elementor-2408 .elementor-element.elementor-element-424ac27:hover p {
    color: #111A3E !important;
}










/* =========================================
   1. BASE ELEMENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-424ac27 {
  --corner-size: 20px;
  --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)
  );

  position: relative;
  overflow: hidden !important; 
  margin: 0.5%;
  border: none !important;
  
  /* CHANGED: Static background set to vibrant light blue */
  background-color: #1D3874; 

  clip-path: var(--path);
  -webkit-clip-path: var(--path);
}

/* =========================================
   2. THE YELLOW FILL LAYER
========================================= */
.elementor-2408 .elementor-element.elementor-element-424ac27::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #FED801;
  pointer-events: none;

  clip-path: var(--path);
  -webkit-clip-path: var(--path);

  transform: translateX(-100%);
  /* Instant snap-back when hover is removed */
}

/* =========================================
   3. HOVER STATE (THE SLIDE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-424ac27:hover::before {
  transform: translateX(0);
  /* Sliding motion triggers on every hover */
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   4. CONTENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-424ac27 > * {
  position: relative;
  z-index: 1;
}






/* 1. Base state: Sets up the smooth animation */
.elementor-2408 .elementor-element.elementor-element-424ac27 img {
  transition: transform 0.3s ease-in-out; 
}

/* 2. Hover state: Moves the image when the COLUMN is hovered */
.elementor-2408 .elementor-element.elementor-element-424ac27:hover img {
  transform: translateY(-10px); 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2aefb40 */.elementor-2408 .elementor-element.elementor-element-2aefb40 {
    transform: scale(1.25);
    transform-origin: center;
  }





.elementor-2408 .elementor-element.elementor-element-2aefb40 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 column, class: .elementor-element-614809f *//* Sets the 1-second transition for both hovering in and hovering out */
.elementor-2408 .elementor-element.elementor-element-614809f p {
    transition: color 1s ease !important;
}

/* Changes the color of the p element when the column is hovered */
.elementor-2408 .elementor-element.elementor-element-614809f:hover p {
    color: #111A3E !important;
}










/* =========================================
   1. BASE ELEMENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-614809f {
  --corner-size: 20px;
  --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)
  );

  position: relative;
  overflow: hidden !important; 
  margin: 0.5%;
  border: none !important;
  background-color: #1A2444; /* The base blue */

  clip-path: var(--path);
  -webkit-clip-path: var(--path);
}

/* =========================================
   2. THE YELLOW FILL LAYER
========================================= */
.elementor-2408 .elementor-element.elementor-element-614809f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #FED801;
  pointer-events: none;

  /* Matches the parent shape exactly */
  clip-path: var(--path);
  -webkit-clip-path: var(--path);

  /* Start position: hidden to the left */
  transform: translateX(-100%);
  
  /* 
     NO TRANSITION HERE. 
     This ensures that when hover is OFF, it snaps back to -100% instantly.
  */
}

/* =========================================
   3. HOVER STATE (THE SLIDE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-614809f:hover::before {
  transform: translateX(0);

  /* 
     TRANSITION ONLY ON HOVER. 
     This triggers the sliding motion only when entering the element.
  */
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   4. CONTENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-614809f > * {
  position: relative;
  z-index: 1;
}







/* 1. Base state: Sets up the smooth animation */
.elementor-2408 .elementor-element.elementor-element-614809f img {
  transition: transform 0.3s ease-in-out; 
}

/* 2. Hover state: Moves the image when the COLUMN is hovered */
.elementor-2408 .elementor-element.elementor-element-614809f:hover img {
  transform: translateY(-10px); 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-92c4db3 */.elementor-2408 .elementor-element.elementor-element-92c4db3 {
    transform: scale(1.25);
    transform-origin: center;
  }





.elementor-2408 .elementor-element.elementor-element-92c4db3 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 column, class: .elementor-element-e42d726 *//* Sets the 1-second transition for both hovering in and hovering out */
.elementor-2408 .elementor-element.elementor-element-e42d726 p {
    transition: color 1s ease !important;
}

/* Changes the color of the p element when the column is hovered */
.elementor-2408 .elementor-element.elementor-element-e42d726:hover p {
    color: #111A3E !important;
}










/* =========================================
   1. BASE ELEMENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-e42d726 {
  --corner-size: 20px;
  --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)
  );

  position: relative;
  overflow: hidden !important; 
  margin: 0.5%;
  border: none !important;
  
  /* CHANGED: Static background set to vibrant light blue */
  background-color: #1D3874; 

  clip-path: var(--path);
  -webkit-clip-path: var(--path);
}

/* =========================================
   2. THE YELLOW FILL LAYER
========================================= */
.elementor-2408 .elementor-element.elementor-element-e42d726::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #FED801;
  pointer-events: none;

  clip-path: var(--path);
  -webkit-clip-path: var(--path);

  transform: translateX(-100%);
  /* Instant snap-back when hover is removed */
}

/* =========================================
   3. HOVER STATE (THE SLIDE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-e42d726:hover::before {
  transform: translateX(0);
  /* Sliding motion triggers on every hover */
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   4. CONTENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-e42d726 > * {
  position: relative;
  z-index: 1;
}





/* 1. Base state: Sets up the smooth animation */
.elementor-2408 .elementor-element.elementor-element-e42d726 img {
  transition: transform 0.3s ease-in-out; 
}

/* 2. Hover state: Moves the image when the COLUMN is hovered */
.elementor-2408 .elementor-element.elementor-element-e42d726:hover img {
  transform: translateY(-10px); 
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a34ecec *//* Increase icon size by 50% inside buttons with a specific class */
.elementor-2408 .elementor-element.elementor-element-a34ecec  {
    transform: scale(0.95);
    transform-origin: center;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-449f59e */.elementor-2408 .elementor-element.elementor-element-449f59e   img {
  width: 100% !important;
  height: 150px !important; /* or set your preferred height */
  object-fit: cover !important;
  aspect-ratio: auto; /* ensures consistent crop */
  display: block;
}













.elementor-2408 .elementor-element.elementor-element-449f59e {
  -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;
}













/* =========================================
   1. CAROUSEL SLIDE (Holds the faint shadow)
========================================= */
.elementor-2408 .elementor-element.elementor-element-449f59e .swiper-slide {
  --corner-size: 20px;
  --border-width: 2px;
  
  position: relative;
  overflow: visible !important; 
  
  /* Very faint, neutral drop-shadow */
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
}

/* =========================================
   2. THE IMAGE (Clipped to Hexagon shape)
========================================= */
.elementor-2408 .elementor-element.elementor-element-449f59e .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image fills the shape beautifully */
  
  /* The Hexagon Cut */
  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. BORDER LAYER (2px White Outline)
========================================= */
.elementor-2408 .elementor-element.elementor-element-449f59e .swiper-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3; 
  pointer-events: none;
  
  background: #ffffff; /* Pure white border */

  /* The magic mask that shapes the border */
  --mask-borders: 
    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;

  -webkit-mask: var(--mask-borders);
  mask: var(--mask-borders);
}

/* Optional: Gives the carousel wrapper a bit of padding so the top/bottom shadows aren't cut off */
.elementor-2408 .elementor-element.elementor-element-449f59e .elementor-image-carousel-wrapper {
  padding: 15px; 
}



/* =========================================
   2. THE IMAGE (Clipped to Hexagon shape)
========================================= */
.elementor-2408 .elementor-element.elementor-element-449f59e .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  
  /* The Hexagon Cut */
  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));
  
  /* Smooth fade for the hover effect */
  transition: filter 0.3s ease;
}

/* =========================================
   IMAGE HOVER EFFECT
========================================= */
.elementor-2408 .elementor-element.elementor-element-449f59e .swiper-slide:hover img {
  filter: brightness(1.2) contrast(1.2) saturate(1.2);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b50d6f5 *//* Increase icon size by 50% inside buttons with a specific class */
.elementor-2408 .elementor-element.elementor-element-b50d6f5  {
    transform: scale(0.95);
    transform-origin: center;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b7f18a5 */.elementor-2408 .elementor-element.elementor-element-b7f18a5.elementor-section {
  position: relative;
  z-index: 1;

  /* Combine top and bottom fades */
  -webkit-mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      rgba(0, 0, 0, 0) 100%
    );

  mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      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-2408 .elementor-element.elementor-element-b7f18a5 {
  filter: contrast(110%);
}

/* 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-2408 .elementor-element.elementor-element-b7f18a5 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.elementor-2408 .elementor-element.elementor-element-b7f18a5::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(18px);
  pointer-events: none;
}

.elementor-2408 .elementor-element.elementor-element-b7f18a5 > .elementor-container {
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-439061a *//* Ensure the main element can hold absolute positioned lines */
.elementor-2408 .elementor-element.elementor-element-439061a {
  position: relative;
}

/* Hide the ::after element since we are doing this perfectly in one continuous shape now */
.elementor-2408 .elementor-element.elementor-element-439061a::after {
  display: none !important;
}

/* Draw the continuous shape */
.elementor-2408 .elementor-element.elementor-element-439061a::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 heading, class: .elementor-element-df8ea0b *//* =========================================
   1. BASE ELEMENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-df8ea0b {
  --corner-size: 20px;
  --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)
  );

  position: relative;
  overflow: hidden !important; 
  margin: 0.5%;
  border: none !important;
  background-color: #0194D4; /* The base blue */

  clip-path: var(--path);
  -webkit-clip-path: var(--path);
}

/* =========================================
   2. THE YELLOW FILL LAYER
========================================= */
.elementor-2408 .elementor-element.elementor-element-df8ea0b::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #FED801;
  pointer-events: none;

  /* Matches the parent shape exactly */
  clip-path: var(--path);
  -webkit-clip-path: var(--path);

  /* Start position: hidden to the left */
  transform: translateX(-100%);
  
  /* 
     NO TRANSITION HERE. 
     This ensures that when hover is OFF, it snaps back to -100% instantly.
  */
}

/* =========================================
   3. HOVER STATE (THE SLIDE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-df8ea0b:hover::before {
  transform: translateX(0);

  /* 
     TRANSITION ONLY ON HOVER. 
     This triggers the sliding motion only when entering the element.
  */
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   4. CONTENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-df8ea0b > * {
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9940417 *//* =========================================
   1. BASE ELEMENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-9940417 {
  --corner-size: 20px;
  --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)
  );

  position: relative;
  overflow: hidden !important; 
  margin: 0.5%;
  border: none !important;
  background-color: #0194D4; /* The base blue */

  clip-path: var(--path);
  -webkit-clip-path: var(--path);
}

/* =========================================
   2. THE YELLOW FILL LAYER
========================================= */
.elementor-2408 .elementor-element.elementor-element-9940417::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #FED801;
  pointer-events: none;

  /* Matches the parent shape exactly */
  clip-path: var(--path);
  -webkit-clip-path: var(--path);

  /* Start position: hidden to the left */
  transform: translateX(-100%);
  
  /* 
     NO TRANSITION HERE. 
     This ensures that when hover is OFF, it snaps back to -100% instantly.
  */
}

/* =========================================
   3. HOVER STATE (THE SLIDE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-9940417:hover::before {
  transform: translateX(0);

  /* 
     TRANSITION ONLY ON HOVER. 
     This triggers the sliding motion only when entering the element.
  */
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   4. CONTENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-9940417 > * {
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0037031 *//* =========================================
   1. BASE ELEMENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-0037031 {
  --corner-size: 20px;
  --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)
  );

  position: relative;
  overflow: hidden !important; 
  margin: 0.5%;
  border: none !important;
  background-color: #0194D4; /* The base blue */

  clip-path: var(--path);
  -webkit-clip-path: var(--path);
}

/* =========================================
   2. THE YELLOW FILL LAYER
========================================= */
.elementor-2408 .elementor-element.elementor-element-0037031::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #FED801;
  pointer-events: none;

  /* Matches the parent shape exactly */
  clip-path: var(--path);
  -webkit-clip-path: var(--path);

  /* Start position: hidden to the left */
  transform: translateX(-100%);
  
  /* 
     NO TRANSITION HERE. 
     This ensures that when hover is OFF, it snaps back to -100% instantly.
  */
}

/* =========================================
   3. HOVER STATE (THE SLIDE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-0037031:hover::before {
  transform: translateX(0);

  /* 
     TRANSITION ONLY ON HOVER. 
     This triggers the sliding motion only when entering the element.
  */
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   4. CONTENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-0037031 > * {
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4297722 *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-4297722 {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-4297722 .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-2408 .elementor-element.elementor-element-4297722 .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-2408 .elementor-element.elementor-element-4297722 .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-4297722 .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-2408 .elementor-element.elementor-element-4297722 .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-4297722:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-4297722 .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-2408 .elementor-element.elementor-element-4297722 .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-2408 .elementor-element.elementor-element-4297722:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-4297722 .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;
}
@media (max-width: 767px){

    .elementor-2408 .elementor-element.elementor-element-4297722 .elementor-button{
        min-width: 150px !important;
        padding: 8px 15px !important;
        font-size: 15px !important;
        line-height: 1.2;
    }

    .elementor-2408 .elementor-element.elementor-element-4297722 .elementor-button-icon{
        width: 26px;
        height: 24px;
        padding: 5px;
    }

    .elementor-2408 .elementor-element.elementor-element-4297722 .elementor-button-icon svg{
        width: 12px;
        height: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7820d6c *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-7820d6c {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-7820d6c .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-2408 .elementor-element.elementor-element-7820d6c .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-2408 .elementor-element.elementor-element-7820d6c .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-7820d6c .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-2408 .elementor-element.elementor-element-7820d6c .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-7820d6c:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-7820d6c .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-2408 .elementor-element.elementor-element-7820d6c .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-2408 .elementor-element.elementor-element-7820d6c:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-7820d6c .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;
}
@media (max-width: 767px){

    .elementor-2408 .elementor-element.elementor-element-7820d6c .elementor-button{
        min-width: 150px !important;
        padding: 8px 15px !important;
        font-size: 15px !important;
        line-height: 1.2;
    }

    .elementor-2408 .elementor-element.elementor-element-7820d6c .elementor-button-icon{
        width: 26px;
        height: 24px;
        padding: 5px;
    }

    .elementor-2408 .elementor-element.elementor-element-7820d6c .elementor-button-icon svg{
        width: 12px;
        height: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b30c3c *//* ===================================================
   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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet"><polygon points="50,5 95,27.5 95,72.5 50,95 5,72.5 5,27.5" fill="none" stroke="%23113B9D" stroke-width="3" vector-effect="non-scaling-stroke" stroke-linejoin="round"/></svg>');
    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-2408 .elementor-element.elementor-element-6b30c3c: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-2408 .elementor-element.elementor-element-6b30c3c .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 20px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a926008 */.elementor-2408 .elementor-element.elementor-element-a926008 img {
  -webkit-mask-image: linear-gradient(
    to bottom,
    /* --- TOP FADE (15% Coverage) --- */
    rgba(0,0,0,0) 0%,         /* Top: fully transparent */
    rgba(0,0,0,0.06) 1%,
    rgba(0,0,0,0.16) 2.5%,
    rgba(0,0,0,0.32) 5%,
    rgba(0,0,0,0.50) 7.5%,
    rgba(0,0,0,0.68) 10%,
    rgba(0,0,0,0.82) 12%,
    rgba(0,0,0,0.92) 13.5%,
    rgba(0,0,0,0.98) 14.5%,
    rgba(0,0,0,1) 15%,        /* Top fade ends, becomes solid */

    /* --- SOLID MIDDLE --- */
    rgba(0,0,0,1) 70%,        /* Solid until bottom fade zone starts */

    /* --- BOTTOM FADE (30% Coverage) --- */
    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,0) 0%,
    rgba(0,0,0,0.06) 1%,
    rgba(0,0,0,0.16) 2.5%,
    rgba(0,0,0,0.32) 5%,
    rgba(0,0,0,0.50) 7.5%,
    rgba(0,0,0,0.68) 10%,
    rgba(0,0,0,0.82) 12%,
    rgba(0,0,0,0.92) 13.5%,
    rgba(0,0,0,0.98) 14.5%,
    rgba(0,0,0,1) 15%,
    
    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-c5e4e1c */.elementor-2408 .elementor-element.elementor-element-c5e4e1c {
  animation: float-animation 5s ease-in-out infinite;
}

@keyframes float-animation {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f075a0c */.elementor-2408 .elementor-element.elementor-element-f075a0c.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-2408 .elementor-element.elementor-element-f075a0c {
  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-2408 .elementor-element.elementor-element-f075a0c {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

/* GRID OVERLAY */
.elementor-2408 .elementor-element.elementor-element-f075a0c::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-2408 .elementor-element.elementor-element-f075a0c::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-2408 .elementor-element.elementor-element-f075a0c > .elementor-container {
  position: relative;
  z-index: 2;
}

/* ---------------------------------------------------------
   DESKTOP & TABLET ONLY (min-width: 768px)
   FLIPPED MASK (RIGHT → LEFT)
--------------------------------------------------------- */
@media (min-width: 768px) {
  .elementor-2408 .elementor-element.elementor-element-f075a0c::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-2408 .elementor-element.elementor-element-f075a0c.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 image, class: .elementor-element-93c14aa */X.elementor-2408 .elementor-element.elementor-element-93c14aa {
    transform: scale(1.52);
    transform-origin: center;
  }





.elementor-2408 .elementor-element.elementor-element-93c14aa 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-b9101d7 */.elementor-2408 .elementor-element.elementor-element-b9101d7 {
    transform: scale(1.235540502);
    transform-origin: center;
  }


.elementor-2408 .elementor-element.elementor-element-b9101d7 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 spacer, class: .elementor-element-23d8faa *//* Ensure the main element can hold absolute positioned lines */
.elementor-2408 .elementor-element.elementor-element-23d8faa {
  position: relative;
}

/* Hide the ::after element since we are doing this perfectly in one continuous shape now */
.elementor-2408 .elementor-element.elementor-element-23d8faa::after {
  display: none !important;
}

/* Draw the continuous shape */
.elementor-2408 .elementor-element.elementor-element-23d8faa::before {
  content: '';
  position: absolute;
  bottom: 0;
  
  /* --- CUSTOMIZE YOUR LINE HERE --- */
  /* Stretching controls (Use %, px, or vw) */
  --extend-left: 16%;        /* 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 easily swap if needed */
  --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 high top line is (now on the RIGHT side) */
  --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(--navy-rgb));

  /* 2. Clip-path carves out the perfectly clean step shape (FLIPPED HORIZONTALLY) */
  clip-path: polygon(
    calc(100% - var(--top-width)) 0, 
    100% 0, 
    100% var(--line-thickness), 
    calc(100% - var(--top-width)) var(--line-thickness), 
    calc(100% - var(--top-width) - var(--slope-width)) 100%, 
    0 100%, 
    0 calc(100% - var(--line-thickness)), 
    calc(100% - var(--top-width) - var(--slope-width)) calc(100% - var(--line-thickness))
  );

  /* Vendor prefix for Safari compatibility */
  -webkit-clip-path: polygon(
    calc(100% - var(--top-width)) 0, 
    100% 0, 
    100% var(--line-thickness), 
    calc(100% - var(--top-width)) var(--line-thickness), 
    calc(100% - var(--top-width) - var(--slope-width)) 100%, 
    0 100%, 
    0 calc(100% - var(--line-thickness)), 
    calc(100% - var(--top-width) - var(--slope-width)) calc(100% - var(--line-thickness))
  );
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d769103 *//* =========================================
   1. BASE ELEMENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-d769103 {
  --corner-size: 20px;
  --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)
  );

  position: relative;
  overflow: hidden !important; 
  margin: 0.5%;
  border: none !important;
  background-color: #0194D4; /* The base blue */

  clip-path: var(--path);
  -webkit-clip-path: var(--path);
}

/* =========================================
   2. THE YELLOW FILL LAYER
========================================= */
.elementor-2408 .elementor-element.elementor-element-d769103::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #FED801;
  pointer-events: none;

  /* Matches the parent shape exactly */
  clip-path: var(--path);
  -webkit-clip-path: var(--path);

  /* Start position: hidden to the left */
  transform: translateX(-100%);
  
  /* 
     NO TRANSITION HERE. 
     This ensures that when hover is OFF, it snaps back to -100% instantly.
  */
}

/* =========================================
   3. HOVER STATE (THE SLIDE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d769103:hover::before {
  transform: translateX(0);

  /* 
     TRANSITION ONLY ON HOVER. 
     This triggers the sliding motion only when entering the element.
  */
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   4. CONTENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-d769103 > * {
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f172503 *//* =========================================
   1. BASE ELEMENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-f172503 {
  --corner-size: 20px;
  --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)
  );

  position: relative;
  overflow: hidden !important; 
  margin: 0.5%;
  border: none !important;
  background-color: #0194D4; /* The base blue */

  clip-path: var(--path);
  -webkit-clip-path: var(--path);
}

/* =========================================
   2. THE YELLOW FILL LAYER
========================================= */
.elementor-2408 .elementor-element.elementor-element-f172503::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #FED801;
  pointer-events: none;

  /* Matches the parent shape exactly */
  clip-path: var(--path);
  -webkit-clip-path: var(--path);

  /* Start position: hidden to the left */
  transform: translateX(-100%);
  
  /* 
     NO TRANSITION HERE. 
     This ensures that when hover is OFF, it snaps back to -100% instantly.
  */
}

/* =========================================
   3. HOVER STATE (THE SLIDE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f172503:hover::before {
  transform: translateX(0);

  /* 
     TRANSITION ONLY ON HOVER. 
     This triggers the sliding motion only when entering the element.
  */
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   4. CONTENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-f172503 > * {
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d70f37 *//* =========================================
   1. BASE ELEMENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-5d70f37 {
  --corner-size: 20px;
  --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)
  );

  position: relative;
  overflow: hidden !important; 
  margin: 0.5%;
  border: none !important;
  background-color: #0194D4; /* The base blue */

  clip-path: var(--path);
  -webkit-clip-path: var(--path);
}

/* =========================================
   2. THE YELLOW FILL LAYER
========================================= */
.elementor-2408 .elementor-element.elementor-element-5d70f37::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #FED801;
  pointer-events: none;

  /* Matches the parent shape exactly */
  clip-path: var(--path);
  -webkit-clip-path: var(--path);

  /* Start position: hidden to the left */
  transform: translateX(-100%);
  
  /* 
     NO TRANSITION HERE. 
     This ensures that when hover is OFF, it snaps back to -100% instantly.
  */
}

/* =========================================
   3. HOVER STATE (THE SLIDE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-5d70f37:hover::before {
  transform: translateX(0);

  /* 
     TRANSITION ONLY ON HOVER. 
     This triggers the sliding motion only when entering the element.
  */
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   4. CONTENT
========================================= */
.elementor-2408 .elementor-element.elementor-element-5d70f37 > * {
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2942b9 *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-b2942b9 {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-b2942b9 .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-2408 .elementor-element.elementor-element-b2942b9 .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-2408 .elementor-element.elementor-element-b2942b9 .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-b2942b9 .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-2408 .elementor-element.elementor-element-b2942b9 .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-b2942b9:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-b2942b9 .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-2408 .elementor-element.elementor-element-b2942b9 .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-2408 .elementor-element.elementor-element-b2942b9:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-b2942b9 .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;
}
@media (max-width: 767px){

    .elementor-2408 .elementor-element.elementor-element-b2942b9 .elementor-button{
        min-width: 150px !important;
        padding: 8px 15px !important;
        font-size: 15px !important;
        line-height: 1.2;
    }

    .elementor-2408 .elementor-element.elementor-element-b2942b9 .elementor-button-icon{
        width: 26px;
        height: 24px;
        padding: 5px;
    }

    .elementor-2408 .elementor-element.elementor-element-b2942b9 .elementor-button-icon svg{
        width: 12px;
        height: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c27b898 *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-c27b898 {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-c27b898 .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-2408 .elementor-element.elementor-element-c27b898 .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-2408 .elementor-element.elementor-element-c27b898 .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-c27b898 .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-2408 .elementor-element.elementor-element-c27b898 .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-c27b898:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c27b898 .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-2408 .elementor-element.elementor-element-c27b898 .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-2408 .elementor-element.elementor-element-c27b898:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-c27b898 .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;
}
@media (max-width: 767px){

    .elementor-2408 .elementor-element.elementor-element-c27b898 .elementor-button{
        min-width: 150px !important;
        padding: 8px 15px !important;
        font-size: 15px !important;
        line-height: 1.2;
    }

    .elementor-2408 .elementor-element.elementor-element-c27b898 .elementor-button-icon{
        width: 26px;
        height: 24px;
        padding: 5px;
    }

    .elementor-2408 .elementor-element.elementor-element-c27b898 .elementor-button-icon svg{
        width: 12px;
        height: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b271b9c *//* ===================================================
   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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet"><polygon points="50,5 95,27.5 95,72.5 50,95 5,72.5 5,27.5" fill="none" stroke="%23113B9D" stroke-width="3" vector-effect="non-scaling-stroke" stroke-linejoin="round"/></svg>');
    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-2408 .elementor-element.elementor-element-b271b9c: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-2408 .elementor-element.elementor-element-b271b9c .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 20px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5969fdf */.elementor-2408 .elementor-element.elementor-element-5969fdf.elementor-section {
  position: relative;
  z-index: 1;

  /* Combine top and bottom fades */
  -webkit-mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      rgba(0, 0, 0, 0) 100%
    );

  mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      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-2408 .elementor-element.elementor-element-5969fdf {
  filter: contrast(110%);
}

/* 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-2408 .elementor-element.elementor-element-5969fdf {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.elementor-2408 .elementor-element.elementor-element-5969fdf::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(18px);
  pointer-events: none;
}

.elementor-2408 .elementor-element.elementor-element-5969fdf > .elementor-container {
  position: relative;
  z-index: 1;
}













/* 2. Apply precise cinematic fading ONLY on Mobile (767px and below) */
@media (max-width: 767px) {
  .elementor-2408 .elementor-element.elementor-element-5969fdf.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 image, class: .elementor-element-8a33088 */.elementor-2408 .elementor-element.elementor-element-8a33088 {
    transform: scale(1.102);
    transform-origin: center;
  }/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-61f0420 *//* ===================================================
   1. BASE COLUMN & LAYOUT SETTINGS
   =================================================== */
.elementor-2408 .elementor-element.elementor-element-61f0420 {
    position: relative;
    margin: 1%;
    filter: contrast(115%) saturate(100%) brightness(100%);
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);

    --corner-size: 30px;      
    clip-path: polygon(
        var(--corner-size) 0%, 
        100% 0%, 
        100% calc(100% - var(--corner-size)), 
        calc(100% - var(--corner-size)) 100%, 
        0% 100%, 
        0% var(--corner-size)
    );
    -webkit-clip-path: polygon(
        var(--corner-size) 0%, 
        100% 0%, 
        100% calc(100% - var(--corner-size)), 
        calc(100% - var(--corner-size)) 100%, 
        0% 100%, 
        0% var(--corner-size)
    );

    transition: filter 1.5s ease, transform 0.3s ease;
}







/* 1. Establish positioning context ONLY on the image's container */
.elementor-2408 .elementor-element.elementor-element-61f0420 .elementor-widget-image .elementor-widget-container {
  position: relative;
  z-index: 1; 
}

/* 2. Shared Base: Solid Square (::before) & Radar Ring (::after) */
.elementor-2408 .elementor-element.elementor-element-61f0420 .elementor-widget-image .elementor-widget-container::before,
.elementor-2408 .elementor-element.elementor-element-61f0420 .elementor-widget-image .elementor-widget-container::after {
  content: "";
  position: absolute;
  top: 0; /* Anchors to the top */
  right: 0; /* Anchors to the right */
  
  /* Sizing */
  width: 60px; 
  aspect-ratio: 1 / 1; 
  
  /* Positioning behind the image */
  z-index: -1; 
  
  /* Initial hidden state */
  opacity: 0;
  transform: translate(0, 0); /* Starts flush behind the corner */
  
  /* Smooth easing for the reveal */
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 3. Specifics: Solid Square */
.elementor-2408 .elementor-element.elementor-element-61f0420 .elementor-widget-image .elementor-widget-container::before {
  background-color: #FBC405; 
}

/* 4. Specifics: Radar Ring (Transparent with matching border) */
.elementor-2408 .elementor-element.elementor-element-61f0420 .elementor-widget-image .elementor-widget-container::after {
  background-color: transparent;
  border: 2px solid #FBC405; /* Adjust px to change the thickness of the radar line */
  box-sizing: border-box;
}

/* 5. The Hover Effect: Both elements pop out diagonally */
.elementor-2408 .elementor-element.elementor-element-61f0420:hover .elementor-widget-image .elementor-widget-container::before,
.elementor-2408 .elementor-element.elementor-element-61f0420:hover .elementor-widget-image .elementor-widget-container::after {
  opacity: 1;
  /* First value pushes RIGHT. Second value pushes UP. */
  transform: translate(5px, -15px); 
}

/* 6. Trigger the Radar Animation */
.elementor-2408 .elementor-element.elementor-element-61f0420:hover .elementor-widget-image .elementor-widget-container::after {
  /* The 0.4s delay ensures it waits for the pop-out to finish before pulsing */
  animation: squareRadarPulse 1.5s infinite ease-out 0.4s; 
}

/* 7. Radar Keyframes */
@keyframes squareRadarPulse {
  0% {
    transform: translate(5px, -15px) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(5px, -15px) scale(1.8); /* Increase 1.8 to make the radar expand further */
    opacity: 0; /* Fades out completely at the end of the pulse */
  }
}

















/* ===================================================
   BOTTOM-UP-BLUR (Restricted to bottom 30%)
   =================================================== */

.elementor-2408 .elementor-element.elementor-element-61f0420 > .elementor-widget-wrap {
    position: relative;
}

.elementor-2408 .elementor-element.elementor-element-61f0420 > .elementor-widget-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1; /* Sits behind your hover overlays */
    pointer-events: none;

    /* The Blur Intensity */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* GRADIENT LOGIC:
       - Black 0% to 30%: The blur is at 100% strength.
       - 30% to 45%: The blur quickly fades out to transparent.
    */
    -webkit-mask-image: linear-gradient(to top, 
        black 0%, 
        black 30%, 
        transparent 45%
    );
    mask-image: linear-gradient(to top, 
        black 0%, 
        black 30%, 
        transparent 35%
    );
    
    /* Maintains the clip-path shape from your main .elementor-2408 .elementor-element.elementor-element-61f0420 */
    -webkit-backface-visibility: hidden;
}










/* Base state */
.elementor-2408 .elementor-element.elementor-element-61f0420 img {
    transition: transform 1s ease-in-out;
    will-change: transform;
}

/* Hover = float up */
.elementor-2408 .elementor-element.elementor-element-61f0420:hover img {
    transform: translateY(-12px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f7f5f0d */.elementor-2408 .elementor-element.elementor-element-f7f5f0d {
    transform: scale(1.0102);
    transform-origin: center;
  }/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-b5d5d03 *//* ===================================================
   1. BASE COLUMN & LAYOUT SETTINGS
   =================================================== */
.elementor-2408 .elementor-element.elementor-element-b5d5d03 {
    position: relative;
    margin: 1%;
    filter: contrast(115%) saturate(100%) brightness(100%);
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);

    --corner-size: 30px;      
    clip-path: polygon(
        var(--corner-size) 0%, 
        100% 0%, 
        100% calc(100% - var(--corner-size)), 
        calc(100% - var(--corner-size)) 100%, 
        0% 100%, 
        0% var(--corner-size)
    );
    -webkit-clip-path: polygon(
        var(--corner-size) 0%, 
        100% 0%, 
        100% calc(100% - var(--corner-size)), 
        calc(100% - var(--corner-size)) 100%, 
        0% 100%, 
        0% var(--corner-size)
    );

    transition: filter 1.5s ease, transform 0.3s ease;
}







/* 1. Establish positioning context ONLY on the image's container */
.elementor-2408 .elementor-element.elementor-element-b5d5d03 .elementor-widget-image .elementor-widget-container {
  position: relative;
  z-index: 1; 
}

/* 2. Shared Base: Solid Square (::before) & Radar Ring (::after) */
.elementor-2408 .elementor-element.elementor-element-b5d5d03 .elementor-widget-image .elementor-widget-container::before,
.elementor-2408 .elementor-element.elementor-element-b5d5d03 .elementor-widget-image .elementor-widget-container::after {
  content: "";
  position: absolute;
  top: 0; /* Anchors to the top */
  right: 0; /* Anchors to the right */
  
  /* Sizing */
  width: 60px; 
  aspect-ratio: 1 / 1; 
  
  /* Positioning behind the image */
  z-index: -1; 
  
  /* Initial hidden state */
  opacity: 0;
  transform: translate(0, 0); /* Starts flush behind the corner */
  
  /* Smooth easing for the reveal */
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 3. Specifics: Solid Square */
.elementor-2408 .elementor-element.elementor-element-b5d5d03 .elementor-widget-image .elementor-widget-container::before {
  background-color: #FBC405; 
}

/* 4. Specifics: Radar Ring (Transparent with matching border) */
.elementor-2408 .elementor-element.elementor-element-b5d5d03 .elementor-widget-image .elementor-widget-container::after {
  background-color: transparent;
  border: 2px solid #FBC405; /* Adjust px to change the thickness of the radar line */
  box-sizing: border-box;
}

/* 5. The Hover Effect: Both elements pop out diagonally */
.elementor-2408 .elementor-element.elementor-element-b5d5d03:hover .elementor-widget-image .elementor-widget-container::before,
.elementor-2408 .elementor-element.elementor-element-b5d5d03:hover .elementor-widget-image .elementor-widget-container::after {
  opacity: 1;
  /* First value pushes RIGHT. Second value pushes UP. */
  transform: translate(5px, -15px); 
}

/* 6. Trigger the Radar Animation */
.elementor-2408 .elementor-element.elementor-element-b5d5d03:hover .elementor-widget-image .elementor-widget-container::after {
  /* The 0.4s delay ensures it waits for the pop-out to finish before pulsing */
  animation: squareRadarPulse 1.5s infinite ease-out 0.4s; 
}

/* 7. Radar Keyframes */
@keyframes squareRadarPulse {
  0% {
    transform: translate(5px, -15px) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(5px, -15px) scale(1.8); /* Increase 1.8 to make the radar expand further */
    opacity: 0; /* Fades out completely at the end of the pulse */
  }
}

















/* ===================================================
   BOTTOM-UP-BLUR (Restricted to bottom 30%)
   =================================================== */

.elementor-2408 .elementor-element.elementor-element-b5d5d03 > .elementor-widget-wrap {
    position: relative;
}

.elementor-2408 .elementor-element.elementor-element-b5d5d03 > .elementor-widget-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1; /* Sits behind your hover overlays */
    pointer-events: none;

    /* The Blur Intensity */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* GRADIENT LOGIC:
       - Black 0% to 30%: The blur is at 100% strength.
       - 30% to 45%: The blur quickly fades out to transparent.
    */
    -webkit-mask-image: linear-gradient(to top, 
        black 0%, 
        black 30%, 
        transparent 45%
    );
    mask-image: linear-gradient(to top, 
        black 0%, 
        black 30%, 
        transparent 35%
    );
    
    /* Maintains the clip-path shape from your main .elementor-2408 .elementor-element.elementor-element-b5d5d03 */
    -webkit-backface-visibility: hidden;
}










/* Base state */
.elementor-2408 .elementor-element.elementor-element-b5d5d03 img {
    transition: transform 1s ease-in-out;
    will-change: transform;
}

/* Hover = float up */
.elementor-2408 .elementor-element.elementor-element-b5d5d03:hover img {
    transform: translateY(-12px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ead3153 */.elementor-2408 .elementor-element.elementor-element-ead3153 {
    transform: scale(1.0102);
    transform-origin: center;
  }/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-69ce415 *//* ===================================================
   1. BASE COLUMN & LAYOUT SETTINGS
   =================================================== */
.elementor-2408 .elementor-element.elementor-element-69ce415 {
    position: relative;
    margin: 1%;
    filter: contrast(115%) saturate(100%) brightness(100%);
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);

    --corner-size: 30px;      
    clip-path: polygon(
        var(--corner-size) 0%, 
        100% 0%, 
        100% calc(100% - var(--corner-size)), 
        calc(100% - var(--corner-size)) 100%, 
        0% 100%, 
        0% var(--corner-size)
    );
    -webkit-clip-path: polygon(
        var(--corner-size) 0%, 
        100% 0%, 
        100% calc(100% - var(--corner-size)), 
        calc(100% - var(--corner-size)) 100%, 
        0% 100%, 
        0% var(--corner-size)
    );

    transition: filter 1.5s ease, transform 0.3s ease;
}







/* 1. Establish positioning context ONLY on the image's container */
.elementor-2408 .elementor-element.elementor-element-69ce415 .elementor-widget-image .elementor-widget-container {
  position: relative;
  z-index: 1; 
}

/* 2. Shared Base: Solid Square (::before) & Radar Ring (::after) */
.elementor-2408 .elementor-element.elementor-element-69ce415 .elementor-widget-image .elementor-widget-container::before,
.elementor-2408 .elementor-element.elementor-element-69ce415 .elementor-widget-image .elementor-widget-container::after {
  content: "";
  position: absolute;
  top: 0; /* Anchors to the top */
  right: 0; /* Anchors to the right */
  
  /* Sizing */
  width: 60px; 
  aspect-ratio: 1 / 1; 
  
  /* Positioning behind the image */
  z-index: -1; 
  
  /* Initial hidden state */
  opacity: 0;
  transform: translate(0, 0); /* Starts flush behind the corner */
  
  /* Smooth easing for the reveal */
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 3. Specifics: Solid Square */
.elementor-2408 .elementor-element.elementor-element-69ce415 .elementor-widget-image .elementor-widget-container::before {
  background-color: #FBC405; 
}

/* 4. Specifics: Radar Ring (Transparent with matching border) */
.elementor-2408 .elementor-element.elementor-element-69ce415 .elementor-widget-image .elementor-widget-container::after {
  background-color: transparent;
  border: 2px solid #FBC405; /* Adjust px to change the thickness of the radar line */
  box-sizing: border-box;
}

/* 5. The Hover Effect: Both elements pop out diagonally */
.elementor-2408 .elementor-element.elementor-element-69ce415:hover .elementor-widget-image .elementor-widget-container::before,
.elementor-2408 .elementor-element.elementor-element-69ce415:hover .elementor-widget-image .elementor-widget-container::after {
  opacity: 1;
  /* First value pushes RIGHT. Second value pushes UP. */
  transform: translate(-20px, 15px); 
}

/* 6. Trigger the Radar Animation */
.elementor-2408 .elementor-element.elementor-element-69ce415:hover .elementor-widget-image .elementor-widget-container::after {
  /* The 0.4s delay ensures it waits for the pop-out to finish before pulsing */
  animation: squareRadarPulse 1.5s infinite ease-out 0.4s; 
}

/* 7. Radar Keyframes */
@keyframes squareRadarPulse {
  0% {
    transform: translate(5px, -15px) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(20px, 15px) scale(1.8); /* Increase 1.8 to make the radar expand further */
    opacity: 0; /* Fades out completely at the end of the pulse */
  }
}

















/* ===================================================
   BOTTOM-UP-BLUR (Restricted to bottom 30%)
   =================================================== */

.elementor-2408 .elementor-element.elementor-element-69ce415 > .elementor-widget-wrap {
    position: relative;
}

.elementor-2408 .elementor-element.elementor-element-69ce415 > .elementor-widget-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1; /* Sits behind your hover overlays */
    pointer-events: none;

    /* The Blur Intensity */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* GRADIENT LOGIC:
       - Black 0% to 30%: The blur is at 100% strength.
       - 30% to 45%: The blur quickly fades out to transparent.
    */
    -webkit-mask-image: linear-gradient(to top, 
        black 0%, 
        black 30%, 
        transparent 45%
    );
    mask-image: linear-gradient(to top, 
        black 0%, 
        black 30%, 
        transparent 35%
    );
    
    /* Maintains the clip-path shape from your main .elementor-2408 .elementor-element.elementor-element-69ce415 */
    -webkit-backface-visibility: hidden;
}










/* Base state */
.elementor-2408 .elementor-element.elementor-element-69ce415 img {
    transition: transform 1s ease-in-out;
    will-change: transform;
}

/* Hover = float up */
.elementor-2408 .elementor-element.elementor-element-69ce415:hover img {
    transform: translateY(-12px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7042f8a */.elementor-2408 .elementor-element.elementor-element-7042f8a {
    transform: scale(1.0102);
    transform-origin: center;
  }/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-9808832 *//* ===================================================
   1. BASE COLUMN & LAYOUT SETTINGS
   =================================================== */
.elementor-2408 .elementor-element.elementor-element-9808832 {
    position: relative;
    margin: 1%;
    filter: contrast(115%) saturate(100%) brightness(100%);
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);

    --corner-size: 30px;      
    clip-path: polygon(
        var(--corner-size) 0%, 
        100% 0%, 
        100% calc(100% - var(--corner-size)), 
        calc(100% - var(--corner-size)) 100%, 
        0% 100%, 
        0% var(--corner-size)
    );
    -webkit-clip-path: polygon(
        var(--corner-size) 0%, 
        100% 0%, 
        100% calc(100% - var(--corner-size)), 
        calc(100% - var(--corner-size)) 100%, 
        0% 100%, 
        0% var(--corner-size)
    );

    transition: filter 1.5s ease, transform 0.3s ease;
}







/* 1. Establish positioning context ONLY on the image's container */
.elementor-2408 .elementor-element.elementor-element-9808832 .elementor-widget-image .elementor-widget-container {
  position: relative;
  z-index: 1; 
}

/* 2. Shared Base: Solid Square (::before) & Radar Ring (::after) */
.elementor-2408 .elementor-element.elementor-element-9808832 .elementor-widget-image .elementor-widget-container::before,
.elementor-2408 .elementor-element.elementor-element-9808832 .elementor-widget-image .elementor-widget-container::after {
  content: "";
  position: absolute;
  top: 0; /* Anchors to the top */
  right: 0; /* Anchors to the right */
  
  /* Sizing */
  width: 60px; 
  aspect-ratio: 1 / 1; 
  
  /* Positioning behind the image */
  z-index: -1; 
  
  /* Initial hidden state */
  opacity: 0;
  transform: translate(0, 0); /* Starts flush behind the corner */
  
  /* Smooth easing for the reveal */
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 3. Specifics: Solid Square */
.elementor-2408 .elementor-element.elementor-element-9808832 .elementor-widget-image .elementor-widget-container::before {
  background-color: #FBC405; 
}

/* 4. Specifics: Radar Ring (Transparent with matching border) */
.elementor-2408 .elementor-element.elementor-element-9808832 .elementor-widget-image .elementor-widget-container::after {
  background-color: transparent;
  border: 2px solid #FBC405; /* Adjust px to change the thickness of the radar line */
  box-sizing: border-box;
}

/* 5. The Hover Effect: Both elements pop out diagonally */
.elementor-2408 .elementor-element.elementor-element-9808832:hover .elementor-widget-image .elementor-widget-container::before,
.elementor-2408 .elementor-element.elementor-element-9808832:hover .elementor-widget-image .elementor-widget-container::after {
  opacity: 1;
  /* First value pushes RIGHT. Second value pushes UP. */
  transform: translate(5px, -15px); 
}

/* 6. Trigger the Radar Animation */
.elementor-2408 .elementor-element.elementor-element-9808832:hover .elementor-widget-image .elementor-widget-container::after {
  /* The 0.4s delay ensures it waits for the pop-out to finish before pulsing */
  animation: squareRadarPulse 1.5s infinite ease-out 0.4s; 
}

/* 7. Radar Keyframes */
@keyframes squareRadarPulse {
  0% {
    transform: translate(5px, -15px) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(5px, -15px) scale(1.8); /* Increase 1.8 to make the radar expand further */
    opacity: 0; /* Fades out completely at the end of the pulse */
  }
}

















/* ===================================================
   BOTTOM-UP-BLUR (Restricted to bottom 30%)
   =================================================== */

.elementor-2408 .elementor-element.elementor-element-9808832 > .elementor-widget-wrap {
    position: relative;
}

.elementor-2408 .elementor-element.elementor-element-9808832 > .elementor-widget-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1; /* Sits behind your hover overlays */
    pointer-events: none;

    /* The Blur Intensity */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* GRADIENT LOGIC:
       - Black 0% to 30%: The blur is at 100% strength.
       - 30% to 45%: The blur quickly fades out to transparent.
    */
    -webkit-mask-image: linear-gradient(to top, 
        black 0%, 
        black 30%, 
        transparent 45%
    );
    mask-image: linear-gradient(to top, 
        black 0%, 
        black 30%, 
        transparent 35%
    );
    
    /* Maintains the clip-path shape from your main .elementor-2408 .elementor-element.elementor-element-9808832 */
    -webkit-backface-visibility: hidden;
}










/* Base state */
.elementor-2408 .elementor-element.elementor-element-9808832 img {
    transition: transform 1s ease-in-out;
    will-change: transform;
}

/* Hover = float up */
.elementor-2408 .elementor-element.elementor-element-9808832:hover img {
    transform: translateY(-12px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e253122 */.elementor-2408 .elementor-element.elementor-element-e253122 {
    transform: scale(1.0102);
    transform-origin: center;
  }/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-b777a03 *//* ===================================================
   1. BASE COLUMN & LAYOUT SETTINGS
   =================================================== */
.elementor-2408 .elementor-element.elementor-element-b777a03 {
    position: relative;
    margin: 1%;
    filter: contrast(115%) saturate(100%) brightness(100%);
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);

    --corner-size: 30px;      
    clip-path: polygon(
        var(--corner-size) 0%, 
        100% 0%, 
        100% calc(100% - var(--corner-size)), 
        calc(100% - var(--corner-size)) 100%, 
        0% 100%, 
        0% var(--corner-size)
    );
    -webkit-clip-path: polygon(
        var(--corner-size) 0%, 
        100% 0%, 
        100% calc(100% - var(--corner-size)), 
        calc(100% - var(--corner-size)) 100%, 
        0% 100%, 
        0% var(--corner-size)
    );

    transition: filter 1.5s ease, transform 0.3s ease;
}







/* 1. Establish positioning context ONLY on the image's container */
.elementor-2408 .elementor-element.elementor-element-b777a03 .elementor-widget-image .elementor-widget-container {
  position: relative;
  z-index: 1; 
}

/* 2. Shared Base: Solid Square (::before) & Radar Ring (::after) */
.elementor-2408 .elementor-element.elementor-element-b777a03 .elementor-widget-image .elementor-widget-container::before,
.elementor-2408 .elementor-element.elementor-element-b777a03 .elementor-widget-image .elementor-widget-container::after {
  content: "";
  position: absolute;
  top: 0; /* Anchors to the top */
  right: 0; /* Anchors to the right */
  
  /* Sizing */
  width: 60px; 
  aspect-ratio: 1 / 1; 
  
  /* Positioning behind the image */
  z-index: -1; 
  
  /* Initial hidden state */
  opacity: 0;
  transform: translate(0, 0); /* Starts flush behind the corner */
  
  /* Smooth easing for the reveal */
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 3. Specifics: Solid Square */
.elementor-2408 .elementor-element.elementor-element-b777a03 .elementor-widget-image .elementor-widget-container::before {
  background-color: #FBC405; 
}

/* 4. Specifics: Radar Ring (Transparent with matching border) */
.elementor-2408 .elementor-element.elementor-element-b777a03 .elementor-widget-image .elementor-widget-container::after {
  background-color: transparent;
  border: 2px solid #FBC405; /* Adjust px to change the thickness of the radar line */
  box-sizing: border-box;
}

/* 5. The Hover Effect: Both elements pop out diagonally */
.elementor-2408 .elementor-element.elementor-element-b777a03:hover .elementor-widget-image .elementor-widget-container::before,
.elementor-2408 .elementor-element.elementor-element-b777a03:hover .elementor-widget-image .elementor-widget-container::after {
  opacity: 1;
  /* First value pushes RIGHT. Second value pushes UP. */
  transform: translate(5px, -15px); 
}

/* 6. Trigger the Radar Animation */
.elementor-2408 .elementor-element.elementor-element-b777a03:hover .elementor-widget-image .elementor-widget-container::after {
  /* The 0.4s delay ensures it waits for the pop-out to finish before pulsing */
  animation: squareRadarPulse 1.5s infinite ease-out 0.4s; 
}

/* 7. Radar Keyframes */
@keyframes squareRadarPulse {
  0% {
    transform: translate(5px, -15px) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(5px, -15px) scale(1.8); /* Increase 1.8 to make the radar expand further */
    opacity: 0; /* Fades out completely at the end of the pulse */
  }
}

















/* ===================================================
   BOTTOM-UP-BLUR (Restricted to bottom 30%)
   =================================================== */

.elementor-2408 .elementor-element.elementor-element-b777a03 > .elementor-widget-wrap {
    position: relative;
}

.elementor-2408 .elementor-element.elementor-element-b777a03 > .elementor-widget-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1; /* Sits behind your hover overlays */
    pointer-events: none;

    /* The Blur Intensity */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* GRADIENT LOGIC:
       - Black 0% to 30%: The blur is at 100% strength.
       - 30% to 45%: The blur quickly fades out to transparent.
    */
    -webkit-mask-image: linear-gradient(to top, 
        black 0%, 
        black 30%, 
        transparent 45%
    );
    mask-image: linear-gradient(to top, 
        black 0%, 
        black 30%, 
        transparent 35%
    );
    
    /* Maintains the clip-path shape from your main .elementor-2408 .elementor-element.elementor-element-b777a03 */
    -webkit-backface-visibility: hidden;
}










/* Base state */
.elementor-2408 .elementor-element.elementor-element-b777a03 img {
    transition: transform 1s ease-in-out;
    will-change: transform;
}

/* Hover = float up */
.elementor-2408 .elementor-element.elementor-element-b777a03:hover img {
    transform: translateY(-12px);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-996ed39 *//* Increase icon size by 50% inside buttons with a specific class */
.elementor-2408 .elementor-element.elementor-element-996ed39  {
    transform: scale(0.905);
    transform-origin: center;
}

@media only screen and (max-width: 900px){
    /* Increase icon size by 50% inside buttons with a specific class */
.elementor-2408 .elementor-element.elementor-element-996ed39  {
    transform: scale(1);
    transform-origin: center;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-deeeec4 */.elementor-2408 .elementor-element.elementor-element-deeeec4.elementor-section {
  position: relative;
  z-index: 1;

  /* Combine top and bottom fades */
  -webkit-mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      rgba(0, 0, 0, 0) 100%
    );

  mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      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-2408 .elementor-element.elementor-element-deeeec4 {
  filter: contrast(110%);
}

/* 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-2408 .elementor-element.elementor-element-deeeec4 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.elementor-2408 .elementor-element.elementor-element-deeeec4::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(18px);
  pointer-events: none;
}

.elementor-2408 .elementor-element.elementor-element-deeeec4 > .elementor-container {
  position: relative;
  z-index: 1;
}













/* 2. Apply precise cinematic fading ONLY on Mobile (767px and below) */
@media (max-width: 767px) {
  .elementor-2408 .elementor-element.elementor-element-deeeec4.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-561306f *//* Ensure the main element can hold absolute positioned lines */
.elementor-2408 .elementor-element.elementor-element-561306f {
  position: relative;
}

/* Hide the ::after element since we are doing this perfectly in one continuous shape now */
.elementor-2408 .elementor-element.elementor-element-561306f::after {
  display: none !important;
}

/* Draw the continuous shape and gradient */
.elementor-2408 .elementor-element.elementor-element-561306f::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. Seamless Background Fade (Solid for 70%, then smoothly fades to 0% opacity) */
  background: linear-gradient(
    to right,
    rgba(var(--navy-rgb), 1) 0%,
    rgba(var(--navy-rgb), 1) 70%,
    rgba(var(--navy-rgb), 0.98) 71%,
    rgba(var(--navy-rgb), 0.92) 73%,
    rgba(var(--navy-rgb), 0.82) 76%,
    rgba(var(--navy-rgb), 0.68) 80%,
    rgba(var(--navy-rgb), 0.50) 85%,
    rgba(var(--navy-rgb), 0.32) 90%,
    rgba(var(--navy-rgb), 0.16) 95%,
    rgba(var(--navy-rgb), 0.06) 98%,
    rgba(var(--navy-rgb), 0) 100% /* Drops to perfectly invisible Navy Blue */
  );

  /* 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 accordion, class: .elementor-element-0257a20 *//* ==== 1. Tab Title Styling (Octagonal Clipped Border) ==== */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item {
    position: relative; 
}

/* Base Tab Title - Applying the custom shape */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item .elementor-tab-title {
    --corner-size: 20px;
    position: relative;
    z-index: 1; /* Establishes a stacking context for the background */
    overflow: visible;
    margin: 0.5%;
    border: none !important;
    background-color: transparent !important; 
    cursor: pointer;

    /* The actual clipped shape */
    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)
    );
}

/* NEW: Sliding LTR Navy Blue Background */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item .elementor-tab-title::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0; /* Sits behind the text (z-index: 3) and border (z-index: 2) */
    background-color: #082A4E; /* 🔥 CHANGED to your Navy */
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    pointer-events: none;
}

/* Trigger the background slide on hover */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover::after {
    transform: scaleX(1);
}

/* CLIPPED BORDER MASK */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item .elementor-tab-title::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2; /* Sits above the background, below the text */
    pointer-events: none;

    /* Base widths */
    --border-width: 2px;
    --corner-border-width: 2.8px; 

    /* 🔥 CHANGED to your Navy */
    background: #082A4E;
    
    /* Smooth transition for the hover color change */
    transition: background 0.3s ease;

    /* BORDER MASK (8 SIDES) - Draws the line along the clip-path */
    -webkit-mask: 
        linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-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;
}

/* HOVER BORDER COLOR CHANGE */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover::before {
    /* Slightly brightened version of your Navy for transition */
    background: #0C3E75; 
}

/* Tab Title Inner Text Transition */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-title {
    position: relative;
    z-index: 3; /* Pushes the text securely above the sliding background */
    transition: color 0.3s ease !important;
}

/* NEW: Text turns White on hover */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-title,
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover a {
    color: #ffffff !important;
}

/* ==== 2. Tooltip Content — Core Hologram Style ==== */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item .elementor-tab-content {
    /* --- Visual Variables --- */
    --corner: 20px;
    --b-color: rgba(255, 255, 255, 0.3);
    --b-width: 1px;
    
    /* 🔥 CHANGED to your Navy */
    --bg-color: #082A4E; 

    display: block !important;
    position: absolute !important;
    width: 360px; /* Reduced by 35% from original 400px */
    z-index: 999;
    pointer-events: none;
    opacity: 0;
    padding: 2rem 1.5rem;
    color: #fff;
    border: none !important;

    /* THE CLIP-PATH */
    clip-path: polygon(
        var(--corner) 0%, 
        calc(100% - var(--corner)) 0%, 
        100% var(--corner), 
        100% calc(100% - var(--corner)), 
        calc(100% - var(--corner)) 100%, 
        var(--corner) 100%, 
        0% calc(100% - var(--corner)), 
        0% var(--corner)
    );

    /* DRAWING ALL 8 BORDER SEGMENTS */
    background: 
        linear-gradient(135deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) top left / var(--corner) var(--corner) no-repeat,
        linear-gradient(225deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) top right / var(--corner) var(--corner) no-repeat,
        linear-gradient(45deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) bottom left / var(--corner) var(--corner) no-repeat,
        linear-gradient(-45deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) bottom right / var(--corner) var(--corner) no-repeat,
        linear-gradient(to right, var(--b-color), var(--b-color)) top center / calc(100% - var(--corner) * 2 + 1px) var(--b-width) no-repeat,
        linear-gradient(to right, var(--b-color), var(--b-color)) bottom center / calc(100% - var(--corner) * 2 + 1px) var(--b-width) no-repeat,
        linear-gradient(to bottom, var(--b-color), var(--b-color)) center left / var(--b-width) calc(100% - var(--corner) * 2 + 1px) no-repeat,
        linear-gradient(to bottom, var(--b-color), var(--b-color)) center right / var(--b-width) calc(100% - var(--corner) * 2 + 1px) no-repeat,
        var(--bg-color) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    
    /* Transition: Fade Only (1s duration) */
    transition: opacity 1s ease, filter 1s ease;
    filter: brightness(0.5) blur(4px);
}

/* ==== 3. Desktop Position (Stabilized Left Sided) ==== */
@media (min-width: 1025px) {
    .elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item .elementor-tab-content {
        width: 360px; /* Reduced by 35% from original 600px */
        top: 50%; 
        left: -20px; /* Adds a 20px gap between the accordion and the tooltip */
        right: auto; 
        bottom: auto; 
        /* The -100% X translation is the magic: it pushes the entire box outside the left edge */
        transform: translate(-100%, -50%); 
    }

    .elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content {
        opacity: 1;
        pointer-events: auto;
        filter: brightness(1) blur(0px);
        box-shadow: -10px 15px 40px rgba(0,0,0,0.4); /* Flipped shadow to the left side */
    }
}

/* ==== 4. Tablet & Mobile Position (Stabilized Top) ==== */
@media (max-width: 1024px) {
    .elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item .elementor-tab-content {
        bottom: 100%;
        left: 50%;
        width: 90vw;
        max-width: 360px; /* Reduced by 35% from original 400px */
        transform: translateX(-50%);
    }

    .elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content {
        opacity: 1;
        pointer-events: auto;
        filter: brightness(1) blur(0px);
    }
}

/* ==== 5. Hide Default Icons & Cleanup ==== */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-icon {
    display: none !important;
}

.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-tab-content > * {
    opacity: 0;
    transition: opacity 1s ease;
}

.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content > * {
    opacity: 1;
}

/* ==== 6. Numbered Prefix (Animated & Styled - Bulletproof Version) ==== */

/* Explicit Keyframes for spinning (Placed at the top for Elementor's parser) */
@keyframes octo-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes octo-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes text-counter-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

@-webkit-keyframes text-counter-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-360deg); }
}

/* Set up the counter on the main accordion wrapper */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion {
    counter-reset: accordion-numbers;
}

/* Increment the counter for every item */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-item {
    counter-increment: accordion-numbers;
}

/* Base Element: The Shape Container */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-icon {
    display: flex !important; 
    align-items: center;
    justify-content: center;
    width: 30px !important; /* Reduced by 25% from 40px */
    height: 30px !important; /* Reduced by 25% from 40px */
    margin-right: 15px !important; 
    
    --corner-size: 6px; /* Proportionally scaled for the 30px box */
    --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)
    );

    position: relative;
    z-index: 3; /* Pushes the icon securely above the sliding background */
    overflow: hidden !important; 
    border: none !important;
    
    /* 🔥 CHANGED to your Navy */
    background-color: #082A4E !important; 
    
    clip-path: var(--path);
    -webkit-clip-path: var(--path);

    /* Enforce center rotation */
    transform-origin: center center !important;
    transform: rotate(0deg); 
}

/* Trigger container spin on hover */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-title:hover .elementor-accordion-icon {
    /* 5 seconds for a full rotation, smooth and continuous */
    -webkit-animation: octo-spin 5s linear infinite !important;
    animation: octo-spin 5s linear infinite !important;
}

/* Hide default icons inside */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-icon > * {
    display: none !important;
}

/* The Yellow Fill Layer */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: #FFD611 !important; 
    pointer-events: none;
    
    clip-path: var(--path);
    -webkit-clip-path: var(--path);

    /* Start position: hidden to the left */
    transform: translateX(-100%);
}

/* Trigger the yellow slide */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-title:hover .elementor-accordion-icon::before {
    transform: translateX(0);
    transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* The Content: Numbers + Font + Counter-Spin */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-accordion-icon::after {
    content: counter(accordion-numbers, decimal-leading-zero);
    position: absolute; 
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    
    /* Requested Typography */
    font-family: 'Bai Jamjuree', sans-serif !important;
    font-weight: 400 !important; /* INCREASED BY 100 */
    font-size: 12px !important; /* Adjusted to fit the 30px box perfectly */
    line-height: 1 !important;
    
    color: #fff !important;
    transition: color 0.3s ease;
    
    /* Enforce center rotation for text to perfectly counter the outer box */
    transform-origin: center center !important;
    transform: rotate(0deg);
}

/* Color change and inverse rotation on hover */
.elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-title:hover .elementor-accordion-icon::after {
    /* 🔥 CHANGED to your Navy */
    color: #082A4E !important; 
    
    /* Exactly counters the outer spin so text remains upright */
    -webkit-animation: text-counter-spin 5s linear infinite !important;
    animation: text-counter-spin 5s linear infinite !important;
}

@media only screen and (max-width: 768px){
    .elementor-2408 .elementor-element.elementor-element-0257a20 .elementor-tab-title{
        line-height: 0.7em !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-76f2647 */.elementor-2408 .elementor-element.elementor-element-76f2647.elementor-section {
  position: relative;
  z-index: 1;

  /* Combine top and bottom fades */
  -webkit-mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      rgba(0, 0, 0, 0) 100%
    );

  mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      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-2408 .elementor-element.elementor-element-76f2647 {
  filter: contrast(110%);
}

/* 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-2408 .elementor-element.elementor-element-76f2647 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.elementor-2408 .elementor-element.elementor-element-76f2647::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(18px);
  pointer-events: none;
}

.elementor-2408 .elementor-element.elementor-element-76f2647 > .elementor-container {
  position: relative;
  z-index: 1;
}













/* 2. Apply precise cinematic fading ONLY on Mobile (767px and below) */
@media (max-width: 767px) {
  .elementor-2408 .elementor-element.elementor-element-76f2647.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-bf62d53 *//* Ensure the main element can hold absolute positioned lines */
.elementor-2408 .elementor-element.elementor-element-bf62d53 {
  position: relative;
}

/* Hide the ::after element since we are doing this perfectly in one continuous shape now */
.elementor-2408 .elementor-element.elementor-element-bf62d53::after {
  display: none !important;
}

/* Draw the continuous shape */
.elementor-2408 .elementor-element.elementor-element-bf62d53::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 heading, class: .elementor-element-80712e2 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-80712e2 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-80712e2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-80712e2:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c3a7551 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c3a7551 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c3a7551::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c3a7551:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-aa4a694 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-aa4a694 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-aa4a694::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-aa4a694:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-05c0de3 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-05c0de3 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-05c0de3::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-05c0de3:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-04cd64b *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-04cd64b {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-04cd64b::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-04cd64b:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1fff8bc *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-1fff8bc {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-1fff8bc::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-1fff8bc:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-db11238 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-db11238 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-db11238::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-db11238:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-372b4c9 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-372b4c9 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-372b4c9::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-372b4c9:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ac268ea *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-ac268ea {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-ac268ea::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-ac268ea:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-587f39c *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-587f39c {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-587f39c::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-587f39c:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bdd0742 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-bdd0742 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-bdd0742::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-bdd0742:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d33d873 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d33d873 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d33d873::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-d33d873:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-354034c *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-354034c {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-354034c::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-354034c:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5dee3d8 *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-5dee3d8 {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-5dee3d8 .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-2408 .elementor-element.elementor-element-5dee3d8 .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-2408 .elementor-element.elementor-element-5dee3d8 .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-5dee3d8 .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-2408 .elementor-element.elementor-element-5dee3d8 .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-5dee3d8:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-5dee3d8 .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-2408 .elementor-element.elementor-element-5dee3d8 .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-2408 .elementor-element.elementor-element-5dee3d8:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-5dee3d8 .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;
}
@media (max-width: 767px){

    .elementor-2408 .elementor-element.elementor-element-5dee3d8 .elementor-button{
        min-width: 150px !important;
        padding: 8px 15px !important;
        font-size: 15px !important;
        line-height: 1.2;
    }

    .elementor-2408 .elementor-element.elementor-element-5dee3d8 .elementor-button-icon{
        width: 26px;
        height: 24px;
        padding: 5px;
    }

    .elementor-2408 .elementor-element.elementor-element-5dee3d8 .elementor-button-icon svg{
        width: 12px;
        height: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-42773a8 *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-42773a8 {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-42773a8 .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-2408 .elementor-element.elementor-element-42773a8 .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-2408 .elementor-element.elementor-element-42773a8 .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-42773a8 .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-2408 .elementor-element.elementor-element-42773a8 .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-42773a8:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-42773a8 .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-2408 .elementor-element.elementor-element-42773a8 .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-2408 .elementor-element.elementor-element-42773a8:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-42773a8 .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;
}
@media (max-width: 767px){

    .elementor-2408 .elementor-element.elementor-element-42773a8 .elementor-button{
        min-width: 150px !important;
        padding: 8px 15px !important;
        font-size: 15px !important;
        line-height: 1.2;
    }

    .elementor-2408 .elementor-element.elementor-element-42773a8 .elementor-button-icon{
        width: 26px;
        height: 24px;
        padding: 5px;
    }

    .elementor-2408 .elementor-element.elementor-element-42773a8 .elementor-button-icon svg{
        width: 12px;
        height: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57f1fb6 *//* ===================================================
   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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet"><polygon points="50,5 95,27.5 95,72.5 50,95 5,72.5 5,27.5" fill="none" stroke="%23113B9D" stroke-width="3" vector-effect="non-scaling-stroke" stroke-linejoin="round"/></svg>');
    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-2408 .elementor-element.elementor-element-57f1fb6: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-2408 .elementor-element.elementor-element-57f1fb6 .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 20px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-87a62fc */.elementor-2408 .elementor-element.elementor-element-87a62fc.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-2408 .elementor-element.elementor-element-87a62fc {
  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-2408 .elementor-element.elementor-element-87a62fc {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

/* GRID OVERLAY */
.elementor-2408 .elementor-element.elementor-element-87a62fc::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-2408 .elementor-element.elementor-element-87a62fc::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-2408 .elementor-element.elementor-element-87a62fc > .elementor-container {
  position: relative;
  z-index: 2;
}

/* ---------------------------------------------------------
   DESKTOP & TABLET ONLY (min-width: 768px)
   FLIPPED MASK (RIGHT → LEFT)
--------------------------------------------------------- */
@media (min-width: 768px) {
  .elementor-2408 .elementor-element.elementor-element-87a62fc::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-2408 .elementor-element.elementor-element-87a62fc.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-bd8e10c *//* Ensure the main element can hold absolute positioned lines */
.elementor-2408 .elementor-element.elementor-element-bd8e10c {
  position: relative;
}

/* Hide the ::after element since we are doing this perfectly in one continuous shape now */
.elementor-2408 .elementor-element.elementor-element-bd8e10c::after {
  display: none !important;
}

/* Draw the continuous shape */
.elementor-2408 .elementor-element.elementor-element-bd8e10c::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 accordion, class: .elementor-element-7b15a2d *//* ==== Section Fade Mask ==== */
.elementor-2408 .elementor-element.elementor-element-7b15a2d.elementor-section {
  position: relative;
  z-index: 1;

  /* Combine top and bottom fades */
  -webkit-mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      rgba(0, 0, 0, 0) 100%
    );

  mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      rgba(0, 0, 0, 0) 100%
    );

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* ==== Hover-to-expand (downward) ==== */

/* 1) Base: keep content in flow and collapsed */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item .elementor-tab-content {
  position: static !important;        
  display: block !important;          
  overflow: hidden !important;
  max-height: 0 !important;            
  padding-top: 0 !important;
  padding-bottom: 0 !important; 
  opacity: 0.001 !important;          
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important; 
  border: 0 !important;
  transition: max-height .3s ease, padding .3s ease, opacity .2s ease !important;
}

/* Remove any leftover tooltip arrow */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item .elementor-tab-content::before {
  content: none !important;
}

/* 2) Expand on hover/focus of the item or title */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item:hover > .elementor-tab-content,
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item:focus-within > .elementor-tab-content,
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover + .elementor-tab-content {
  max-height: 1000px !important;      
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  opacity: 1 !important;
  transition: max-height .3s ease, padding .3s ease, opacity .2s ease !important;
}

/* 3) Still respect click-to-open if used */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item.elementor-active > .elementor-tab-content {
  max-height: 1000px !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  opacity: 1 !important;
  transition: max-height .3s ease, padding .3s ease, opacity .2s ease !important;
}

/* ==== RESTORED: Tab title underline (Now strictly scoped to this widget) ==== */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item .elementor-tab-title {
  border-style: solid !important;
  border-width: 0px !important;
  border-bottom-width: 1px !important;
  border-bottom-color: #36558D !important; 
  border-top-width: 0px !important;
  border-right-width: 0px !important;
  border-left-width: 0px !important;
}

/* ==== Icons and Text Colors ==== */

/* Scale accordion SVG icon */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-icon svg {
  transform: scale(0.5) !important;
  transform-origin: center center !important;
  transition: fill 0.2s ease !important;
}

/* Default icon color */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-icon svg {
  fill: #000 !important;
  transition: fill 0.2s ease !important;
}

/* Change icon to white ONLY when active (hover is handled below now) */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item.elementor-active .elementor-tab-title .elementor-accordion-icon svg {
  fill: #ffff !important; 
  transition: fill 0.2s ease !important;
}

/* Title text active color: White (Hover removed from here to prevent conflicts) */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item.elementor-active .elementor-tab-title {
  color: #ffff !important; 
  transition: color 0.2s ease !important;
}

/* Ensure anchor text inherits the active color */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item.elementor-active .elementor-tab-title a {
  color: inherit !important;
}

/* Hide Elementor accordion icons */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-icon,
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-icon svg,
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion-icon i {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}







/* 1. Prep the accordion title to contain the effect */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-title {
  position: relative;
  overflow: hidden; 
  z-index: 1; 
}

/* Add a smooth transition specifically to the text and icon so the color change isn't instant */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-title .elementor-accordion-title,
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-title .elementor-accordion-icon svg {
  transition: all 0.3s ease;
}

/* 2. Create the hidden sliding background */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  /* Vibrant Yellowish-Orange */
  background-color: #FFB703; 
  
  z-index: -1; 
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); 
}

/* 3. Trigger the background swipe on hover */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-tab-title:hover::before {
  transform: scaleX(1);
}

/* 4. FORCE the inner text to turn Navy Blue on hover (Specificity boosted to override old rules) */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover,
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-title,
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover a {
  color: #1D2C54 !important;
}

/* 5. FORCE the Elementor icon to turn Navy Blue on hover */
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-icon,
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-icon svg,
.elementor-2408 .elementor-element.elementor-element-7b15a2d .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-icon path {
  color: #1D2C54 !important;
  fill: #1D2C54 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5c34470 *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-5c34470 {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-5c34470 .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-2408 .elementor-element.elementor-element-5c34470 .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-2408 .elementor-element.elementor-element-5c34470 .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-5c34470 .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-2408 .elementor-element.elementor-element-5c34470 .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-5c34470:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-5c34470 .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-2408 .elementor-element.elementor-element-5c34470 .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-2408 .elementor-element.elementor-element-5c34470:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-5c34470 .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;
}
@media (max-width: 767px){

    .elementor-2408 .elementor-element.elementor-element-5c34470 .elementor-button{
        min-width: 150px !important;
        padding: 8px 15px !important;
        font-size: 15px !important;
        line-height: 1.2;
    }

    .elementor-2408 .elementor-element.elementor-element-5c34470 .elementor-button-icon{
        width: 26px;
        height: 24px;
        padding: 5px;
    }

    .elementor-2408 .elementor-element.elementor-element-5c34470 .elementor-button-icon svg{
        width: 12px;
        height: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-aa61b34 *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-aa61b34 {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-aa61b34 .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-2408 .elementor-element.elementor-element-aa61b34 .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-2408 .elementor-element.elementor-element-aa61b34 .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-aa61b34 .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-2408 .elementor-element.elementor-element-aa61b34 .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-aa61b34:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-aa61b34 .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-2408 .elementor-element.elementor-element-aa61b34 .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-2408 .elementor-element.elementor-element-aa61b34:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-aa61b34 .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;
}
@media (max-width: 767px){

    .elementor-2408 .elementor-element.elementor-element-aa61b34 .elementor-button{
        min-width: 150px !important;
        padding: 8px 15px !important;
        font-size: 15px !important;
        line-height: 1.2;
    }

    .elementor-2408 .elementor-element.elementor-element-aa61b34 .elementor-button-icon{
        width: 26px;
        height: 24px;
        padding: 5px;
    }

    .elementor-2408 .elementor-element.elementor-element-aa61b34 .elementor-button-icon svg{
        width: 12px;
        height: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5545c4a *//* ===================================================
   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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet"><polygon points="50,5 95,27.5 95,72.5 50,95 5,72.5 5,27.5" fill="none" stroke="%23113B9D" stroke-width="3" vector-effect="non-scaling-stroke" stroke-linejoin="round"/></svg>');
    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-2408 .elementor-element.elementor-element-5545c4a: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-2408 .elementor-element.elementor-element-5545c4a .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 20px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a34bff */.elementor-2408 .elementor-element.elementor-element-9a34bff {
    transform: scale(1.102);
    transform-origin: center;
  }






X.elementor-2408 .elementor-element.elementor-element-9a34bff 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-fd7227a */.elementor-2408 .elementor-element.elementor-element-fd7227a {
    transform: scale(1.2);
    transform-origin: center;
  }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b6981d */.elementor-2408 .elementor-element.elementor-element-7b6981d {
    transform: scale(1.235540502);
    transform-origin: center;
  }


.elementor-2408 .elementor-element.elementor-element-7b6981d 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 column, class: .elementor-element-e5f12bd */.elementor-2408 .elementor-element.elementor-element-e5f12bd { height: 90vh;
}

@media only screen and (max-width: 900px){
    .elementor-2408 .elementor-element.elementor-element-e5f12bd { height: 0vh;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-53ee046 */.elementor-2408 .elementor-element.elementor-element-53ee046 {
  /* --- 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-2408 .elementor-element.elementor-element-53ee046 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.elementor-2408 .elementor-element.elementor-element-53ee046::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-2408 .elementor-element.elementor-element-53ee046 > .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-2408 .elementor-element.elementor-element-53ee046::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 for spacer, class: .elementor-element-b115aff *//* Ensure the main element can hold absolute positioned lines */
.elementor-2408 .elementor-element.elementor-element-b115aff {
  position: relative;
}

/* Hide the ::after element */
.elementor-2408 .elementor-element.elementor-element-b115aff::after {
  display: none !important;
}

/* Draw the continuous shape - VERTICALLY FLIPPED */
.elementor-2408 .elementor-element.elementor-element-b115aff::before {
  content: '';
  position: absolute;
  top: 0; /* Changed from bottom: 0 to top: 0 for the flipped orientation */
  
  /* --- CUSTOMIZE YOUR LINE HERE --- */
  --extend-left: 26%;
  --extend-right: 46%;
  --navy-rgb: 25, 59, 129; 
  --line-thickness: 3.25px; 
  --drop-height: 25px;
  --top-width: 45%;
  --slope-width: 35px;
  /* -------------------------------- */
  
  left: calc(-1 * var(--extend-left));
  width: calc(100% + var(--extend-left) + var(--extend-right));
  height: var(--drop-height);
  
  background: rgb(var(--navy-rgb));

  /* 
     Logic: Subtracted original Y offsets from 100% to flip vertically.
     The "top" line is now at the bottom (100%), and the "bottom" line is at the top (0%).
  */
  clip-path: polygon(
    0 100%, 
    var(--top-width) 100%, 
    calc(var(--top-width) + var(--slope-width)) var(--line-thickness), 
    100% var(--line-thickness), 
    100% 0, 
    calc(var(--top-width) + var(--slope-width)) 0, 
    var(--top-width) calc(100% - var(--line-thickness)), 
    0 calc(100% - var(--line-thickness))
  );

  -webkit-clip-path: polygon(
    0 100%, 
    var(--top-width) 100%, 
    calc(var(--top-width) + var(--slope-width)) var(--line-thickness), 
    100% var(--line-thickness), 
    100% 0, 
    calc(var(--top-width) + var(--slope-width)) 0, 
    var(--top-width) calc(100% - var(--line-thickness)), 
    0 calc(100% - var(--line-thickness))
  );
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f871b68 */.elementor-2408 .elementor-element.elementor-element-f871b68.elementor-section {
  position: relative;
  z-index: 1;

  /* Combine top and bottom fades */
  -webkit-mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      rgba(0, 0, 0, 0) 100%
    );

  mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      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-2408 .elementor-element.elementor-element-f871b68 {
  filter: contrast(110%);
}

/* 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-2408 .elementor-element.elementor-element-f871b68 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.elementor-2408 .elementor-element.elementor-element-f871b68::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(18px);
  pointer-events: none;
}

.elementor-2408 .elementor-element.elementor-element-f871b68 > .elementor-container {
  position: relative;
  z-index: 1;
}













/* 2. Apply precise cinematic fading ONLY on Mobile (767px and below) */
@media (max-width: 767px) {
  .elementor-2408 .elementor-element.elementor-element-f871b68.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 html, class: .elementor-element-682c228 */.gmb-map iframe{
    width: 300px;
    height: 450px;
    border: 0;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5333c4e *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-5333c4e {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-5333c4e::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-5333c4e:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dcbcd4b *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-dcbcd4b {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-dcbcd4b::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-dcbcd4b:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ea7efbc *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-ea7efbc {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-ea7efbc::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-ea7efbc:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dcee2ef *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-dcee2ef {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-dcee2ef::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-dcee2ef:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d6519 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-43d6519 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-43d6519::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-43d6519:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b9821f7 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-b9821f7 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-b9821f7::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-b9821f7:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-94076cb *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-94076cb {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-94076cb::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-94076cb:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0b73a18 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-0b73a18 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-0b73a18::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-0b73a18:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4465b3 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-b4465b3 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-b4465b3::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-b4465b3:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2099e2a *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-2099e2a {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-2099e2a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-2099e2a:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d4dcba6 *//* =========================================
   1. BASE ELEMENT (YOUR SHAPE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d4dcba6 {
  --corner-size: 8px;

  position: relative;
  overflow: visible;
  margin: 0.5%;
  border: none !important;
  
  /* Removed the background fill */
  background-color: transparent !important; 

  /* The actual clipped shape */
  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)
  );
}

/* =========================================
   2. CLIPPED BORDER (Default #38CFFE)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d4dcba6::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  /* Base widths */
  --border-width: 1px;
  --corner-border-width: 2px; /* Slightly thicker on angles for visual balance */

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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;
}

/* =========================================
   3. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-d4dcba6:hover::before {
  background: #244C87; /* Changes to yellow on hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3d5f42b *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-3d5f42b {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-3d5f42b .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-2408 .elementor-element.elementor-element-3d5f42b .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-2408 .elementor-element.elementor-element-3d5f42b .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-3d5f42b .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-2408 .elementor-element.elementor-element-3d5f42b .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-3d5f42b:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-3d5f42b .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-2408 .elementor-element.elementor-element-3d5f42b .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-2408 .elementor-element.elementor-element-3d5f42b:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-3d5f42b .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;
}
@media (max-width: 767px){

    .elementor-2408 .elementor-element.elementor-element-3d5f42b .elementor-button{
        min-width: 150px !important;
        padding: 8px 15px !important;
        font-size: 15px !important;
        line-height: 1.2;
    }

    .elementor-2408 .elementor-element.elementor-element-3d5f42b .elementor-button-icon{
        width: 26px;
        height: 24px;
        padding: 5px;
    }

    .elementor-2408 .elementor-element.elementor-element-3d5f42b .elementor-button-icon svg{
        width: 12px;
        height: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e494fa1 *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-e494fa1 {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-e494fa1 .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-2408 .elementor-element.elementor-element-e494fa1 .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-2408 .elementor-element.elementor-element-e494fa1 .elementor-button{
         padding: 10px 19px !important;
    }
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-e494fa1 .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-2408 .elementor-element.elementor-element-e494fa1 .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-e494fa1:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-e494fa1 .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-2408 .elementor-element.elementor-element-e494fa1 .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-2408 .elementor-element.elementor-element-e494fa1:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-e494fa1 .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;
}
@media (max-width: 767px){

    .elementor-2408 .elementor-element.elementor-element-e494fa1 .elementor-button{
        min-width: 150px !important;
        padding: 8px 15px !important;
        font-size: 15px !important;
        line-height: 1.2;
    }

    .elementor-2408 .elementor-element.elementor-element-e494fa1 .elementor-button-icon{
        width: 26px;
        height: 24px;
        padding: 5px;
    }

    .elementor-2408 .elementor-element.elementor-element-e494fa1 .elementor-button-icon svg{
        width: 12px;
        height: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-638917c *//* ===================================================
   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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet"><polygon points="50,5 95,27.5 95,72.5 50,95 5,72.5 5,27.5" fill="none" stroke="%23113B9D" stroke-width="3" vector-effect="non-scaling-stroke" stroke-linejoin="round"/></svg>');
    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-2408 .elementor-element.elementor-element-638917c: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-2408 .elementor-element.elementor-element-638917c .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 20px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9643f49 */.elementor-2408 .elementor-element.elementor-element-9643f49.elementor-section {
  position: relative;
  z-index: 1;

  /* Combine top and bottom fades */
  -webkit-mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      rgba(0, 0, 0, 0) 100%
    );

  mask-image: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      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-2408 .elementor-element.elementor-element-9643f49 {
  filter: contrast(110%);
}

/* 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-2408 .elementor-element.elementor-element-9643f49 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.elementor-2408 .elementor-element.elementor-element-9643f49::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(18px);
  pointer-events: none;
}

.elementor-2408 .elementor-element.elementor-element-9643f49 > .elementor-container {
  position: relative;
  z-index: 1;
}













/* 2. Apply precise cinematic fading ONLY on Mobile (767px and below) */
@media (max-width: 767px) {
  .elementor-2408 .elementor-element.elementor-element-9643f49.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 accordion, class: .elementor-element-835f31a *//* ==== 1. Tab Title Styling (Octagonal Clipped Border) ==== */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item {
    position: relative; 
}

/* Base Tab Title - Applying the custom shape */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item .elementor-tab-title {
    --corner-size: 20px;
    position: relative;
    overflow: visible;
    margin: 0.5%;
    border: none !important;
    
    background-color: #EFFBFF !important; 
    cursor: pointer;

    /* The actual clipped shape */
    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)
    );
}

/* CLIPPED BORDER MASK (New Navy Blue) */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item .elementor-tab-title::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    /* Base widths */
    --border-width: 2px;
    --corner-border-width: 3.8px; 

    /* Default border color updated to your Navy #082A4E */
    background: #082A4E;
    
    /* Smooth transition for the hover color change */
    transition: background 0.3s ease;

    /* BORDER MASK (8 SIDES) - Draws the line along the clip-path */
    -webkit-mask: 
        linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-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;
}

/* HOVER BORDER COLOR CHANGE */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover::before {
    /* Slightly brightened version of your Navy to keep the smooth hover effect */
    background: #0C3E75; 
}

/* Tab Title Inner Text Transition (Hover color rule intentionally removed) */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-title {
    transition: color 0.3s ease !important;
}

/* ==== 2. Tooltip Content — Core Hologram Style ==== */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item .elementor-tab-content {
    /* --- Visual Variables --- */
    --corner: 20px;
    --b-color: rgba(255, 255, 255, 0.3);
    --b-width: 1px;
    
    /* Tooltip background is your Navy #082A4E */
    --bg-color: #082A4E; 

    display: block !important;
    position: absolute !important;
    width: 260px; 
    z-index: 999;
    pointer-events: none;
    opacity: 0;
    padding: 2rem 1.5rem;
    color: #fff;
    border: none !important;

    /* THE CLIP-PATH */
    clip-path: polygon(
        var(--corner) 0%, 
        calc(100% - var(--corner)) 0%, 
        100% var(--corner), 
        100% calc(100% - var(--corner)), 
        calc(100% - var(--corner)) 100%, 
        var(--corner) 100%, 
        0% calc(100% - var(--corner)), 
        0% var(--corner)
    );

    /* DRAWING ALL 8 BORDER SEGMENTS */
    background: 
        linear-gradient(135deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) top left / var(--corner) var(--corner) no-repeat,
        linear-gradient(225deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) top right / var(--corner) var(--corner) no-repeat,
        linear-gradient(45deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) bottom left / var(--corner) var(--corner) no-repeat,
        linear-gradient(-45deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) bottom right / var(--corner) var(--corner) no-repeat,
        linear-gradient(to right, var(--b-color), var(--b-color)) top center / calc(100% - var(--corner) * 2 + 1px) var(--b-width) no-repeat,
        linear-gradient(to right, var(--b-color), var(--b-color)) bottom center / calc(100% - var(--corner) * 2 + 1px) var(--b-width) no-repeat,
        linear-gradient(to bottom, var(--b-color), var(--b-color)) center left / var(--b-width) calc(100% - var(--corner) * 2 + 1px) no-repeat,
        linear-gradient(to bottom, var(--b-color), var(--b-color)) center right / var(--b-width) calc(100% - var(--corner) * 2 + 1px) no-repeat,
        var(--bg-color) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    
    /* Transition: Fade Only (1s duration) */
    transition: opacity 1s ease, filter 1s ease;
    filter: brightness(0.5) blur(4px);
}

/* ==== 3. Desktop Position (Stabilized Right Sided) ==== */
@media (min-width: 1025px) {
    .elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item .elementor-tab-content {
        width: 390px; 
        top: 50%; 
        
        /* 🔥 CHANGED: Positioned to the right side */
        left: auto; 
        right: -20px; 
        bottom: auto; 
        
        /* Translates 100% to the right (outside the element) */
        transform: translate(100%, -50%); 
    }

    .elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content {
        opacity: 1;
        pointer-events: auto;
        filter: brightness(1) blur(0px);
        
        /* 🔥 CHANGED: Flipped shadow direction to match the right side */
        box-shadow: 10px 15px 40px rgba(0,0,0,0.4); 
    }
}

/* ==== 4. Tablet & Mobile Position (Stabilized Top) ==== */
@media (max-width: 1024px) {
    .elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item .elementor-tab-content {
        bottom: 100%;
        left: 50%;
        width: 90vw;
        max-width: 260px; 
        transform: translateX(-50%);
    }

    .elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content {
        opacity: 1;
        pointer-events: auto;
        filter: brightness(1) blur(0px);
    }
}

@media only screen and (max-width: 900px){
     .elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item .elementor-tab-content {
        bottom: -140%;
        left: 150%;
        width: 90vw;
        max-width: 360px; 
        transform: translateX(-50%);
    }
}


@media only screen and (max-width: 768px){
     .elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item .elementor-tab-content {
        bottom: 90%;
        left: 50%;
        width: 90vw;
        max-width: 360px; 
        transform: translateX(-50%);
    }
}
/* ==== 5. Hide Default Icons & Cleanup ==== */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-icon {
    display: none !important;
}

.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-tab-content > * {
    opacity: 0;
    transition: opacity 1s ease;
}

.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content > * {
    opacity: 1;
}

/* ==== 6. Numbered Prefix (Animated & Styled - Bulletproof Version) ==== */

/* Explicit Keyframes for spinning */
@keyframes octo-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes octo-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes text-counter-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

@-webkit-keyframes text-counter-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-360deg); }
}

/* Set up the counter on the main accordion wrapper */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion {
    counter-reset: accordion-numbers;
}

/* Increment the counter for every item */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-item {
    counter-increment: accordion-numbers;
}

/* Base Element: The Shape Container */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-icon {
    display: flex !important; 
    align-items: center;
    justify-content: center;
    width: 30px !important; 
    height: 30px !important; 
    margin-right: 15px !important; 
    
    --corner-size: 6px; 
    --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)
    );

    position: relative;
    overflow: hidden !important; 
    border: none !important;
    
    background-color: #082A4E !important; 
    
    clip-path: var(--path);
    -webkit-clip-path: var(--path);

    /* Enforce center rotation */
    transform-origin: center center !important;
    transform: rotate(0deg); 
}

/* Trigger container spin on hover */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-title:hover .elementor-accordion-icon {
    -webkit-animation: octo-spin 5s linear infinite !important;
    animation: octo-spin 5s linear infinite !important;
}

/* Hide default icons inside */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-icon > * {
    display: none !important;
}

/* The Yellow Fill Layer */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: #FFD611 !important; 
    pointer-events: none;
    
    clip-path: var(--path);
    -webkit-clip-path: var(--path);

    /* Start position: hidden to the left */
    transform: translateX(-100%);
}

/* Trigger the yellow slide */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-title:hover .elementor-accordion-icon::before {
    transform: translateX(0);
    transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* The Content: Numbers + Font + Counter-Spin */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-accordion-icon::after {
    content: counter(accordion-numbers, decimal-leading-zero);
    position: absolute; 
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    
    /* Requested Typography */
    font-family: 'Bai Jamjuree', sans-serif !important;
    font-weight: 300 !important;
    font-size: 12px !important; 
    line-height: 1 !important;
    
    color: #fff !important;
    transition: color 0.3s ease;
    
    transform-origin: center center !important;
    transform: rotate(0deg);
}

/* Color change and inverse rotation on hover */
.elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-title:hover .elementor-accordion-icon::after {
    color: #082A4E !important;
    
    
    -webkit-animation: text-counter-spin 5s linear infinite !important;
    animation: text-counter-spin 5s linear infinite !important;
}

@media only screen and (max-width: 900px){
    .elementor-2408 .elementor-element.elementor-element-835f31a .elementor-tab-title{
        line-height: 0.8em !important;
    }
}/* End custom CSS */
/* Start custom CSS for accordion, class: .elementor-element-48f2f65 *//* ==== 1. Tab Title Styling (Octagonal Clipped Border) ==== */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item {
    position: relative; 
}

/* Base Tab Title - Applying the custom shape */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item .elementor-tab-title {
    --corner-size: 20px;
    position: relative;
    overflow: visible;
    margin: 0.5%;
    border: none !important;
    
    background-color: #EFFBFF !important; 
    cursor: pointer;

    /* The actual clipped shape */
    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)
    );
}

/* CLIPPED BORDER MASK (New Navy Blue) */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item .elementor-tab-title::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    /* Base widths */
    --border-width: 2px;
    
    /* 🔥 CHANGED: Added 1px extra to the corner border width */
    --corner-border-width: 3.8px; 

    /* Default border color updated to your Navy #082A4E */
    background: #082A4E;
    
    /* Smooth transition for the hover color change */
    transition: background 0.3s ease;

    /* BORDER MASK (8 SIDES) - Draws the line along the clip-path */
    -webkit-mask: 
        linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-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;
}

/* HOVER BORDER COLOR CHANGE */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover::before {
    /* Slightly brightened version of your Navy to keep the smooth hover effect */
    background: #0C3E75; 
}

/* Tab Title Inner Text Transition (Hover color rule intentionally removed) */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-title {
    transition: color 0.3s ease !important;
}

/* ==== 2. Tooltip Content — Core Hologram Style ==== */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item .elementor-tab-content {
    /* --- Visual Variables --- */
    --corner: 20px;
    --b-color: rgba(255, 255, 255, 0.3);
    --b-width: 1px;
    
    /* Tooltip background is your Navy #082A4E */
    --bg-color: #082A4E; 

    display: block !important;
    position: absolute !important;
    width: 260px; 
    z-index: 999;
    pointer-events: none;
    opacity: 0;
    padding: 2rem 1.5rem;
    color: #fff;
    border: none !important;

    /* THE CLIP-PATH */
    clip-path: polygon(
        var(--corner) 0%, 
        calc(100% - var(--corner)) 0%, 
        100% var(--corner), 
        100% calc(100% - var(--corner)), 
        calc(100% - var(--corner)) 100%, 
        var(--corner) 100%, 
        0% calc(100% - var(--corner)), 
        0% var(--corner)
    );

    /* DRAWING ALL 8 BORDER SEGMENTS */
    background: 
        linear-gradient(135deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) top left / var(--corner) var(--corner) no-repeat,
        linear-gradient(225deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) top right / var(--corner) var(--corner) no-repeat,
        linear-gradient(45deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) bottom left / var(--corner) var(--corner) no-repeat,
        linear-gradient(-45deg, transparent 50%, var(--b-color) 50%, var(--b-color) calc(50% + 1.5px), transparent calc(50% + 2px)) bottom right / var(--corner) var(--corner) no-repeat,
        linear-gradient(to right, var(--b-color), var(--b-color)) top center / calc(100% - var(--corner) * 2 + 1px) var(--b-width) no-repeat,
        linear-gradient(to right, var(--b-color), var(--b-color)) bottom center / calc(100% - var(--corner) * 2 + 1px) var(--b-width) no-repeat,
        linear-gradient(to bottom, var(--b-color), var(--b-color)) center left / var(--b-width) calc(100% - var(--corner) * 2 + 1px) no-repeat,
        linear-gradient(to bottom, var(--b-color), var(--b-color)) center right / var(--b-width) calc(100% - var(--corner) * 2 + 1px) no-repeat,
        var(--bg-color) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    
    /* Transition: Fade Only (1s duration) */
    transition: opacity 1s ease, filter 1s ease;
    filter: brightness(0.5) blur(4px);
}

/* ==== 3. Desktop Position (Stabilized Left Sided) ==== */
@media (min-width: 1025px) {
    .elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item .elementor-tab-content {
        width: 390px; 
        top: 50%; 
        left: -20px; 
        right: auto; 
        bottom: auto; 
        transform: translate(-100%, -50%); 
    }

    .elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content {
        opacity: 1;
        pointer-events: auto;
        filter: brightness(1) blur(0px);
        box-shadow: -10px 15px 40px rgba(0,0,0,0.4); 
    }
}

/* ==== 4. Tablet & Mobile Position (Stabilized Top) ==== */
@media (max-width: 1024px) {
    .elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item .elementor-tab-content {
        bottom: 100%;
        left: 50%;
        width: 90vw;
        max-width: 260px; 
        transform: translateX(-50%);
    }

    .elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content {
        opacity: 1;
        pointer-events: auto;
        filter: brightness(1) blur(0px);
    }
}


@media only screen and (max-width: 900px){
     .elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item .elementor-tab-content {
        bottom: -140%;
        left: -50%;
        width: 90vw;
        max-width: 360px; 
        transform: translateX(-50%);
    }
}

@media only screen and (max-width: 768px){
     .elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item .elementor-tab-content {
        bottom: 90%;
        left: 50%;
        width: 90vw;
        max-width: 360px; 
        transform: translateX(-50%);
    }
}

/* ==== 5. Hide Default Icons & Cleanup ==== */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-icon {
    display: none !important;
}

.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-tab-content > * {
    opacity: 0;
    transition: opacity 1s ease;
}

.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content > * {
    opacity: 1;
}

/* ==== 6. Numbered Prefix (Animated & Styled - Bulletproof Version) ==== */

/* Explicit Keyframes for spinning */
@keyframes octo-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes octo-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes text-counter-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

@-webkit-keyframes text-counter-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-360deg); }
}

/* Set up the counter on the main accordion wrapper */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion {
    counter-reset: accordion-numbers;
}

/* Increment the counter for every item */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-item {
    counter-increment: accordion-numbers;
}

/* Base Element: The Shape Container */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-icon {
    display: flex !important; 
    align-items: center;
    justify-content: center;
    width: 30px !important; 
    height: 30px !important; 
    margin-right: 15px !important; 
    
    --corner-size: 6px; 
    --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)
    );

    position: relative;
    overflow: hidden !important; 
    border: none !important;
    
    background-color: #082A4E !important; 
    
    clip-path: var(--path);
    -webkit-clip-path: var(--path);

    /* Enforce center rotation */
    transform-origin: center center !important;
    transform: rotate(0deg); 
}

/* Trigger container spin on hover */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-title:hover .elementor-accordion-icon {
    -webkit-animation: octo-spin 5s linear infinite !important;
    animation: octo-spin 5s linear infinite !important;
}

/* Hide default icons inside */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-icon > * {
    display: none !important;
}

/* The Yellow Fill Layer */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: #FFD611 !important; 
    pointer-events: none;
    
    clip-path: var(--path);
    -webkit-clip-path: var(--path);

    /* Start position: hidden to the left */
    transform: translateX(-100%);
}

/* Trigger the yellow slide */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-title:hover .elementor-accordion-icon::before {
    transform: translateX(0);
    transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* The Content: Numbers + Font + Counter-Spin */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-accordion-icon::after {
    content: counter(accordion-numbers, decimal-leading-zero);
    position: absolute; 
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    
    /* Requested Typography */
    font-family: 'Bai Jamjuree', sans-serif !important;
    font-weight: 300 !important;
    font-size: 12px !important; 
    line-height: 1 !important;
    
    color: #fff !important;
    transition: color 0.3s ease;
    
    transform-origin: center center !important;
    transform: rotate(0deg);
}

/* Color change and inverse rotation on hover */
.elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-title:hover .elementor-accordion-icon::after {
    color: #082A4E !important;
    
    -webkit-animation: text-counter-spin 5s linear infinite !important;
    animation: text-counter-spin 5s linear infinite !important;
}

@media only screen and (max-width: 900px){
    .elementor-2408 .elementor-element.elementor-element-48f2f65 .elementor-tab-title{
        line-height: 0.8em !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d73b59c */.elementor-2408 .elementor-element.elementor-element-d73b59c.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%
  );

  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%
  );

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}



/* Rest of your existing styles remain unchanged */
.elementor-2408 .elementor-element.elementor-element-d73b59c {
  filter: contrast(105%);
}

.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-2408 .elementor-element.elementor-element-d73b59c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        linear-gradient(rgba(0, 0, 0, 0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.15) 1px, transparent 1px);
    background-size: 4px 4px;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: overlay;
}

.elementor-2408 .elementor-element.elementor-element-d73b59c {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.elementor-2408 .elementor-element.elementor-element-d73b59c::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: none;
}

.elementor-2408 .elementor-element.elementor-element-d73b59c > .elementor-container {
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a4d6abb */.elementor-2408 .elementor-element.elementor-element-a4d6abb {
    transform: scale(1.7552);
    transform-origin: center;
  }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0605f6 */.elementor-2408 .elementor-element.elementor-element-f0605f6 {
    transform: scale(1.235540502);
    transform-origin: center;
  }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a0198ce */.elementor-2408 .elementor-element.elementor-element-a0198ce {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 1.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}

@media only screen and (max-width: 900px){
    .elementor-2408 .elementor-element.elementor-element-a0198ce {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 0.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}
}


/* Draw the solid background and cut the corners */
.elementor-2408 .elementor-element.elementor-element-a0198ce::before {
  content: "";
  position: absolute;
  inset: 0; /* Stretches to fit 100% of the element */
  
  /* The solid fill replacing the borders */
  background-color: #1A3164; 
  
  /* Puts the black shape behind your text/content inside the Elementor widget */
  z-index: -1; 
  pointer-events: none; 

  /* Cuts BOTH the top-right and bottom-left corners */
  clip-path: polygon(
    0 0,
    calc(100% - var(--corner-size)) 0,
    100% var(--corner-size),
    100% 100%,
    var(--corner-size) 100%,
    0 calc(100% - var(--corner-size))
  );
}

/* Note: The entire .elementor-2408 .elementor-element.elementor-element-a0198ce::after block from your previous code has been removed. 
  Since the shape is now solid, you don't need CSS gradients to draw the border lines!
*//* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7887c2 */.elementor-2408 .elementor-element.elementor-element-b7887c2 {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 1.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}

@media only screen and (max-width: 900px){
    .elementor-2408 .elementor-element.elementor-element-b7887c2 {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 0.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}
}


/* Draw the solid background and cut the corners */
.elementor-2408 .elementor-element.elementor-element-b7887c2::before {
  content: "";
  position: absolute;
  inset: 0; /* Stretches to fit 100% of the element */
  
  /* The solid fill replacing the borders */
  background-color: #1A3164; 
  
  /* Puts the black shape behind your text/content inside the Elementor widget */
  z-index: -1; 
  pointer-events: none; 

  /* Cuts BOTH the top-right and bottom-left corners */
  clip-path: polygon(
    0 0,
    calc(100% - var(--corner-size)) 0,
    100% var(--corner-size),
    100% 100%,
    var(--corner-size) 100%,
    0 calc(100% - var(--corner-size))
  );
}

/* Note: The entire .elementor-2408 .elementor-element.elementor-element-b7887c2::after block from your previous code has been removed. 
  Since the shape is now solid, you don't need CSS gradients to draw the border lines!
*//* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-572a888 */.elementor-2408 .elementor-element.elementor-element-572a888 {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 1.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}

@media only screen and (max-width: 900px){
    .elementor-2408 .elementor-element.elementor-element-572a888 {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 0.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}
}


/* Draw the solid background and cut the corners */
.elementor-2408 .elementor-element.elementor-element-572a888::before {
  content: "";
  position: absolute;
  inset: 0; /* Stretches to fit 100% of the element */
  
  /* The solid fill replacing the borders */
  background-color: #1A3164; 
  
  /* Puts the black shape behind your text/content inside the Elementor widget */
  z-index: -1; 
  pointer-events: none; 

  /* Cuts BOTH the top-right and bottom-left corners */
  clip-path: polygon(
    0 0,
    calc(100% - var(--corner-size)) 0,
    100% var(--corner-size),
    100% 100%,
    var(--corner-size) 100%,
    0 calc(100% - var(--corner-size))
  );
}

/* Note: The entire .elementor-2408 .elementor-element.elementor-element-572a888::after block from your previous code has been removed. 
  Since the shape is now solid, you don't need CSS gradients to draw the border lines!
*//* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-c5c2d99 *//* =========================================
   1. FORCE INPUT TEXT & PLACEHOLDERS TO WHITE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field,
.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field::-webkit-input-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* =========================================
   2. HALF-HEXAGON FORM FIELDS (NO TOP BORDER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group:not(.elementor-field-type-submit) .elementor-field {
    --corner-size: 12px;
    --border-width: 2px;
    --corner-border-width: 3px; 
    --field-border: #ffffff;
    --field-bg: transparent;

    border: none !important;
    border-radius: 0 !important;

    /* Clip path: Square top (0,0), Diagonal bottom */
    clip-path: polygon(
        0% 0%,
        100% 0%,
        100% calc(100% - var(--corner-size)),
        calc(100% - var(--corner-size)) 100%,
        var(--corner-size) 100%,
        0% calc(100% - var(--corner-size))
    ) !important;

    -webkit-clip-path: polygon(
        0% 0%,
        100% 0%,
        100% calc(100% - var(--corner-size)),
        calc(100% - var(--corner-size)) 100%,
        var(--corner-size) 100%,
        0% calc(100% - var(--corner-size))
    ) !important;

    /* Draw the border using linear gradients directly on the background */
    background:
        /* Bottom Edge */
        linear-gradient(var(--field-border), var(--field-border)) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat,
        /* Left Edge */
        linear-gradient(var(--field-border), var(--field-border)) left top / var(--border-width) calc(100% - var(--corner-size)) no-repeat,
        /* Right Edge */
        linear-gradient(var(--field-border), var(--field-border)) right top / var(--border-width) calc(100% - var(--corner-size)) no-repeat,
        /* Bottom-Left Corner */
        linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), var(--field-border) calc(50% - var(--corner-border-width)/2), var(--field-border) calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
        /* Bottom-Right Corner */
        linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), var(--field-border) calc(50% - var(--corner-border-width)/2), var(--field-border) calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
        
        var(--field-bg) !important;

    transition: color 0.3s ease, opacity 0.3s ease !important;
}

/* =========================================
   3. FORM FIELD HOVER / FOCUS STATES
========================================= */
.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group:not(.elementor-field-type-submit) .elementor-field:hover,
.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group:not(.elementor-field-type-submit) .elementor-field:focus {
    color: #ffffff !important; 
}

.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group:not(.elementor-field-type-submit) .elementor-field:hover::placeholder,
.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-field-group:not(.elementor-field-type-submit) .elementor-field:focus::placeholder {
    color: #ffffff !important; 
    opacity: 1 !important; 
}

/* =========================================
   4. FILE UPLOAD BUTTON (White Dashed Border)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c5c2d99 input[type="file"]::file-.elementor-2408 .elementor-element.elementor-element-c5c2d99-button,
.elementor-2408 .elementor-element.elementor-element-c5c2d99 input[type="file"]::-webkit-file-upload-button {
  background-color: #333333 !important; 
  border: 2px dashed #ffffff !important;   
  color: #ffffff !important;            
  padding: 8px 16px !important;
  margin-right: 15px !important; 
  cursor: pointer;
  border-radius: 4px; 
  transition: all 0.3s ease;
}

/* =========================================
   5. THE SUBMIT BUTTON (OCTAGON HOVER CONNECT)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-button {
    --corner-size: 12px;
    --border-width: 2px;
    --corner-border-width: 3px;
    
    /* 🔥 CHANGED: Button border is now yellowish-orange again */
    --btn-border-color: #F2CD08; 

    position: relative;
    border-radius: 0 !important;
    overflow: visible !important;
    border: none !important;
    background-color: transparent !important;
    
    /* The Full 8-Sided Octagon Shape */
    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)
    ) !important;
    
    -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)
    ) !important;
}

/* THE BORDER LAYER */
.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    /* Octagon Mask (Maps all 8 Sides) */
    -webkit-mask:
        linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-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;

    /* 
       Paints the left 35% and right 35% of the border mask, 
       leaving exactly a 30% gap in the middle.
    */
    background-image: 
        linear-gradient(var(--btn-border-color), var(--btn-border-color)),
        linear-gradient(var(--btn-border-color), var(--btn-border-color));
    background-repeat: no-repeat;
    background-position: left center, right center;
    background-size: 35% 100%, 35% 100%;
    
    transition: background-size 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* HOVER STATE: Close the 30% gap */
.elementor-2408 .elementor-element.elementor-element-c5c2d99 .elementor-button:hover::before {
    /* Expands both sides to 50.5% so they meet perfectly in the middle */
    background-size: 50.5% 100%, 50.5% 100%;
}

/* =========================================
   6. SUBMIT BUTTON ICON FIXES
========================================= */
.elementor-button[type="submit"] svg {
  transform: scale(0.525);
  transform-origin: center center;
}

.elementor-button[type="submit"] svg path {
  fill: #fff !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4b0f552 *//* 1. Main section setup */
.elementor-2408 .elementor-element.elementor-element-4b0f552 {
    position: relative;
    z-index: 0;
    overflow: visible;
}

/* =========================================
   2. THE BLUR EFFECT (Layer 0)
========================================= */
.elementor-2408 .elementor-element.elementor-element-4b0f552::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    pointer-events: none;
}

/* Desktop & Tablet Blur Mask */
@media (min-width: 768px) {
    .elementor-2408 .elementor-element.elementor-element-4b0f552::after {
        -webkit-mask-image: linear-gradient(to right, transparent 0%, transparent 10%, black 100%);
        mask-image: linear-gradient(to right, transparent 0%, transparent 10%, black 100%);
    }
}

/* =========================================
   3. THE GRID EFFECT (Layer 1)
========================================= */
.elementor-2408 .elementor-element.elementor-element-4b0f552::before {
    content: '';
    position: absolute;
    inset: 0;
    
    background-image: 
        linear-gradient(rgba(0, 0, 0, 0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.15) 1px, transparent 1px);
    background-size: 4px 4px;
    
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: overlay;
}

/* =========================================
   4. EXCLUDE SHAPE DIVIDERS (Layer 2)
========================================= */
/* This pulls Elementor's top/bottom dividers ABOVE the blur and grid */
.elementor-2408 .elementor-element.elementor-element-4b0f552 > .elementor-shape {
    position: absolute;
    z-index: 2 !important; 
}

/* =========================================
   5. BRING CONTENT TO FRONT (Layer 3)
========================================= */
/* Ensures your actual text/widgets are clickable and above everything */
.elementor-2408 .elementor-element.elementor-element-4b0f552 > .elementor-container {
    position: relative;
    z-index: 3 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ca5b90 */.elementor-2408 .elementor-element.elementor-element-9ca5b90 {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 1.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}

@media only screen and (max-width: 900px){
    .elementor-2408 .elementor-element.elementor-element-9ca5b90 {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 0.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}
}


/* Draw the solid background and cut the corners */
.elementor-2408 .elementor-element.elementor-element-9ca5b90::before {
  content: "";
  position: absolute;
  inset: 0; /* Stretches to fit 100% of the element */
  
  /* The solid fill replacing the borders */
  background-color: #1A3164; 
  
  /* Puts the black shape behind your text/content inside the Elementor widget */
  z-index: -1; 
  pointer-events: none; 

  /* Cuts BOTH the top-right and bottom-left corners */
  clip-path: polygon(
    0 0,
    calc(100% - var(--corner-size)) 0,
    100% var(--corner-size),
    100% 100%,
    var(--corner-size) 100%,
    0 calc(100% - var(--corner-size))
  );
}

/* Note: The entire .elementor-2408 .elementor-element.elementor-element-9ca5b90::after block from your previous code has been removed. 
  Since the shape is now solid, you don't need CSS gradients to draw the border lines!
*//* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4969fe4 */.elementor-2408 .elementor-element.elementor-element-4969fe4 {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 1.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}

@media only screen and (max-width: 900px){
    .elementor-2408 .elementor-element.elementor-element-4969fe4 {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 0.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}
}


/* Draw the solid background and cut the corners */
.elementor-2408 .elementor-element.elementor-element-4969fe4::before {
  content: "";
  position: absolute;
  inset: 0; /* Stretches to fit 100% of the element */
  
  /* The solid fill replacing the borders */
  background-color: #1A3164; 
  
  /* Puts the black shape behind your text/content inside the Elementor widget */
  z-index: -1; 
  pointer-events: none; 

  /* Cuts BOTH the top-right and bottom-left corners */
  clip-path: polygon(
    0 0,
    calc(100% - var(--corner-size)) 0,
    100% var(--corner-size),
    100% 100%,
    var(--corner-size) 100%,
    0 calc(100% - var(--corner-size))
  );
}

/* Note: The entire .elementor-2408 .elementor-element.elementor-element-4969fe4::after block from your previous code has been removed. 
  Since the shape is now solid, you don't need CSS gradients to draw the border lines!
*//* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-35489bf */.elementor-2408 .elementor-element.elementor-element-35489bf {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 1.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}

@media only screen and (max-width: 900px){
    .elementor-2408 .elementor-element.elementor-element-35489bf {
  /* --- Scalable Variables --- */
  --corner-size: 10px;      /* Fixed size so the 45° angle never skews */
  
  margin-right: 0.75vh !important;

  /* Essential to lock the absolutely positioned background to this element */
  position: relative;
  z-index: 1; /* Creates a stacking context so the background stays behind content */
}
}


/* Draw the solid background and cut the corners */
.elementor-2408 .elementor-element.elementor-element-35489bf::before {
  content: "";
  position: absolute;
  inset: 0; /* Stretches to fit 100% of the element */
  
  /* The solid fill replacing the borders */
  background-color: #1A3164; 
  
  /* Puts the black shape behind your text/content inside the Elementor widget */
  z-index: -1; 
  pointer-events: none; 

  /* Cuts BOTH the top-right and bottom-left corners */
  clip-path: polygon(
    0 0,
    calc(100% - var(--corner-size)) 0,
    100% var(--corner-size),
    100% 100%,
    var(--corner-size) 100%,
    0 calc(100% - var(--corner-size))
  );
}

/* Note: The entire .elementor-2408 .elementor-element.elementor-element-35489bf::after block from your previous code has been removed. 
  Since the shape is now solid, you don't need CSS gradients to draw the border lines!
*//* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-158a73f *//* =========================================
   1. FORCE INPUT TEXT & PLACEHOLDERS TO WHITE
========================================= */
.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field,
.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field::-webkit-input-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* =========================================
   2. HALF-HEXAGON FORM FIELDS (NO TOP BORDER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group:not(.elementor-field-type-submit) .elementor-field {
    --corner-size: 12px;
    --border-width: 2px;
    --corner-border-width: 3px; 
    --field-border: #ffffff;
    --field-bg: transparent;

    border: none !important;
    border-radius: 0 !important;

    /* Clip path: Square top (0,0), Diagonal bottom */
    clip-path: polygon(
        0% 0%,
        100% 0%,
        100% calc(100% - var(--corner-size)),
        calc(100% - var(--corner-size)) 100%,
        var(--corner-size) 100%,
        0% calc(100% - var(--corner-size))
    ) !important;

    -webkit-clip-path: polygon(
        0% 0%,
        100% 0%,
        100% calc(100% - var(--corner-size)),
        calc(100% - var(--corner-size)) 100%,
        var(--corner-size) 100%,
        0% calc(100% - var(--corner-size))
    ) !important;

    /* Draw the border using linear gradients directly on the background */
    background:
        /* Bottom Edge */
        linear-gradient(var(--field-border), var(--field-border)) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat,
        /* Left Edge */
        linear-gradient(var(--field-border), var(--field-border)) left top / var(--border-width) calc(100% - var(--corner-size)) no-repeat,
        /* Right Edge */
        linear-gradient(var(--field-border), var(--field-border)) right top / var(--border-width) calc(100% - var(--corner-size)) no-repeat,
        /* Bottom-Left Corner */
        linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), var(--field-border) calc(50% - var(--corner-border-width)/2), var(--field-border) calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
        /* Bottom-Right Corner */
        linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), var(--field-border) calc(50% - var(--corner-border-width)/2), var(--field-border) calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
        
        var(--field-bg) !important;

    transition: color 0.3s ease, opacity 0.3s ease !important;
}

/* =========================================
   3. FORM FIELD HOVER / FOCUS STATES
========================================= */
.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group:not(.elementor-field-type-submit) .elementor-field:hover,
.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group:not(.elementor-field-type-submit) .elementor-field:focus {
    color: #ffffff !important; 
}

.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group:not(.elementor-field-type-submit) .elementor-field:hover::placeholder,
.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-field-group:not(.elementor-field-type-submit) .elementor-field:focus::placeholder {
    color: #ffffff !important; 
    opacity: 1 !important; 
}

/* =========================================
   4. FILE UPLOAD BUTTON (White Dashed Border)
========================================= */
.elementor-2408 .elementor-element.elementor-element-158a73f input[type="file"]::file-.elementor-2408 .elementor-element.elementor-element-158a73f-button,
.elementor-2408 .elementor-element.elementor-element-158a73f input[type="file"]::-webkit-file-upload-button {
  background-color: #333333 !important; 
  border: 2px dashed #ffffff !important;   
  color: #ffffff !important;            
  padding: 8px 16px !important;
  margin-right: 15px !important; 
  cursor: pointer;
  border-radius: 4px; 
  transition: all 0.3s ease;
}

/* =========================================
   5. THE SUBMIT BUTTON (OCTAGON HOVER CONNECT)
========================================= */
.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-button {
    --corner-size: 12px;
    --border-width: 2px;
    --corner-border-width: 3px;
    
    /* 🔥 CHANGED: Button border is now yellowish-orange again */
    --btn-border-color: #F2CD08; 

    position: relative;
    border-radius: 0 !important;
    overflow: visible !important;
    border: none !important;
    background-color: transparent !important;
    
    /* The Full 8-Sided Octagon Shape */
    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)
    ) !important;
    
    -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)
    ) !important;
}

/* THE BORDER LAYER */
.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    /* Octagon Mask (Maps all 8 Sides) */
    -webkit-mask:
        linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
        linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-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;

    /* 
       Paints the left 35% and right 35% of the border mask, 
       leaving exactly a 30% gap in the middle.
    */
    background-image: 
        linear-gradient(var(--btn-border-color), var(--btn-border-color)),
        linear-gradient(var(--btn-border-color), var(--btn-border-color));
    background-repeat: no-repeat;
    background-position: left center, right center;
    background-size: 35% 100%, 35% 100%;
    
    transition: background-size 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* HOVER STATE: Close the 30% gap */
.elementor-2408 .elementor-element.elementor-element-158a73f .elementor-button:hover::before {
    /* Expands both sides to 50.5% so they meet perfectly in the middle */
    background-size: 50.5% 100%, 50.5% 100%;
}

/* =========================================
   6. SUBMIT BUTTON ICON FIXES
========================================= */
.elementor-button[type="submit"] svg {
  transform: scale(0.525);
  transform-origin: center center;
}

.elementor-button[type="submit"] svg path {
  fill: #fff !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-af612ef *//* 1. Main section setup */
.elementor-2408 .elementor-element.elementor-element-af612ef {
    position: relative;
    z-index: 0;
    overflow: visible;
}

/* =========================================
   2. THE BLUR EFFECT (Layer 0)
========================================= */
.elementor-2408 .elementor-element.elementor-element-af612ef::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    pointer-events: none;
}

/* Desktop & Tablet Blur Mask */
@media (min-width: 768px) {
    .elementor-2408 .elementor-element.elementor-element-af612ef::after {
        -webkit-mask-image: linear-gradient(to right, transparent 0%, transparent 10%, black 100%);
        mask-image: linear-gradient(to right, transparent 0%, transparent 10%, black 100%);
    }
}

/* =========================================
   3. THE GRID EFFECT (Layer 1)
========================================= */
.elementor-2408 .elementor-element.elementor-element-af612ef::before {
    content: '';
    position: absolute;
    inset: 0;
    
    background-image: 
        linear-gradient(rgba(0, 0, 0, 0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.15) 1px, transparent 1px);
    background-size: 4px 4px;
    
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: overlay;
}

/* =========================================
   4. EXCLUDE SHAPE DIVIDERS (Layer 2)
========================================= */
/* This pulls Elementor's top/bottom dividers ABOVE the blur and grid */
.elementor-2408 .elementor-element.elementor-element-af612ef > .elementor-shape {
    position: absolute;
    z-index: 2 !important; 
}

/* =========================================
   5. BRING CONTENT TO FRONT (Layer 3)
========================================= */
/* Ensures your actual text/widgets are clickable and above everything */
.elementor-2408 .elementor-element.elementor-element-af612ef > .elementor-container {
    position: relative;
    z-index: 3 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-72eed91 *//* =========================================
   1. SHIMMER VARIABLE
========================================= */
@property --shimmer-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* =========================================
   2. PARENT OVERRIDES
========================================= */
.elementor-2408 .elementor-element.elementor-element-72eed91 {
  overflow: visible !important;
}

.elementor-2408 .elementor-element.elementor-element-72eed91 .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-2408 .elementor-element.elementor-element-72eed91 .elementor-button {
  --corner-size: 20px;
  
  position: relative;
  z-index: 2;
  overflow: visible;
  border: none !important;
  
  /* 🔥 CHANGED: Red gradient swapped out for a Navy gradient */
  background: radial-gradient(circle, #1a3a73 10%, #0B1D4C 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;
}

/* Persistent Shimmer Border */
.elementor-2408 .elementor-element.elementor-element-72eed91 .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-2408 .elementor-element.elementor-element-72eed91 .elementor-button:hover {
  transform: translateY(-5px); 
}

.elementor-2408 .elementor-element.elementor-element-72eed91:hover h6 {
  color: #ffffff !important;
}

/* =========================================
   5. ICON CONTAINER & SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-72eed91 .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;
}


@media only screen and (max-width: 900px){
    .elementor-2408 .elementor-element.elementor-element-72eed91 .elementor-button{
         padding: 10px 19px !important;
    }
}

/* ROTATING NAVY HEX */
.elementor-2408 .elementor-element.elementor-element-72eed91 .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: Hexagon shape changed to Yellowish Orange */
  background: #FFB300;

  z-index: -1;
  transform-origin: center;
}

.elementor-2408 .elementor-element.elementor-element-72eed91:hover .elementor-button-icon::after {
  animation: hexSpin 15s linear infinite;
}

@keyframes hexSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* SVG ICON */
.elementor-2408 .elementor-element.elementor-element-72eed91 .elementor-button-icon svg {
  transform: scale(1);
  transform-origin: center;

  /* 🔥 CHANGED: SVG Icon color changed to Navy Blue */
  fill: #0B1D4C !important;
  color: #0B1D4C !important;

  width: 100%;
  height: 100%;

  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-908a614 */.elementor-2408 .elementor-element.elementor-element-908a614 {
  /* --- 1. Corner Depth --- */
  /* Increase this value to make the cut go deeper into the shape */
  --corner-size: 25px;      

  /* --- 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 text-editor, class: .elementor-element-d7bf10f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d61b771 */.elementor-2408 .elementor-element.elementor-element-d61b771 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-459e688 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5b7d951 */.elementor-2408 .elementor-element.elementor-element-5b7d951 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0a8e0e *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a95753d */.elementor-2408 .elementor-element.elementor-element-a95753d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17e0b04 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a2e6c34 */.elementor-2408 .elementor-element.elementor-element-a2e6c34 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cc1e415 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b688120 */.elementor-2408 .elementor-element.elementor-element-b688120 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0c0c82 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5ba313d */.elementor-2408 .elementor-element.elementor-element-5ba313d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-911728f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c7484ab */.elementor-2408 .elementor-element.elementor-element-c7484ab {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35c04ae *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9d57322 */.elementor-2408 .elementor-element.elementor-element-9d57322 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d7bf10f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d61b771 */.elementor-2408 .elementor-element.elementor-element-d61b771 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-459e688 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5b7d951 */.elementor-2408 .elementor-element.elementor-element-5b7d951 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0a8e0e *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a95753d */.elementor-2408 .elementor-element.elementor-element-a95753d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17e0b04 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a2e6c34 */.elementor-2408 .elementor-element.elementor-element-a2e6c34 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cc1e415 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b688120 */.elementor-2408 .elementor-element.elementor-element-b688120 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0c0c82 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5ba313d */.elementor-2408 .elementor-element.elementor-element-5ba313d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-911728f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c7484ab */.elementor-2408 .elementor-element.elementor-element-c7484ab {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35c04ae *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9d57322 */.elementor-2408 .elementor-element.elementor-element-9d57322 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d7bf10f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d61b771 */.elementor-2408 .elementor-element.elementor-element-d61b771 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-459e688 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5b7d951 */.elementor-2408 .elementor-element.elementor-element-5b7d951 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0a8e0e *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a95753d */.elementor-2408 .elementor-element.elementor-element-a95753d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17e0b04 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a2e6c34 */.elementor-2408 .elementor-element.elementor-element-a2e6c34 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cc1e415 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b688120 */.elementor-2408 .elementor-element.elementor-element-b688120 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0c0c82 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5ba313d */.elementor-2408 .elementor-element.elementor-element-5ba313d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-911728f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c7484ab */.elementor-2408 .elementor-element.elementor-element-c7484ab {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35c04ae *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9d57322 */.elementor-2408 .elementor-element.elementor-element-9d57322 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d7bf10f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d61b771 */.elementor-2408 .elementor-element.elementor-element-d61b771 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-459e688 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5b7d951 */.elementor-2408 .elementor-element.elementor-element-5b7d951 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0a8e0e *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a95753d */.elementor-2408 .elementor-element.elementor-element-a95753d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17e0b04 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a2e6c34 */.elementor-2408 .elementor-element.elementor-element-a2e6c34 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cc1e415 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b688120 */.elementor-2408 .elementor-element.elementor-element-b688120 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0c0c82 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5ba313d */.elementor-2408 .elementor-element.elementor-element-5ba313d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-911728f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c7484ab */.elementor-2408 .elementor-element.elementor-element-c7484ab {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35c04ae *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9d57322 */.elementor-2408 .elementor-element.elementor-element-9d57322 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d7bf10f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d61b771 */.elementor-2408 .elementor-element.elementor-element-d61b771 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-459e688 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5b7d951 */.elementor-2408 .elementor-element.elementor-element-5b7d951 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0a8e0e *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a95753d */.elementor-2408 .elementor-element.elementor-element-a95753d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17e0b04 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a2e6c34 */.elementor-2408 .elementor-element.elementor-element-a2e6c34 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cc1e415 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b688120 */.elementor-2408 .elementor-element.elementor-element-b688120 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0c0c82 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5ba313d */.elementor-2408 .elementor-element.elementor-element-5ba313d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-911728f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c7484ab */.elementor-2408 .elementor-element.elementor-element-c7484ab {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35c04ae *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9d57322 */.elementor-2408 .elementor-element.elementor-element-9d57322 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d7bf10f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d61b771 */.elementor-2408 .elementor-element.elementor-element-d61b771 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-459e688 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5b7d951 */.elementor-2408 .elementor-element.elementor-element-5b7d951 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0a8e0e *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a95753d */.elementor-2408 .elementor-element.elementor-element-a95753d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17e0b04 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a2e6c34 */.elementor-2408 .elementor-element.elementor-element-a2e6c34 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cc1e415 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b688120 */.elementor-2408 .elementor-element.elementor-element-b688120 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0c0c82 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5ba313d */.elementor-2408 .elementor-element.elementor-element-5ba313d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-911728f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c7484ab */.elementor-2408 .elementor-element.elementor-element-c7484ab {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35c04ae *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9d57322 */.elementor-2408 .elementor-element.elementor-element-9d57322 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d7bf10f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d61b771 */.elementor-2408 .elementor-element.elementor-element-d61b771 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-459e688 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5b7d951 */.elementor-2408 .elementor-element.elementor-element-5b7d951 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0a8e0e *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a95753d */.elementor-2408 .elementor-element.elementor-element-a95753d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17e0b04 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a2e6c34 */.elementor-2408 .elementor-element.elementor-element-a2e6c34 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cc1e415 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b688120 */.elementor-2408 .elementor-element.elementor-element-b688120 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0c0c82 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5ba313d */.elementor-2408 .elementor-element.elementor-element-5ba313d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-911728f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c7484ab */.elementor-2408 .elementor-element.elementor-element-c7484ab {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35c04ae *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9d57322 */.elementor-2408 .elementor-element.elementor-element-9d57322 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d7bf10f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d61b771 */.elementor-2408 .elementor-element.elementor-element-d61b771 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-459e688 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5b7d951 */.elementor-2408 .elementor-element.elementor-element-5b7d951 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0a8e0e *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a95753d */.elementor-2408 .elementor-element.elementor-element-a95753d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17e0b04 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a2e6c34 */.elementor-2408 .elementor-element.elementor-element-a2e6c34 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cc1e415 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b688120 */.elementor-2408 .elementor-element.elementor-element-b688120 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0c0c82 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5ba313d */.elementor-2408 .elementor-element.elementor-element-5ba313d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-911728f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c7484ab */.elementor-2408 .elementor-element.elementor-element-c7484ab {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35c04ae *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9d57322 */.elementor-2408 .elementor-element.elementor-element-9d57322 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d7bf10f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-d7bf10f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d61b771 */.elementor-2408 .elementor-element.elementor-element-d61b771 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-459e688 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-459e688:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5b7d951 */.elementor-2408 .elementor-element.elementor-element-5b7d951 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c0a8e0e *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-c0a8e0e:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a95753d */.elementor-2408 .elementor-element.elementor-element-a95753d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17e0b04 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-17e0b04:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a2e6c34 */.elementor-2408 .elementor-element.elementor-element-a2e6c34 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cc1e415 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-cc1e415:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b688120 */.elementor-2408 .elementor-element.elementor-element-b688120 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0c0c82 *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82 {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-f0c0c82:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5ba313d */.elementor-2408 .elementor-element.elementor-element-5ba313d {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-911728f *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-911728f:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c7484ab */.elementor-2408 .elementor-element.elementor-element-c7484ab {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35c04ae *//* =========================================
   1. BASE ELEMENT EFFECTS (BLUR)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

/* =========================================
   2. BASE ELEMENT (TEXT EDITOR WRAPPER)
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae {
  --corner-size: 30px;
  /* Add padding so the text doesn't get cut off by the clipped corners */
  --inner-padding: 15px; 

  position: relative;
  overflow: visible;
  margin: 0.5%;
  padding: var(--inner-padding);
  border: none !important;
  
  /* 🔥 CHANGED: 25% Brighter version of your blue at 90% opacity */
  background-color: rgba(237, 245, 253, 0.9) !important; 

  /* The actual clipped shape */
  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. CLIPPED BORDER MASK
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* Base widths */
  --border-width: 2px;
  --corner-border-width: 3px; 

  /* Set the default border color */
  background: #244C87;
  
  /* Smooth transition for the hover color change */
  transition: background 0.3s ease;

  /* BORDER MASK (8 SIDES) - This draws the line along the clip-path */
  -webkit-mask: 
    /* Corners */
    linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat,
    linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    
    /* Straight Sides */
    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. HOVER BORDER COLOR CHANGE
========================================= */
.elementor-2408 .elementor-element.elementor-element-35c04ae:hover::before {
  background: #285199; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9d57322 */.elementor-2408 .elementor-element.elementor-element-9d57322 {
    backdrop-filter: blur(8px); /* Adjust the blur factor as needed */
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-32e7cd4 *//* =========================================
   1. CAROUSEL ARROWS BASE SHAPE
========================================= */
.elementor-2408 .elementor-element.elementor-element-32e7cd4 .elementor-swiper-button-prev,
.elementor-2408 .elementor-element.elementor-element-32e7cd4 .elementor-swiper-button-next {
  --corner-size: 10px; 
  
  --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)
  );

  overflow: hidden !important; 
  border-radius: 0 !important; 
  
  /* 🔥 CHANGED: Base Navy darkened by 15% */
  background-color: #1F4075 !important; 

  /* Apply the Clipped Shape */
  clip-path: var(--path);
  -webkit-clip-path: var(--path);
  
  /* Sizing and alignment */
  width: 45px !important;
  height: 45px !important;
  display: flex;
  align-items: center;
  justify-content: center;

  transition: filter 0.3s ease, background-color 0.3s ease !important;
}

/* =========================================
   2. ARROW ICON COLOR (Forced White)
========================================= */
.elementor-2408 .elementor-element.elementor-element-32e7cd4 .elementor-swiper-button-prev i,
.elementor-2408 .elementor-element.elementor-element-32e7cd4 .elementor-swiper-button-next i,
.elementor-2408 .elementor-element.elementor-element-32e7cd4 .elementor-swiper-button-prev svg,
.elementor-2408 .elementor-element.elementor-element-32e7cd4 .elementor-swiper-button-next svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  font-size: 18px !important; 
  width: 18px !important;
}

/* =========================================
   3. HOVER STATE (Slightly Brighter)
========================================= */
.elementor-2408 .elementor-element.elementor-element-32e7cd4 .elementor-swiper-button-prev:hover,
.elementor-2408 .elementor-element.elementor-element-32e7cd4 .elementor-swiper-button-next:hover {
  /* 🔥 CHANGED: Adjusted brightness boost to 15% to maintain the darker feel */
  filter: brightness(1.15); 
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-8fefa98 */x.elementor-2408 .elementor-element.elementor-element-8fefa98 {
  -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-2408 .elementor-element.elementor-element-8fefa98 {
  -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 section, class: .elementor-element-b94a8d8 */.elementor-2408 .elementor-element.elementor-element-b94a8d8.elementor-section {
  position: relative;
  z-index: 1;

  /* Top + bottom fade reduced to 50% distance */
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      rgba(0, 0, 0, 0) 100%
    );

  mask-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.2) 2.5%,
      rgba(0, 0, 0, 0.4) 5%,
      rgba(0, 0, 0, 0.7) 7.5%,
      rgba(0, 0, 0, 0.9) 10%,
      rgba(0, 0, 0, 1) 12.5%,
      rgba(0, 0, 0, 1) 87.5%,
      rgba(0, 0, 0, 0.9) 90%,
      rgba(0, 0, 0, 0.7) 92.5%,
      rgba(0, 0, 0, 0.4) 95%,
      rgba(0, 0, 0, 0.2) 97.5%,
      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-2408 .elementor-element.elementor-element-b94a8d8 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.elementor-2408 .elementor-element.elementor-element-b94a8d8::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: none;
}

.elementor-2408 .elementor-element.elementor-element-b94a8d8 > .elementor-container {
  position: relative;
  z-index: 1;
}













/* 2. Apply precise cinematic fading ONLY on Mobile (767px and below) */
@media (max-width: 767px) {
  .elementor-2408 .elementor-element.elementor-element-b94a8d8.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 *//* 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 */