.elementor-9 .elementor-element.elementor-element-d0f4b9d{--display:flex;--min-height:100vh;--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;--justify-content:center;--overlay-opacity:1;--padding-top:200px;--padding-bottom:200px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-d0f4b9d::before, .elementor-9 .elementor-element.elementor-element-d0f4b9d > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-d0f4b9d > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-d0f4b9d > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-d0f4b9d > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-d0f4b9d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000082 75%, #A6D2EBE0 98%);}.elementor-9 .elementor-element.elementor-element-70b22b4{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-6b3a42b .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-5f9bb77{font-size:18px;line-height:1.8em;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-e48106b{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-4f61435{--display:flex;--position:absolute;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;bottom:40px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-4f61435{left:0px;}body.rtl .elementor-9 .elementor-element.elementor-element-4f61435{right:0px;}.elementor-9 .elementor-element.elementor-element-eded3be{--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;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-76a9cf7{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-e8cf898{--divider-border-style:solid;--divider-color:#FFFDFD;--divider-border-width:4px;}.elementor-9 .elementor-element.elementor-element-e8cf898 .elementor-divider-separator{width:100%;}.elementor-9 .elementor-element.elementor-element-e8cf898 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-9 .elementor-element.elementor-element-f4481d0{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:700;line-height:1em;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-afe8a18{font-family:"Outfit", Sans-serif;font-size:30px;font-weight:500;line-height:1.1em;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-9724ea2{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-64c1165{--divider-border-style:solid;--divider-color:#FFFDFD;--divider-border-width:4px;}.elementor-9 .elementor-element.elementor-element-64c1165 .elementor-divider-separator{width:100%;}.elementor-9 .elementor-element.elementor-element-64c1165 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-9 .elementor-element.elementor-element-02972e8{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:700;line-height:1em;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-68d195e{font-family:"Outfit", Sans-serif;font-size:30px;font-weight:500;line-height:1.1em;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-a941097{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-c82e480{--divider-border-style:solid;--divider-color:#FFFDFD;--divider-border-width:4px;}.elementor-9 .elementor-element.elementor-element-c82e480 .elementor-divider-separator{width:100%;}.elementor-9 .elementor-element.elementor-element-c82e480 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-9 .elementor-element.elementor-element-e0e9fab{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:700;line-height:1em;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-1215273{font-family:"Outfit", Sans-serif;font-size:30px;font-weight:500;line-height:1.1em;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-5b261ce{--display:flex;--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;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-5b261ce:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-5b261ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d2a4844{--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;--align-items:center;--gap:80px 80px;--row-gap:80px;--column-gap:80px;}.elementor-9 .elementor-element.elementor-element-aa155f7{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-9 .elementor-element.elementor-element-5504cdc{--display:flex;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-5504cdc:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-5504cdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-172db6d{--iteration-count:infinite;--dynamic-text-color:#FFFFFF;--typing-selected-bg-color:#C82D35;--typing-selected-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-172db6d > .elementor-widget-container{margin:0px 0px -10px -5px;}.elementor-9 .elementor-element.elementor-element-172db6d .elementor-headline{text-align:center;font-size:16px;line-height:1em;}.elementor-9 .elementor-element.elementor-element-172db6d .elementor-headline-plain-text{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-172db6d .elementor-headline-dynamic-text{font-weight:700;text-transform:uppercase;font-style:italic;line-height:1em;}.elementor-9 .elementor-element.elementor-element-3391efc .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:82px;font-weight:600;line-height:1.1em;letter-spacing:-2px;}.elementor-9 .elementor-element.elementor-element-c177fd0{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#EBEBEB;--border-color:#EBEBEB;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-fca243a{--display:flex;}.elementor-9 .elementor-element.elementor-element-d2767df > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-9 .elementor-element.elementor-element-d2767df .elementor-heading-title{font-size:26px;font-weight:500;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-cd4c488{right:0px;}body.rtl .elementor-9 .elementor-element.elementor-element-cd4c488{left:0px;}.elementor-9 .elementor-element.elementor-element-cd4c488{top:0px;}.elementor-9 .elementor-element.elementor-element-cd4c488 img{width:40px;}.elementor-9 .elementor-element.elementor-element-934c927 > .elementor-widget-container{margin:0px 0px 0px -25px;}.elementor-9 .elementor-element.elementor-element-1adc040{--display:flex;}.elementor-9 .elementor-element.elementor-element-35b3c57 > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-9 .elementor-element.elementor-element-35b3c57 .elementor-heading-title{font-size:26px;font-weight:500;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-34119fe{right:0px;}body.rtl .elementor-9 .elementor-element.elementor-element-34119fe{left:0px;}.elementor-9 .elementor-element.elementor-element-34119fe{top:0px;}.elementor-9 .elementor-element.elementor-element-34119fe img{width:40px;}.elementor-9 .elementor-element.elementor-element-7cfef2c{--display:flex;--min-height:600px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-7cfef2c:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-7cfef2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecoskye.osamweb.dev/wp-content/uploads/2026/09/modern-glass-office-buildings-in-a-cityscape-2026-03-25-06-45-46-utc-1.jpg");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-a038bd7{--display:flex;--min-height:360px;--justify-content:space-between;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:8px 8px 8px 8px;--border-top-width:8px;--border-right-width:8px;--border-bottom-width:8px;--border-left-width:8px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:20px 20px 20px 0px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:-50px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-a038bd7:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-a038bd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#37B64BAB;}.elementor-9 .elementor-element.elementor-element-a038bd7.e-con{--align-self:flex-end;}.elementor-9 .elementor-element.elementor-element-1cc2d85 img{width:45px;}.elementor-9 .elementor-element.elementor-element-1ba3ccf .elementor-counter{flex-direction:column-reverse;gap:10px;}.elementor-9 .elementor-element.elementor-element-1ba3ccf .elementor-counter-title{justify-content:start;color:#FFFFFF;line-height:1.3em;}.elementor-9 .elementor-element.elementor-element-1ba3ccf .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:5px;color:#FFFFFF;font-family:"Outfit", Sans-serif;font-size:82px;font-weight:600;line-height:1.1em;letter-spacing:-2px;}.elementor-9 .elementor-element.elementor-element-37e4199{--display:flex;--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:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:100px;--padding-bottom:180px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-37e4199:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-37e4199 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-0280f0c{--display:flex;--position:absolute;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-0280f0c{left:0px;}body.rtl .elementor-9 .elementor-element.elementor-element-0280f0c{right:0px;}.elementor-9 .elementor-element.elementor-element-865b0f6{--display:flex;--min-height:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#0000003B;--border-color:#0000003B;--border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-7f30b30{--display:flex;}.elementor-9 .elementor-element.elementor-element-3b5ae87{text-align:center;}.elementor-9 .elementor-element.elementor-element-c2292ff{--display:flex;}.elementor-9 .elementor-element.elementor-element-f2e8f2b{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-f2e8f2b:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-f2e8f2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FBFD;}.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover::before, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-f2e8f2b > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-f2e8f2b > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover{--overlay-opacity:0.7;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-e5886a3{left:40px;}body.rtl .elementor-9 .elementor-element.elementor-element-e5886a3{right:40px;}.elementor-9 .elementor-element.elementor-element-e5886a3{top:40px;text-align:start;}.elementor-9 .elementor-element.elementor-element-e5886a3 img{width:70px;}.elementor-9 .elementor-element.elementor-element-f67b462 .elementor-heading-title{font-size:30px;font-weight:500;line-height:1.2em;}.elementor-9 .elementor-element.elementor-element-5895fdc{font-size:18px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-8f42155{font-size:15px;}.elementor-9 .elementor-element.elementor-element-5516012{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-5516012:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-5516012 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FBFD;}.elementor-9 .elementor-element.elementor-element-5516012:hover::before, .elementor-9 .elementor-element.elementor-element-5516012:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-5516012:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-5516012 > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-5516012 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-5516012:hover{--overlay-opacity:0.7;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-abce7f9{left:40px;}body.rtl .elementor-9 .elementor-element.elementor-element-abce7f9{right:40px;}.elementor-9 .elementor-element.elementor-element-abce7f9{top:40px;text-align:start;}.elementor-9 .elementor-element.elementor-element-abce7f9 img{width:70px;}.elementor-9 .elementor-element.elementor-element-f0ce553 .elementor-heading-title{font-size:30px;font-weight:500;line-height:1.2em;}.elementor-9 .elementor-element.elementor-element-1dcfd07{font-size:18px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-d630ff0{font-size:15px;}.elementor-9 .elementor-element.elementor-element-a7cc86d{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-a7cc86d:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-a7cc86d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FBFD;}.elementor-9 .elementor-element.elementor-element-a7cc86d:hover::before, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-a7cc86d > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-a7cc86d > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-a7cc86d:hover{--overlay-opacity:0.7;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-a1f4a46{left:40px;}body.rtl .elementor-9 .elementor-element.elementor-element-a1f4a46{right:40px;}.elementor-9 .elementor-element.elementor-element-a1f4a46{top:40px;text-align:start;}.elementor-9 .elementor-element.elementor-element-a1f4a46 img{width:70px;}.elementor-9 .elementor-element.elementor-element-cbfa356 .elementor-heading-title{font-size:30px;font-weight:500;line-height:1.2em;}.elementor-9 .elementor-element.elementor-element-5dbc28e{font-size:18px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-1cfb31f{font-size:15px;}.elementor-9 .elementor-element.elementor-element-a23a57e{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-a23a57e:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-a23a57e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FBFD;}.elementor-9 .elementor-element.elementor-element-a23a57e:hover::before, .elementor-9 .elementor-element.elementor-element-a23a57e:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-a23a57e:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-a23a57e > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-a23a57e > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-a23a57e:hover{--overlay-opacity:0.7;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-832fd30{left:40px;}body.rtl .elementor-9 .elementor-element.elementor-element-832fd30{right:40px;}.elementor-9 .elementor-element.elementor-element-832fd30{top:40px;text-align:start;}.elementor-9 .elementor-element.elementor-element-832fd30 img{width:70px;}.elementor-9 .elementor-element.elementor-element-ef90a62 .elementor-heading-title{font-size:30px;font-weight:500;line-height:1.2em;}.elementor-9 .elementor-element.elementor-element-f225906{font-size:18px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-d621550{font-size:15px;}.elementor-9 .elementor-element.elementor-element-82f3606{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-82f3606:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-82f3606 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FBFD;}.elementor-9 .elementor-element.elementor-element-82f3606:hover::before, .elementor-9 .elementor-element.elementor-element-82f3606:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-82f3606:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-82f3606 > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-82f3606 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-82f3606:hover{--overlay-opacity:0.7;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-99ea4fc{left:40px;}body.rtl .elementor-9 .elementor-element.elementor-element-99ea4fc{right:40px;}.elementor-9 .elementor-element.elementor-element-99ea4fc{top:40px;text-align:start;}.elementor-9 .elementor-element.elementor-element-99ea4fc img{width:70px;}.elementor-9 .elementor-element.elementor-element-44930ac .elementor-heading-title{font-size:30px;font-weight:500;line-height:1.2em;}.elementor-9 .elementor-element.elementor-element-4ef451b{font-size:18px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-2d1d313{font-size:15px;}.elementor-9 .elementor-element.elementor-element-049a1b4{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-049a1b4:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-049a1b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FBFD;}.elementor-9 .elementor-element.elementor-element-049a1b4:hover::before, .elementor-9 .elementor-element.elementor-element-049a1b4:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-049a1b4:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-049a1b4 > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-049a1b4 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-049a1b4:hover{--overlay-opacity:0.7;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-077d648{left:40px;}body.rtl .elementor-9 .elementor-element.elementor-element-077d648{right:40px;}.elementor-9 .elementor-element.elementor-element-077d648{top:40px;text-align:start;}.elementor-9 .elementor-element.elementor-element-077d648 img{width:70px;}.elementor-9 .elementor-element.elementor-element-6040270 .elementor-heading-title{font-size:30px;font-weight:500;line-height:1.2em;}.elementor-9 .elementor-element.elementor-element-8eb3fdb{font-size:18px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-ac09fe9{font-size:15px;}.elementor-9 .elementor-element.elementor-element-3d23109{--display:flex;--min-height:500px;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-3d23109:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-3d23109 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FBFD;}.elementor-9 .elementor-element.elementor-element-3d23109:hover::before, .elementor-9 .elementor-element.elementor-element-3d23109:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-3d23109:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-3d23109 > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-3d23109 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-3d23109:hover{--overlay-opacity:0.7;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-b94ad57{left:40px;}body.rtl .elementor-9 .elementor-element.elementor-element-b94ad57{right:40px;}.elementor-9 .elementor-element.elementor-element-b94ad57{top:40px;text-align:start;}.elementor-9 .elementor-element.elementor-element-b94ad57 img{width:70px;}.elementor-9 .elementor-element.elementor-element-a7355ad .elementor-heading-title{font-size:30px;font-weight:500;line-height:1.2em;}.elementor-9 .elementor-element.elementor-element-a4ee4e4{font-size:18px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-6a60439{font-size:15px;}.elementor-9 .elementor-element.elementor-element-0544474{--display:flex;}.elementor-9 .elementor-element.elementor-element-6bf38b2{--display:flex;}.elementor-9 .elementor-element.elementor-element-55f972e{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:40px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-70px;--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:-70px;--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-size:42px;--e-n-carousel-arrow-normal-color:var( --e-global-color-primary );--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:#909090;}.elementor-9 .elementor-element.elementor-element-55f972e > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-9 .elementor-element.elementor-element-55f972e .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;}.elementor-9 .elementor-element.elementor-element-d491d73{--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;--gap:80px 80px;--row-gap:80px;--column-gap:80px;border-style:none;--border-style:none;--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-d491d73:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-d491d73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-9 .elementor-element.elementor-element-151e92e{--display:flex;--min-height:400px;--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-9 .elementor-element.elementor-element-3baa3e0{--display:flex;--min-height:400px;--border-radius:20px 20px 20px 20px;--margin-top:-100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-3baa3e0:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-3baa3e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecoskye.osamweb.dev/wp-content/uploads/2026/09/d58553_b37e79ffceff4c51a258fac586b98899mv2-1.avif");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-9fee141{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:100px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-9fee141:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-9fee141 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecoskye.osamweb.dev/wp-content/uploads/2026/09/5274e5_e24b7cbf1ae44306b9a9a2e7de39abfdmv2.avif");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-affeb6f{--display:flex;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-9 .elementor-element.elementor-element-ee14347{--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;--align-items:center;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ee14347:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-ee14347 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A6D2EB52;}.elementor-9 .elementor-element.elementor-element-02c8278{--display:flex;--border-radius:5px 0px 0px 5px;}.elementor-9 .elementor-element.elementor-element-02c8278:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-02c8278 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-1dd9920{text-align:center;font-weight:700;text-transform:uppercase;font-style:italic;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-667a576{font-weight:700;text-transform:uppercase;font-style:italic;color:#000000;}.elementor-9 .elementor-element.elementor-element-ca61fdb{--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;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ec88052 .elementor-button{background-color:#FFFFFF00;fill:#000000;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0074B2;}.elementor-9 .elementor-element.elementor-element-e961048 .elementor-repeater-item-4ea5509.elementor-social-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-e961048 .elementor-repeater-item-4ea5509.elementor-social-icon i{color:#0074B2;}.elementor-9 .elementor-element.elementor-element-e961048 .elementor-repeater-item-4ea5509.elementor-social-icon svg{fill:#0074B2;}.elementor-9 .elementor-element.elementor-element-e961048{--grid-template-columns:repeat(0, auto);--icon-size:40px;--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-9 .elementor-element.elementor-element-e961048 .elementor-widget-container{text-align:left;}.elementor-9 .elementor-element.elementor-element-e961048 .elementor-social-icon{--icon-padding:0em;}.elementor-9 .elementor-element.elementor-element-34cc3dd{--display:flex;--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;--padding-top:140px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-6132f3c{--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;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-977d8fc{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-51a2511{--display:flex;--justify-content:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-9 .elementor-element.elementor-element-e705a83{text-align:start;font-family:"Outfit", Sans-serif;font-size:72px;font-weight:600;line-height:1.1em;letter-spacing:-2px;}.elementor-9 .elementor-element.elementor-element-b013bb1{text-align:justify;font-size:28px;}.elementor-9 .elementor-element.elementor-element-9ef2e21{--display:flex;--justify-content:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-9 .elementor-element.elementor-element-21806e2{text-align:start;font-family:"Outfit", Sans-serif;font-size:72px;font-weight:600;line-height:1.1em;letter-spacing:-2px;}.elementor-9 .elementor-element.elementor-element-b4501f4{text-align:justify;font-size:28px;}.elementor-9 .elementor-element.elementor-element-773664a{--display:flex;--justify-content:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-9 .elementor-element.elementor-element-538ee2e{text-align:start;font-family:"Outfit", Sans-serif;font-size:72px;font-weight:600;line-height:1.1em;letter-spacing:-2px;}.elementor-9 .elementor-element.elementor-element-b403606{text-align:justify;font-size:28px;}.elementor-9 .elementor-element.elementor-element-07ac57a{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:100px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-9 .elementor-element.elementor-element-9cc1df4{--display:flex;--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:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-9cc1df4:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-9cc1df4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-2fdaf80{--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;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-d69edc4{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-5096703{--e-rating-justify-content:center;--e-rating-icon-font-size:20px;}.elementor-9 .elementor-element.elementor-element-f974fb7{text-align:center;font-size:16px;line-height:1.6em;}.elementor-9 .elementor-element.elementor-element-be11f6e .elementor-button{background-color:var( --e-global-color-secondary );font-size:16px;}.elementor-9 .elementor-element.elementor-element-864a312{text-align:center;font-size:18px;font-weight:600;color:#000000;}.elementor-9 .elementor-element.elementor-element-23ea217{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-3a209ad{--e-rating-justify-content:center;--e-rating-icon-font-size:20px;}.elementor-9 .elementor-element.elementor-element-e982707{text-align:center;font-size:16px;line-height:1.6em;}.elementor-9 .elementor-element.elementor-element-7c0575e{text-align:center;font-size:18px;font-weight:600;color:#000000;}.elementor-9 .elementor-element.elementor-element-89dd874{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-468eb0c{--e-rating-justify-content:center;--e-rating-icon-font-size:20px;}.elementor-9 .elementor-element.elementor-element-20c1c45{text-align:center;font-size:16px;line-height:1.6em;}.elementor-9 .elementor-element.elementor-element-b550136{text-align:center;font-size:18px;font-weight:600;color:#000000;}.elementor-9 .elementor-element.elementor-element-bf875fa{--display:flex;--position:absolute;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-bf875fa{left:0px;}body.rtl .elementor-9 .elementor-element.elementor-element-bf875fa{right:0px;}.elementor-9 .elementor-element.elementor-element-6be2225{--display:flex;--min-height:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#0000003B;--border-color:#0000003B;--border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-de3adcc{--display:flex;--min-height:800px;--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;--justify-content:center;}.elementor-9 .elementor-element.elementor-element-de3adcc:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-de3adcc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecoskye.osamweb.dev/wp-content/uploads/2026/09/united-kingdom-england-london-canary-wharf-2026-03-25-03-21-09-utc-1-e1788793093197.jpg");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-e848ff6{--display:flex;--min-height:550px;--justify-content:center;--border-radius:20px 20px 20px 20px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-9 .elementor-element.elementor-element-e848ff6:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-e848ff6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://ecoskye.osamweb.dev/wp-content/uploads/2026/09/Untitled-design-84.png");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-9 .elementor-element.elementor-element-968c606{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-9 .elementor-element.elementor-element-c7c4ec7{text-align:start;}.elementor-9 .elementor-element.elementor-element-c7c4ec7 .elementor-heading-title{font-size:42px;}.elementor-9 .elementor-element.elementor-element-cad2299{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-70b22b4{--width:900px;}.elementor-9 .elementor-element.elementor-element-eded3be{--width:900px;}.elementor-9 .elementor-element.elementor-element-5504cdc{--width:180px;}.elementor-9 .elementor-element.elementor-element-a038bd7{--width:330px;}.elementor-9 .elementor-element.elementor-element-151e92e{--width:60%;}.elementor-9 .elementor-element.elementor-element-affeb6f{--width:40%;}.elementor-9 .elementor-element.elementor-element-ee14347{--width:250px;}.elementor-9 .elementor-element.elementor-element-02c8278{--width:125px;}.elementor-9 .elementor-element.elementor-element-de3adcc{--content-width:1400px;}.elementor-9 .elementor-element.elementor-element-968c606{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9 .elementor-element.elementor-element-70b22b4{--width:100%;}.elementor-9 .elementor-element.elementor-element-a038bd7{--width:400px;}.elementor-9 .elementor-element.elementor-element-151e92e{--width:70%;}.elementor-9 .elementor-element.elementor-element-affeb6f{--width:100%;}.elementor-9 .elementor-element.elementor-element-968c606{--width:100%;}}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-d0f4b9d{--min-height:0vh;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-6b3a42b{text-align:center;}.elementor-9 .elementor-element.elementor-element-6b3a42b .elementor-heading-title{font-size:62px;}.elementor-9 .elementor-element.elementor-element-5f9bb77{text-align:center;}.elementor-9 .elementor-element.elementor-element-e48106b{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9 .elementor-element.elementor-element-5b261ce{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-d2a4844{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-5504cdc{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9 .elementor-element.elementor-element-5504cdc.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-element-3391efc{text-align:center;}.elementor-9 .elementor-element.elementor-element-3391efc .elementor-heading-title{font-size:48px;}.elementor-9 .elementor-element.elementor-element-e5d866f{text-align:center;}.elementor-9 .elementor-element.elementor-element-7cfef2c{--min-height:400px;--justify-content:flex-end;}.elementor-9 .elementor-element.elementor-element-a038bd7{--min-height:150px;--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:center;--margin-top:0px;--margin-bottom:-60px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-a038bd7.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-element-1ba3ccf .elementor-counter-number-wrapper{font-size:42px;}.elementor-9 .elementor-element.elementor-element-37e4199{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-3b5ae87 .elementor-heading-title{font-size:36px;}.elementor-9 .elementor-element.elementor-element-55f972e{--e-n-carousel-swiper-slides-to-display:2;}.elementor-9 .elementor-element.elementor-element-d491d73{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-151e92e{--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;}.elementor-9 .elementor-element.elementor-element-151e92e.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-element-3baa3e0{--min-height:300px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-9fee141{--min-height:300px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-ee14347.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-element-4b05e35{text-align:center;}.elementor-9 .elementor-element.elementor-element-4b05e35 .elementor-heading-title{font-size:36px;}.elementor-9 .elementor-element.elementor-element-858de63{text-align:center;}.elementor-9 .elementor-element.elementor-element-ca61fdb{--justify-content:center;}.elementor-9 .elementor-element.elementor-element-34cc3dd{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-e705a83{font-size:42px;}.elementor-9 .elementor-element.elementor-element-b013bb1{text-align:start;font-size:20px;}.elementor-9 .elementor-element.elementor-element-21806e2{font-size:42px;}.elementor-9 .elementor-element.elementor-element-b4501f4{text-align:start;font-size:20px;}.elementor-9 .elementor-element.elementor-element-538ee2e{font-size:42px;}.elementor-9 .elementor-element.elementor-element-b403606{text-align:start;font-size:20px;}.elementor-9 .elementor-element.elementor-element-07ac57a{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:40px;}.elementor-9 .elementor-element.elementor-element-9cc1df4{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-2fdaf80{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-de3adcc{--min-height:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-e848ff6:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-e848ff6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecoskye.osamweb.dev/wp-content/uploads/2026/09/Barraverticaltransparente150.png");}.elementor-9 .elementor-element.elementor-element-e848ff6{--min-height:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-968c606{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-c7c4ec7{text-align:center;}.elementor-9 .elementor-element.elementor-element-32c0ead{text-align:center;}.elementor-9 .elementor-element.elementor-element-cad2299{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-70b22b4{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-6b3a42b .elementor-heading-title{font-size:38px;}.elementor-9 .elementor-element.elementor-element-5f9bb77{font-size:16px;line-height:1.4em;}.elementor-9 .elementor-element.elementor-element-e48106b{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-c177fd0{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-a038bd7{--width:250px;--min-height:100px;--justify-content:center;}.elementor-9 .elementor-element.elementor-element-1cc2d85.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-1cc2d85{text-align:center;}.elementor-9 .elementor-element.elementor-element-1ba3ccf .elementor-counter{flex-direction:row-reverse;}.elementor-9 .elementor-element.elementor-element-1ba3ccf .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-size:42px;}.elementor-9 .elementor-element.elementor-element-1ba3ccf .elementor-counter-title{font-size:16px;}.elementor-9 .elementor-element.elementor-element-f67b462 .elementor-heading-title{font-size:22px;}.elementor-9 .elementor-element.elementor-element-f0ce553 .elementor-heading-title{font-size:22px;}.elementor-9 .elementor-element.elementor-element-cbfa356 .elementor-heading-title{font-size:22px;}.elementor-9 .elementor-element.elementor-element-ef90a62 .elementor-heading-title{font-size:22px;}.elementor-9 .elementor-element.elementor-element-44930ac .elementor-heading-title{font-size:22px;}.elementor-9 .elementor-element.elementor-element-6040270 .elementor-heading-title{font-size:22px;}.elementor-9 .elementor-element.elementor-element-55f972e{--e-n-carousel-swiper-slides-to-display:1;}.elementor-9 .elementor-element.elementor-element-151e92e{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-affeb6f{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-ee14347{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-02c8278{--width:50%;}.elementor-9 .elementor-element.elementor-element-667a576 > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-9 .elementor-element.elementor-element-ca61fdb{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-51a2511{--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-e705a83{text-align:center;font-size:32px;}.elementor-9 .elementor-element.elementor-element-b013bb1{text-align:center;font-size:16px;}.elementor-9 .elementor-element.elementor-element-9ef2e21{--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-21806e2{text-align:center;font-size:32px;}.elementor-9 .elementor-element.elementor-element-b4501f4{text-align:center;font-size:16px;}.elementor-9 .elementor-element.elementor-element-773664a{--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-9 .elementor-element.elementor-element-538ee2e{text-align:center;font-size:32px;}.elementor-9 .elementor-element.elementor-element-b403606{text-align:center;font-size:16px;}.elementor-9 .elementor-element.elementor-element-07ac57a{--e-n-carousel-swiper-slides-to-display:1;}.elementor-9 .elementor-element.elementor-element-e848ff6{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-c7c4ec7 .elementor-heading-title{font-size:32px;}.elementor-9 .elementor-element.elementor-element-cad2299{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}}/* Start custom CSS for container, class: .elementor-element-d0f4b9d *//* Fade inactive items */
.slide-progress-item {
    opacity: 0.35;
    transition: opacity 0.4s ease;
}

.slide-progress-item.active {
    opacity: 1;
}


/* Elementor divider */
.slide-progress-line .elementor-divider-separator {
    position: relative;
    display: block;
    width: 100% !important;
    height: 4px;
    border: 0 !important;
    background: rgba(255, 255, 255, 0.35);
    overflow: hidden;
}


/* Progress fill */
.slide-progress-line .elementor-divider-separator::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 0%;
    background: #fff;
}


/* Fill over the same 5 seconds as slideshow */
.slide-progress-item.active
.slide-progress-line
.elementor-divider-separator::after {
    animation: slideshowProgress 5s linear forwards;
}


@keyframes slideshowProgress {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}



@media (min-width: 1025px) and (max-height: 869px) {
    .elementor-9 .elementor-element.elementor-element-d0f4b9d .move-up {
        transform: translateY(-50px);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a038bd7 */.elementor-9 .elementor-element.elementor-element-a038bd7{
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cfef2c */.elementor-9 .elementor-element.elementor-element-7cfef2c {
    border-radius: 20px 0 20px 20px !important;
    overflow: visible !important;
}

/* Round the mouse tracking / motion effect background only */
.elementor-9 .elementor-element.elementor-element-7cfef2c > .elementor-motion-effects-container {
    border-radius: 20px 0 20px 20px !important;
    overflow: hidden !important;
}

/* Round background overlay */
.elementor-9 .elementor-element.elementor-element-7cfef2c::before,
.elementor-9 .elementor-element.elementor-element-7cfef2c::after {
    border-radius: 20px 0 20px 20px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2e8f2b *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-f2e8f2b {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-f2e8f2b::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/luxury-house-in-vancouver-canada-2026-03-09-02-50-17-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-f2e8f2b h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b p, .elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover p, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5516012 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-5516012 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-5516012::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-surveyor-using-theodolite-at-building-2026-03-26-04-46-03-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-5516012 h1, .elementor-9 .elementor-element.elementor-element-5516012 h2, .elementor-9 .elementor-element.elementor-element-5516012 h3, 
.elementor-9 .elementor-element.elementor-element-5516012 h4, .elementor-9 .elementor-element.elementor-element-5516012 h5, .elementor-9 .elementor-element.elementor-element-5516012 h6,
.elementor-9 .elementor-element.elementor-element-5516012 p, .elementor-9 .elementor-element.elementor-element-5516012 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover h1, .elementor-9 .elementor-element.elementor-element-5516012:hover h2, .elementor-9 .elementor-element.elementor-element-5516012:hover h3, 
.elementor-9 .elementor-element.elementor-element-5516012:hover h4, .elementor-9 .elementor-element.elementor-element-5516012:hover h5, .elementor-9 .elementor-element.elementor-element-5516012:hover h6,
.elementor-9 .elementor-element.elementor-element-5516012:hover p, .elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-5516012 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-5516012 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7cc86d *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a7cc86d {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a7cc86d::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/two-engineer-or-technician-worker-discuss-about-re-2026-03-09-01-53-08-utc-2-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a7cc86d h1, .elementor-9 .elementor-element.elementor-element-a7cc86d h2, .elementor-9 .elementor-element.elementor-element-a7cc86d h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d h4, .elementor-9 .elementor-element.elementor-element-a7cc86d h5, .elementor-9 .elementor-element.elementor-element-a7cc86d h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d p, .elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h1, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h2, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h4, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h5, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover p, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a23a57e *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a23a57e {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a23a57e::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/engineers-reviewing-construction-blueprints-at-an-2026-03-13-01-47-41-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a23a57e h1, .elementor-9 .elementor-element.elementor-element-a23a57e h2, .elementor-9 .elementor-element.elementor-element-a23a57e h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e h4, .elementor-9 .elementor-element.elementor-element-a23a57e h5, .elementor-9 .elementor-element.elementor-element-a23a57e h6,
.elementor-9 .elementor-element.elementor-element-a23a57e p, .elementor-9 .elementor-element.elementor-element-a23a57e .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h1, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h2, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h4, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h5, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h6,
.elementor-9 .elementor-element.elementor-element-a23a57e:hover p, .elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82f3606 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-82f3606 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-82f3606::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-crane-building-skyscrapers-under-clou-2026-03-19-01-59-44-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-82f3606 h1, .elementor-9 .elementor-element.elementor-element-82f3606 h2, .elementor-9 .elementor-element.elementor-element-82f3606 h3, 
.elementor-9 .elementor-element.elementor-element-82f3606 h4, .elementor-9 .elementor-element.elementor-element-82f3606 h5, .elementor-9 .elementor-element.elementor-element-82f3606 h6,
.elementor-9 .elementor-element.elementor-element-82f3606 p, .elementor-9 .elementor-element.elementor-element-82f3606 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover h1, .elementor-9 .elementor-element.elementor-element-82f3606:hover h2, .elementor-9 .elementor-element.elementor-element-82f3606:hover h3, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover h4, .elementor-9 .elementor-element.elementor-element-82f3606:hover h5, .elementor-9 .elementor-element.elementor-element-82f3606:hover h6,
.elementor-9 .elementor-element.elementor-element-82f3606:hover p, .elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.3s ease;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049a1b4 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-049a1b4 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-049a1b4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/pexels-gever-37859062.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-049a1b4 h1, .elementor-9 .elementor-element.elementor-element-049a1b4 h2, .elementor-9 .elementor-element.elementor-element-049a1b4 h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4 h4, .elementor-9 .elementor-element.elementor-element-049a1b4 h5, .elementor-9 .elementor-element.elementor-element-049a1b4 h6,
.elementor-9 .elementor-element.elementor-element-049a1b4 p, .elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h1, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h2, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h4, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h5, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h6,
.elementor-9 .elementor-element.elementor-element-049a1b4:hover p, .elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d23109 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-3d23109 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-3d23109::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/charming-suburban-home-with-green-lawn-and-hedges-2026-03-26-11-39-13-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-3d23109 h1, .elementor-9 .elementor-element.elementor-element-3d23109 h2, .elementor-9 .elementor-element.elementor-element-3d23109 h3, 
.elementor-9 .elementor-element.elementor-element-3d23109 h4, .elementor-9 .elementor-element.elementor-element-3d23109 h5, .elementor-9 .elementor-element.elementor-element-3d23109 h6,
.elementor-9 .elementor-element.elementor-element-3d23109 p, .elementor-9 .elementor-element.elementor-element-3d23109 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover h1, .elementor-9 .elementor-element.elementor-element-3d23109:hover h2, .elementor-9 .elementor-element.elementor-element-3d23109:hover h3, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover h4, .elementor-9 .elementor-element.elementor-element-3d23109:hover h5, .elementor-9 .elementor-element.elementor-element-3d23109:hover h6,
.elementor-9 .elementor-element.elementor-element-3d23109:hover p, .elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-3d23109 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-3d23109:hover .card-extra {
    max-height: 300px;
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2e8f2b *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-f2e8f2b {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-f2e8f2b::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/luxury-house-in-vancouver-canada-2026-03-09-02-50-17-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-f2e8f2b h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b p, .elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover p, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5516012 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-5516012 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-5516012::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-surveyor-using-theodolite-at-building-2026-03-26-04-46-03-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-5516012 h1, .elementor-9 .elementor-element.elementor-element-5516012 h2, .elementor-9 .elementor-element.elementor-element-5516012 h3, 
.elementor-9 .elementor-element.elementor-element-5516012 h4, .elementor-9 .elementor-element.elementor-element-5516012 h5, .elementor-9 .elementor-element.elementor-element-5516012 h6,
.elementor-9 .elementor-element.elementor-element-5516012 p, .elementor-9 .elementor-element.elementor-element-5516012 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover h1, .elementor-9 .elementor-element.elementor-element-5516012:hover h2, .elementor-9 .elementor-element.elementor-element-5516012:hover h3, 
.elementor-9 .elementor-element.elementor-element-5516012:hover h4, .elementor-9 .elementor-element.elementor-element-5516012:hover h5, .elementor-9 .elementor-element.elementor-element-5516012:hover h6,
.elementor-9 .elementor-element.elementor-element-5516012:hover p, .elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-5516012 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-5516012 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7cc86d *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a7cc86d {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a7cc86d::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/two-engineer-or-technician-worker-discuss-about-re-2026-03-09-01-53-08-utc-2-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a7cc86d h1, .elementor-9 .elementor-element.elementor-element-a7cc86d h2, .elementor-9 .elementor-element.elementor-element-a7cc86d h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d h4, .elementor-9 .elementor-element.elementor-element-a7cc86d h5, .elementor-9 .elementor-element.elementor-element-a7cc86d h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d p, .elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h1, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h2, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h4, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h5, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover p, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a23a57e *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a23a57e {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a23a57e::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/engineers-reviewing-construction-blueprints-at-an-2026-03-13-01-47-41-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a23a57e h1, .elementor-9 .elementor-element.elementor-element-a23a57e h2, .elementor-9 .elementor-element.elementor-element-a23a57e h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e h4, .elementor-9 .elementor-element.elementor-element-a23a57e h5, .elementor-9 .elementor-element.elementor-element-a23a57e h6,
.elementor-9 .elementor-element.elementor-element-a23a57e p, .elementor-9 .elementor-element.elementor-element-a23a57e .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h1, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h2, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h4, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h5, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h6,
.elementor-9 .elementor-element.elementor-element-a23a57e:hover p, .elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82f3606 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-82f3606 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-82f3606::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-crane-building-skyscrapers-under-clou-2026-03-19-01-59-44-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-82f3606 h1, .elementor-9 .elementor-element.elementor-element-82f3606 h2, .elementor-9 .elementor-element.elementor-element-82f3606 h3, 
.elementor-9 .elementor-element.elementor-element-82f3606 h4, .elementor-9 .elementor-element.elementor-element-82f3606 h5, .elementor-9 .elementor-element.elementor-element-82f3606 h6,
.elementor-9 .elementor-element.elementor-element-82f3606 p, .elementor-9 .elementor-element.elementor-element-82f3606 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover h1, .elementor-9 .elementor-element.elementor-element-82f3606:hover h2, .elementor-9 .elementor-element.elementor-element-82f3606:hover h3, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover h4, .elementor-9 .elementor-element.elementor-element-82f3606:hover h5, .elementor-9 .elementor-element.elementor-element-82f3606:hover h6,
.elementor-9 .elementor-element.elementor-element-82f3606:hover p, .elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.3s ease;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049a1b4 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-049a1b4 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-049a1b4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/pexels-gever-37859062.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-049a1b4 h1, .elementor-9 .elementor-element.elementor-element-049a1b4 h2, .elementor-9 .elementor-element.elementor-element-049a1b4 h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4 h4, .elementor-9 .elementor-element.elementor-element-049a1b4 h5, .elementor-9 .elementor-element.elementor-element-049a1b4 h6,
.elementor-9 .elementor-element.elementor-element-049a1b4 p, .elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h1, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h2, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h4, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h5, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h6,
.elementor-9 .elementor-element.elementor-element-049a1b4:hover p, .elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d23109 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-3d23109 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-3d23109::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/charming-suburban-home-with-green-lawn-and-hedges-2026-03-26-11-39-13-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-3d23109 h1, .elementor-9 .elementor-element.elementor-element-3d23109 h2, .elementor-9 .elementor-element.elementor-element-3d23109 h3, 
.elementor-9 .elementor-element.elementor-element-3d23109 h4, .elementor-9 .elementor-element.elementor-element-3d23109 h5, .elementor-9 .elementor-element.elementor-element-3d23109 h6,
.elementor-9 .elementor-element.elementor-element-3d23109 p, .elementor-9 .elementor-element.elementor-element-3d23109 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover h1, .elementor-9 .elementor-element.elementor-element-3d23109:hover h2, .elementor-9 .elementor-element.elementor-element-3d23109:hover h3, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover h4, .elementor-9 .elementor-element.elementor-element-3d23109:hover h5, .elementor-9 .elementor-element.elementor-element-3d23109:hover h6,
.elementor-9 .elementor-element.elementor-element-3d23109:hover p, .elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-3d23109 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-3d23109:hover .card-extra {
    max-height: 300px;
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2e8f2b *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-f2e8f2b {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-f2e8f2b::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/luxury-house-in-vancouver-canada-2026-03-09-02-50-17-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-f2e8f2b h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b p, .elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover p, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5516012 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-5516012 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-5516012::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-surveyor-using-theodolite-at-building-2026-03-26-04-46-03-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-5516012 h1, .elementor-9 .elementor-element.elementor-element-5516012 h2, .elementor-9 .elementor-element.elementor-element-5516012 h3, 
.elementor-9 .elementor-element.elementor-element-5516012 h4, .elementor-9 .elementor-element.elementor-element-5516012 h5, .elementor-9 .elementor-element.elementor-element-5516012 h6,
.elementor-9 .elementor-element.elementor-element-5516012 p, .elementor-9 .elementor-element.elementor-element-5516012 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover h1, .elementor-9 .elementor-element.elementor-element-5516012:hover h2, .elementor-9 .elementor-element.elementor-element-5516012:hover h3, 
.elementor-9 .elementor-element.elementor-element-5516012:hover h4, .elementor-9 .elementor-element.elementor-element-5516012:hover h5, .elementor-9 .elementor-element.elementor-element-5516012:hover h6,
.elementor-9 .elementor-element.elementor-element-5516012:hover p, .elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-5516012 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-5516012 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7cc86d *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a7cc86d {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a7cc86d::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/two-engineer-or-technician-worker-discuss-about-re-2026-03-09-01-53-08-utc-2-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a7cc86d h1, .elementor-9 .elementor-element.elementor-element-a7cc86d h2, .elementor-9 .elementor-element.elementor-element-a7cc86d h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d h4, .elementor-9 .elementor-element.elementor-element-a7cc86d h5, .elementor-9 .elementor-element.elementor-element-a7cc86d h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d p, .elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h1, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h2, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h4, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h5, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover p, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a23a57e *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a23a57e {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a23a57e::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/engineers-reviewing-construction-blueprints-at-an-2026-03-13-01-47-41-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a23a57e h1, .elementor-9 .elementor-element.elementor-element-a23a57e h2, .elementor-9 .elementor-element.elementor-element-a23a57e h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e h4, .elementor-9 .elementor-element.elementor-element-a23a57e h5, .elementor-9 .elementor-element.elementor-element-a23a57e h6,
.elementor-9 .elementor-element.elementor-element-a23a57e p, .elementor-9 .elementor-element.elementor-element-a23a57e .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h1, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h2, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h4, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h5, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h6,
.elementor-9 .elementor-element.elementor-element-a23a57e:hover p, .elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82f3606 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-82f3606 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-82f3606::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-crane-building-skyscrapers-under-clou-2026-03-19-01-59-44-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-82f3606 h1, .elementor-9 .elementor-element.elementor-element-82f3606 h2, .elementor-9 .elementor-element.elementor-element-82f3606 h3, 
.elementor-9 .elementor-element.elementor-element-82f3606 h4, .elementor-9 .elementor-element.elementor-element-82f3606 h5, .elementor-9 .elementor-element.elementor-element-82f3606 h6,
.elementor-9 .elementor-element.elementor-element-82f3606 p, .elementor-9 .elementor-element.elementor-element-82f3606 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover h1, .elementor-9 .elementor-element.elementor-element-82f3606:hover h2, .elementor-9 .elementor-element.elementor-element-82f3606:hover h3, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover h4, .elementor-9 .elementor-element.elementor-element-82f3606:hover h5, .elementor-9 .elementor-element.elementor-element-82f3606:hover h6,
.elementor-9 .elementor-element.elementor-element-82f3606:hover p, .elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.3s ease;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049a1b4 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-049a1b4 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-049a1b4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/pexels-gever-37859062.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-049a1b4 h1, .elementor-9 .elementor-element.elementor-element-049a1b4 h2, .elementor-9 .elementor-element.elementor-element-049a1b4 h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4 h4, .elementor-9 .elementor-element.elementor-element-049a1b4 h5, .elementor-9 .elementor-element.elementor-element-049a1b4 h6,
.elementor-9 .elementor-element.elementor-element-049a1b4 p, .elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h1, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h2, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h4, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h5, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h6,
.elementor-9 .elementor-element.elementor-element-049a1b4:hover p, .elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d23109 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-3d23109 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-3d23109::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/charming-suburban-home-with-green-lawn-and-hedges-2026-03-26-11-39-13-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-3d23109 h1, .elementor-9 .elementor-element.elementor-element-3d23109 h2, .elementor-9 .elementor-element.elementor-element-3d23109 h3, 
.elementor-9 .elementor-element.elementor-element-3d23109 h4, .elementor-9 .elementor-element.elementor-element-3d23109 h5, .elementor-9 .elementor-element.elementor-element-3d23109 h6,
.elementor-9 .elementor-element.elementor-element-3d23109 p, .elementor-9 .elementor-element.elementor-element-3d23109 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover h1, .elementor-9 .elementor-element.elementor-element-3d23109:hover h2, .elementor-9 .elementor-element.elementor-element-3d23109:hover h3, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover h4, .elementor-9 .elementor-element.elementor-element-3d23109:hover h5, .elementor-9 .elementor-element.elementor-element-3d23109:hover h6,
.elementor-9 .elementor-element.elementor-element-3d23109:hover p, .elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-3d23109 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-3d23109:hover .card-extra {
    max-height: 300px;
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2e8f2b *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-f2e8f2b {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-f2e8f2b::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/luxury-house-in-vancouver-canada-2026-03-09-02-50-17-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-f2e8f2b h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b p, .elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover p, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5516012 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-5516012 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-5516012::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-surveyor-using-theodolite-at-building-2026-03-26-04-46-03-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-5516012 h1, .elementor-9 .elementor-element.elementor-element-5516012 h2, .elementor-9 .elementor-element.elementor-element-5516012 h3, 
.elementor-9 .elementor-element.elementor-element-5516012 h4, .elementor-9 .elementor-element.elementor-element-5516012 h5, .elementor-9 .elementor-element.elementor-element-5516012 h6,
.elementor-9 .elementor-element.elementor-element-5516012 p, .elementor-9 .elementor-element.elementor-element-5516012 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover h1, .elementor-9 .elementor-element.elementor-element-5516012:hover h2, .elementor-9 .elementor-element.elementor-element-5516012:hover h3, 
.elementor-9 .elementor-element.elementor-element-5516012:hover h4, .elementor-9 .elementor-element.elementor-element-5516012:hover h5, .elementor-9 .elementor-element.elementor-element-5516012:hover h6,
.elementor-9 .elementor-element.elementor-element-5516012:hover p, .elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-5516012 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-5516012 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7cc86d *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a7cc86d {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a7cc86d::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/two-engineer-or-technician-worker-discuss-about-re-2026-03-09-01-53-08-utc-2-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a7cc86d h1, .elementor-9 .elementor-element.elementor-element-a7cc86d h2, .elementor-9 .elementor-element.elementor-element-a7cc86d h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d h4, .elementor-9 .elementor-element.elementor-element-a7cc86d h5, .elementor-9 .elementor-element.elementor-element-a7cc86d h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d p, .elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h1, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h2, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h4, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h5, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover p, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a23a57e *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a23a57e {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a23a57e::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/engineers-reviewing-construction-blueprints-at-an-2026-03-13-01-47-41-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a23a57e h1, .elementor-9 .elementor-element.elementor-element-a23a57e h2, .elementor-9 .elementor-element.elementor-element-a23a57e h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e h4, .elementor-9 .elementor-element.elementor-element-a23a57e h5, .elementor-9 .elementor-element.elementor-element-a23a57e h6,
.elementor-9 .elementor-element.elementor-element-a23a57e p, .elementor-9 .elementor-element.elementor-element-a23a57e .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h1, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h2, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h4, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h5, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h6,
.elementor-9 .elementor-element.elementor-element-a23a57e:hover p, .elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82f3606 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-82f3606 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-82f3606::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-crane-building-skyscrapers-under-clou-2026-03-19-01-59-44-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-82f3606 h1, .elementor-9 .elementor-element.elementor-element-82f3606 h2, .elementor-9 .elementor-element.elementor-element-82f3606 h3, 
.elementor-9 .elementor-element.elementor-element-82f3606 h4, .elementor-9 .elementor-element.elementor-element-82f3606 h5, .elementor-9 .elementor-element.elementor-element-82f3606 h6,
.elementor-9 .elementor-element.elementor-element-82f3606 p, .elementor-9 .elementor-element.elementor-element-82f3606 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover h1, .elementor-9 .elementor-element.elementor-element-82f3606:hover h2, .elementor-9 .elementor-element.elementor-element-82f3606:hover h3, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover h4, .elementor-9 .elementor-element.elementor-element-82f3606:hover h5, .elementor-9 .elementor-element.elementor-element-82f3606:hover h6,
.elementor-9 .elementor-element.elementor-element-82f3606:hover p, .elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.3s ease;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049a1b4 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-049a1b4 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-049a1b4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/pexels-gever-37859062.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-049a1b4 h1, .elementor-9 .elementor-element.elementor-element-049a1b4 h2, .elementor-9 .elementor-element.elementor-element-049a1b4 h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4 h4, .elementor-9 .elementor-element.elementor-element-049a1b4 h5, .elementor-9 .elementor-element.elementor-element-049a1b4 h6,
.elementor-9 .elementor-element.elementor-element-049a1b4 p, .elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h1, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h2, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h4, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h5, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h6,
.elementor-9 .elementor-element.elementor-element-049a1b4:hover p, .elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d23109 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-3d23109 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-3d23109::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/charming-suburban-home-with-green-lawn-and-hedges-2026-03-26-11-39-13-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-3d23109 h1, .elementor-9 .elementor-element.elementor-element-3d23109 h2, .elementor-9 .elementor-element.elementor-element-3d23109 h3, 
.elementor-9 .elementor-element.elementor-element-3d23109 h4, .elementor-9 .elementor-element.elementor-element-3d23109 h5, .elementor-9 .elementor-element.elementor-element-3d23109 h6,
.elementor-9 .elementor-element.elementor-element-3d23109 p, .elementor-9 .elementor-element.elementor-element-3d23109 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover h1, .elementor-9 .elementor-element.elementor-element-3d23109:hover h2, .elementor-9 .elementor-element.elementor-element-3d23109:hover h3, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover h4, .elementor-9 .elementor-element.elementor-element-3d23109:hover h5, .elementor-9 .elementor-element.elementor-element-3d23109:hover h6,
.elementor-9 .elementor-element.elementor-element-3d23109:hover p, .elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-3d23109 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-3d23109:hover .card-extra {
    max-height: 300px;
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2e8f2b *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-f2e8f2b {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-f2e8f2b::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/luxury-house-in-vancouver-canada-2026-03-09-02-50-17-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-f2e8f2b h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b p, .elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover p, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5516012 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-5516012 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-5516012::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-surveyor-using-theodolite-at-building-2026-03-26-04-46-03-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-5516012 h1, .elementor-9 .elementor-element.elementor-element-5516012 h2, .elementor-9 .elementor-element.elementor-element-5516012 h3, 
.elementor-9 .elementor-element.elementor-element-5516012 h4, .elementor-9 .elementor-element.elementor-element-5516012 h5, .elementor-9 .elementor-element.elementor-element-5516012 h6,
.elementor-9 .elementor-element.elementor-element-5516012 p, .elementor-9 .elementor-element.elementor-element-5516012 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover h1, .elementor-9 .elementor-element.elementor-element-5516012:hover h2, .elementor-9 .elementor-element.elementor-element-5516012:hover h3, 
.elementor-9 .elementor-element.elementor-element-5516012:hover h4, .elementor-9 .elementor-element.elementor-element-5516012:hover h5, .elementor-9 .elementor-element.elementor-element-5516012:hover h6,
.elementor-9 .elementor-element.elementor-element-5516012:hover p, .elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-5516012 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-5516012 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7cc86d *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a7cc86d {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a7cc86d::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/two-engineer-or-technician-worker-discuss-about-re-2026-03-09-01-53-08-utc-2-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a7cc86d h1, .elementor-9 .elementor-element.elementor-element-a7cc86d h2, .elementor-9 .elementor-element.elementor-element-a7cc86d h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d h4, .elementor-9 .elementor-element.elementor-element-a7cc86d h5, .elementor-9 .elementor-element.elementor-element-a7cc86d h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d p, .elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h1, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h2, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h4, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h5, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover p, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a23a57e *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a23a57e {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a23a57e::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/engineers-reviewing-construction-blueprints-at-an-2026-03-13-01-47-41-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a23a57e h1, .elementor-9 .elementor-element.elementor-element-a23a57e h2, .elementor-9 .elementor-element.elementor-element-a23a57e h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e h4, .elementor-9 .elementor-element.elementor-element-a23a57e h5, .elementor-9 .elementor-element.elementor-element-a23a57e h6,
.elementor-9 .elementor-element.elementor-element-a23a57e p, .elementor-9 .elementor-element.elementor-element-a23a57e .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h1, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h2, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h4, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h5, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h6,
.elementor-9 .elementor-element.elementor-element-a23a57e:hover p, .elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82f3606 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-82f3606 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-82f3606::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-crane-building-skyscrapers-under-clou-2026-03-19-01-59-44-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-82f3606 h1, .elementor-9 .elementor-element.elementor-element-82f3606 h2, .elementor-9 .elementor-element.elementor-element-82f3606 h3, 
.elementor-9 .elementor-element.elementor-element-82f3606 h4, .elementor-9 .elementor-element.elementor-element-82f3606 h5, .elementor-9 .elementor-element.elementor-element-82f3606 h6,
.elementor-9 .elementor-element.elementor-element-82f3606 p, .elementor-9 .elementor-element.elementor-element-82f3606 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover h1, .elementor-9 .elementor-element.elementor-element-82f3606:hover h2, .elementor-9 .elementor-element.elementor-element-82f3606:hover h3, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover h4, .elementor-9 .elementor-element.elementor-element-82f3606:hover h5, .elementor-9 .elementor-element.elementor-element-82f3606:hover h6,
.elementor-9 .elementor-element.elementor-element-82f3606:hover p, .elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.3s ease;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049a1b4 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-049a1b4 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-049a1b4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/pexels-gever-37859062.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-049a1b4 h1, .elementor-9 .elementor-element.elementor-element-049a1b4 h2, .elementor-9 .elementor-element.elementor-element-049a1b4 h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4 h4, .elementor-9 .elementor-element.elementor-element-049a1b4 h5, .elementor-9 .elementor-element.elementor-element-049a1b4 h6,
.elementor-9 .elementor-element.elementor-element-049a1b4 p, .elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h1, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h2, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h4, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h5, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h6,
.elementor-9 .elementor-element.elementor-element-049a1b4:hover p, .elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d23109 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-3d23109 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-3d23109::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/charming-suburban-home-with-green-lawn-and-hedges-2026-03-26-11-39-13-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-3d23109 h1, .elementor-9 .elementor-element.elementor-element-3d23109 h2, .elementor-9 .elementor-element.elementor-element-3d23109 h3, 
.elementor-9 .elementor-element.elementor-element-3d23109 h4, .elementor-9 .elementor-element.elementor-element-3d23109 h5, .elementor-9 .elementor-element.elementor-element-3d23109 h6,
.elementor-9 .elementor-element.elementor-element-3d23109 p, .elementor-9 .elementor-element.elementor-element-3d23109 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover h1, .elementor-9 .elementor-element.elementor-element-3d23109:hover h2, .elementor-9 .elementor-element.elementor-element-3d23109:hover h3, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover h4, .elementor-9 .elementor-element.elementor-element-3d23109:hover h5, .elementor-9 .elementor-element.elementor-element-3d23109:hover h6,
.elementor-9 .elementor-element.elementor-element-3d23109:hover p, .elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-3d23109 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-3d23109:hover .card-extra {
    max-height: 300px;
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2e8f2b *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-f2e8f2b {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-f2e8f2b::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/luxury-house-in-vancouver-canada-2026-03-09-02-50-17-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-f2e8f2b h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b p, .elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover p, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5516012 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-5516012 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-5516012::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-surveyor-using-theodolite-at-building-2026-03-26-04-46-03-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-5516012 h1, .elementor-9 .elementor-element.elementor-element-5516012 h2, .elementor-9 .elementor-element.elementor-element-5516012 h3, 
.elementor-9 .elementor-element.elementor-element-5516012 h4, .elementor-9 .elementor-element.elementor-element-5516012 h5, .elementor-9 .elementor-element.elementor-element-5516012 h6,
.elementor-9 .elementor-element.elementor-element-5516012 p, .elementor-9 .elementor-element.elementor-element-5516012 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover h1, .elementor-9 .elementor-element.elementor-element-5516012:hover h2, .elementor-9 .elementor-element.elementor-element-5516012:hover h3, 
.elementor-9 .elementor-element.elementor-element-5516012:hover h4, .elementor-9 .elementor-element.elementor-element-5516012:hover h5, .elementor-9 .elementor-element.elementor-element-5516012:hover h6,
.elementor-9 .elementor-element.elementor-element-5516012:hover p, .elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-5516012 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-5516012 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7cc86d *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a7cc86d {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a7cc86d::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/two-engineer-or-technician-worker-discuss-about-re-2026-03-09-01-53-08-utc-2-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a7cc86d h1, .elementor-9 .elementor-element.elementor-element-a7cc86d h2, .elementor-9 .elementor-element.elementor-element-a7cc86d h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d h4, .elementor-9 .elementor-element.elementor-element-a7cc86d h5, .elementor-9 .elementor-element.elementor-element-a7cc86d h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d p, .elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h1, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h2, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h4, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h5, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover p, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a23a57e *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a23a57e {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a23a57e::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/engineers-reviewing-construction-blueprints-at-an-2026-03-13-01-47-41-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a23a57e h1, .elementor-9 .elementor-element.elementor-element-a23a57e h2, .elementor-9 .elementor-element.elementor-element-a23a57e h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e h4, .elementor-9 .elementor-element.elementor-element-a23a57e h5, .elementor-9 .elementor-element.elementor-element-a23a57e h6,
.elementor-9 .elementor-element.elementor-element-a23a57e p, .elementor-9 .elementor-element.elementor-element-a23a57e .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h1, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h2, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h4, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h5, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h6,
.elementor-9 .elementor-element.elementor-element-a23a57e:hover p, .elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82f3606 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-82f3606 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-82f3606::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-crane-building-skyscrapers-under-clou-2026-03-19-01-59-44-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-82f3606 h1, .elementor-9 .elementor-element.elementor-element-82f3606 h2, .elementor-9 .elementor-element.elementor-element-82f3606 h3, 
.elementor-9 .elementor-element.elementor-element-82f3606 h4, .elementor-9 .elementor-element.elementor-element-82f3606 h5, .elementor-9 .elementor-element.elementor-element-82f3606 h6,
.elementor-9 .elementor-element.elementor-element-82f3606 p, .elementor-9 .elementor-element.elementor-element-82f3606 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover h1, .elementor-9 .elementor-element.elementor-element-82f3606:hover h2, .elementor-9 .elementor-element.elementor-element-82f3606:hover h3, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover h4, .elementor-9 .elementor-element.elementor-element-82f3606:hover h5, .elementor-9 .elementor-element.elementor-element-82f3606:hover h6,
.elementor-9 .elementor-element.elementor-element-82f3606:hover p, .elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.3s ease;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049a1b4 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-049a1b4 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-049a1b4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/pexels-gever-37859062.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-049a1b4 h1, .elementor-9 .elementor-element.elementor-element-049a1b4 h2, .elementor-9 .elementor-element.elementor-element-049a1b4 h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4 h4, .elementor-9 .elementor-element.elementor-element-049a1b4 h5, .elementor-9 .elementor-element.elementor-element-049a1b4 h6,
.elementor-9 .elementor-element.elementor-element-049a1b4 p, .elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h1, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h2, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h4, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h5, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h6,
.elementor-9 .elementor-element.elementor-element-049a1b4:hover p, .elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d23109 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-3d23109 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-3d23109::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/charming-suburban-home-with-green-lawn-and-hedges-2026-03-26-11-39-13-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-3d23109 h1, .elementor-9 .elementor-element.elementor-element-3d23109 h2, .elementor-9 .elementor-element.elementor-element-3d23109 h3, 
.elementor-9 .elementor-element.elementor-element-3d23109 h4, .elementor-9 .elementor-element.elementor-element-3d23109 h5, .elementor-9 .elementor-element.elementor-element-3d23109 h6,
.elementor-9 .elementor-element.elementor-element-3d23109 p, .elementor-9 .elementor-element.elementor-element-3d23109 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover h1, .elementor-9 .elementor-element.elementor-element-3d23109:hover h2, .elementor-9 .elementor-element.elementor-element-3d23109:hover h3, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover h4, .elementor-9 .elementor-element.elementor-element-3d23109:hover h5, .elementor-9 .elementor-element.elementor-element-3d23109:hover h6,
.elementor-9 .elementor-element.elementor-element-3d23109:hover p, .elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-3d23109 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-3d23109:hover .card-extra {
    max-height: 300px;
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2e8f2b *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-f2e8f2b {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-f2e8f2b::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/luxury-house-in-vancouver-canada-2026-03-09-02-50-17-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-f2e8f2b h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b p, .elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h1, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h2, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h3, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h4, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h5, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover h6,
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover p, .elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-f2e8f2b .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-f2e8f2b:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5516012 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-5516012 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-5516012::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-surveyor-using-theodolite-at-building-2026-03-26-04-46-03-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-5516012 h1, .elementor-9 .elementor-element.elementor-element-5516012 h2, .elementor-9 .elementor-element.elementor-element-5516012 h3, 
.elementor-9 .elementor-element.elementor-element-5516012 h4, .elementor-9 .elementor-element.elementor-element-5516012 h5, .elementor-9 .elementor-element.elementor-element-5516012 h6,
.elementor-9 .elementor-element.elementor-element-5516012 p, .elementor-9 .elementor-element.elementor-element-5516012 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-5516012:hover h1, .elementor-9 .elementor-element.elementor-element-5516012:hover h2, .elementor-9 .elementor-element.elementor-element-5516012:hover h3, 
.elementor-9 .elementor-element.elementor-element-5516012:hover h4, .elementor-9 .elementor-element.elementor-element-5516012:hover h5, .elementor-9 .elementor-element.elementor-element-5516012:hover h6,
.elementor-9 .elementor-element.elementor-element-5516012:hover p, .elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-5516012:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-5516012 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-5516012 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-5516012:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7cc86d *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a7cc86d {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a7cc86d::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/two-engineer-or-technician-worker-discuss-about-re-2026-03-09-01-53-08-utc-2-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a7cc86d h1, .elementor-9 .elementor-element.elementor-element-a7cc86d h2, .elementor-9 .elementor-element.elementor-element-a7cc86d h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d h4, .elementor-9 .elementor-element.elementor-element-a7cc86d h5, .elementor-9 .elementor-element.elementor-element-a7cc86d h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d p, .elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h1, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h2, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h3, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover h4, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h5, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover h6,
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover p, .elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}

/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a7cc86d .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a7cc86d:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a23a57e *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-a23a57e {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-a23a57e::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/engineers-reviewing-construction-blueprints-at-an-2026-03-13-01-47-41-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-a23a57e h1, .elementor-9 .elementor-element.elementor-element-a23a57e h2, .elementor-9 .elementor-element.elementor-element-a23a57e h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e h4, .elementor-9 .elementor-element.elementor-element-a23a57e h5, .elementor-9 .elementor-element.elementor-element-a23a57e h6,
.elementor-9 .elementor-element.elementor-element-a23a57e p, .elementor-9 .elementor-element.elementor-element-a23a57e .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h1, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h2, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h3, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover h4, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h5, .elementor-9 .elementor-element.elementor-element-a23a57e:hover h6,
.elementor-9 .elementor-element.elementor-element-a23a57e:hover p, .elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-a23a57e:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-a23a57e .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-a23a57e:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82f3606 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-82f3606 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-82f3606::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/construction-crane-building-skyscrapers-under-clou-2026-03-19-01-59-44-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-82f3606 h1, .elementor-9 .elementor-element.elementor-element-82f3606 h2, .elementor-9 .elementor-element.elementor-element-82f3606 h3, 
.elementor-9 .elementor-element.elementor-element-82f3606 h4, .elementor-9 .elementor-element.elementor-element-82f3606 h5, .elementor-9 .elementor-element.elementor-element-82f3606 h6,
.elementor-9 .elementor-element.elementor-element-82f3606 p, .elementor-9 .elementor-element.elementor-element-82f3606 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-82f3606:hover h1, .elementor-9 .elementor-element.elementor-element-82f3606:hover h2, .elementor-9 .elementor-element.elementor-element-82f3606:hover h3, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover h4, .elementor-9 .elementor-element.elementor-element-82f3606:hover h5, .elementor-9 .elementor-element.elementor-element-82f3606:hover h6,
.elementor-9 .elementor-element.elementor-element-82f3606:hover p, .elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-82f3606:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.3s ease;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-82f3606 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-82f3606:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049a1b4 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-049a1b4 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-049a1b4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/pexels-gever-37859062.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-049a1b4 h1, .elementor-9 .elementor-element.elementor-element-049a1b4 h2, .elementor-9 .elementor-element.elementor-element-049a1b4 h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4 h4, .elementor-9 .elementor-element.elementor-element-049a1b4 h5, .elementor-9 .elementor-element.elementor-element-049a1b4 h6,
.elementor-9 .elementor-element.elementor-element-049a1b4 p, .elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h1, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h2, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h3, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover h4, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h5, .elementor-9 .elementor-element.elementor-element-049a1b4:hover h6,
.elementor-9 .elementor-element.elementor-element-049a1b4:hover p, .elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-049a1b4:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-extra {
    max-height: 400px;
    opacity: 1;
}


/* --- ADDED: Image fade-out on container hover --- */
.elementor-9 .elementor-element.elementor-element-049a1b4 .card-image {
    transition: opacity 0.3s ease-in-out;
}

.elementor-9 .elementor-element.elementor-element-049a1b4:hover .card-image {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d23109 *//* Container base transition setup */
.elementor-9 .elementor-element.elementor-element-3d23109 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color 0.6s ease-in-out;
}

/* Background image & dark overlay fade layer */
.elementor-9 .elementor-element.elementor-element-3d23109::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Dark overlay (adjust 0.6 opacity as needed) + Image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://ecoskye.osamweb.dev/wp-content/uploads/2026/09/charming-suburban-home-with-green-lawn-and-hedges-2026-03-26-11-39-13-utc-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
}

/* Smooth background reveal on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover::before {
    opacity: 1;
}

/* Smooth text color transition */
.elementor-9 .elementor-element.elementor-element-3d23109 h1, .elementor-9 .elementor-element.elementor-element-3d23109 h2, .elementor-9 .elementor-element.elementor-element-3d23109 h3, 
.elementor-9 .elementor-element.elementor-element-3d23109 h4, .elementor-9 .elementor-element.elementor-element-3d23109 h5, .elementor-9 .elementor-element.elementor-element-3d23109 h6,
.elementor-9 .elementor-element.elementor-element-3d23109 p, .elementor-9 .elementor-element.elementor-element-3d23109 .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109 .elementor-widget-text-editor {
    transition: color 0.4s ease-in-out;
}

/* Turn all headings and text white on hover */
.elementor-9 .elementor-element.elementor-element-3d23109:hover h1, .elementor-9 .elementor-element.elementor-element-3d23109:hover h2, .elementor-9 .elementor-element.elementor-element-3d23109:hover h3, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover h4, .elementor-9 .elementor-element.elementor-element-3d23109:hover h5, .elementor-9 .elementor-element.elementor-element-3d23109:hover h6,
.elementor-9 .elementor-element.elementor-element-3d23109:hover p, .elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-heading-title, 
.elementor-9 .elementor-element.elementor-element-3d23109:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Text reveal styling */
.elementor-9 .elementor-element.elementor-element-3d23109 .card-extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.elementor-9 .elementor-element.elementor-element-3d23109:hover .card-extra {
    max-height: 300px;
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3baa3e0 */.elementor-9 .elementor-element.elementor-element-3baa3e0 {
    animation: subtleRock 5s ease-in-out infinite;
}

@keyframes subtleRock {
    0%, 100% {
        transform: rotate(-0.5deg);
    }

    50% {
        transform: rotate(0.5deg);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fee141 */.elementor-9 .elementor-element.elementor-element-9fee141 {
    animation: subtleFloat 5s ease-in-out infinite;
}

@keyframes subtleFloat {
    0%, 100% {
        transform: translateY(-4px);
    }

    50% {
        transform: translateY(2px);
    }
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-07ac57a */.elementor-9 .elementor-element.elementor-element-07ac57a .swiper-wrapper {
    transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-34cc3dd */.elementor-9 .elementor-element.elementor-element-34cc3dd {
    position: relative;
    overflow: hidden;
}

/* White fade on both sides */
.elementor-9 .elementor-element.elementor-element-34cc3dd::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        #FFFFFF 0%,
        rgba(255, 255, 255, 0.95) 4%,
        rgba(255, 255, 255, 0.65) 9%,
        rgba(255, 255, 255, 0) 18%,
        rgba(255, 255, 255, 0) 82%,
        rgba(255, 255, 255, 0.65) 91%,
        rgba(255, 255, 255, 0.95) 96%,
        #FFFFFF 100%
    );
}/* End custom CSS */