.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1263 .elementor-element.elementor-element-0203f00{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-1263 .elementor-element.elementor-element-0203f00:not(.elementor-motion-effects-element-type-background), .elementor-1263 .elementor-element.elementor-element-0203f00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecotechnoclean.ca/wp-content/uploads/2025/10/Picture2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1263 .elementor-element.elementor-element-0203f00::before, .elementor-1263 .elementor-element.elementor-element-0203f00 > .elementor-background-video-container::before, .elementor-1263 .elementor-element.elementor-element-0203f00 > .e-con-inner > .elementor-background-video-container::before, .elementor-1263 .elementor-element.elementor-element-0203f00 > .elementor-background-slideshow::before, .elementor-1263 .elementor-element.elementor-element-0203f00 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1263 .elementor-element.elementor-element-0203f00 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1263 .elementor-element.elementor-element-4c34ec9{text-align:center;}.elementor-1263 .elementor-element.elementor-element-4c34ec9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-1263 .elementor-element.elementor-element-a9e05fd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1263 .elementor-element.elementor-element-e88ab09{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1263 .elementor-element.elementor-element-e88ab09:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1263 .elementor-element.elementor-element-096b069{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1263 .elementor-element.elementor-element-096b069 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1263 .elementor-element.elementor-element-d997407{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.elementor-1263 .elementor-element.elementor-element-d997407 p{margin-block-end:1px;}.elementor-1263 .elementor-element.elementor-element-7be9e35{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1263 .elementor-element.elementor-element-7be9e35:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1263 .elementor-element.elementor-element-c393c4c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1263 .elementor-element.elementor-element-c393c4c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1263 .elementor-element.elementor-element-a05ede3{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.elementor-1263 .elementor-element.elementor-element-a05ede3 p{margin-block-end:1px;}.elementor-1263 .elementor-element.elementor-element-0a1fecd{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1263 .elementor-element.elementor-element-0a1fecd:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1263 .elementor-element.elementor-element-7b95780{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1263 .elementor-element.elementor-element-7b95780 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1263 .elementor-element.elementor-element-ce5e439{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.elementor-1263 .elementor-element.elementor-element-ce5e439 p{margin-block-end:1px;}.elementor-1263 .elementor-element.elementor-element-cbd2722{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1263 .elementor-element.elementor-element-d3deb41{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1263 .elementor-element.elementor-element-d3deb41:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1263 .elementor-element.elementor-element-d0a76b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1263 .elementor-element.elementor-element-d0a76b9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1263 .elementor-element.elementor-element-16654c2{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.elementor-1263 .elementor-element.elementor-element-16654c2 p{margin-block-end:1px;}.elementor-1263 .elementor-element.elementor-element-4a85e91{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1263 .elementor-element.elementor-element-4a85e91:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1263 .elementor-element.elementor-element-9b7e5d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1263 .elementor-element.elementor-element-9b7e5d8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1263 .elementor-element.elementor-element-333bffc{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.elementor-1263 .elementor-element.elementor-element-333bffc p{margin-block-end:1px;}.elementor-1263 .elementor-element.elementor-element-5c6b25e{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1263 .elementor-element.elementor-element-5c6b25e:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1263 .elementor-element.elementor-element-ac5a9d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1263 .elementor-element.elementor-element-ac5a9d8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1263 .elementor-element.elementor-element-7d4ee71{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.elementor-1263 .elementor-element.elementor-element-7d4ee71 p{margin-block-end:1px;}.elementor-1263 .elementor-element.elementor-element-92e021a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1263 .elementor-element.elementor-element-2d04250{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1263 .elementor-element.elementor-element-2d04250:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1263 .elementor-element.elementor-element-8b253c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1263 .elementor-element.elementor-element-8b253c6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1263 .elementor-element.elementor-element-454915c{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.elementor-1263 .elementor-element.elementor-element-454915c p{margin-block-end:1px;}@media(max-width:767px){.elementor-1263 .elementor-element.elementor-element-e88ab09{--width:100%;--min-height:1vh;}.elementor-1263 .elementor-element.elementor-element-7be9e35{--width:100%;--min-height:1vh;}.elementor-1263 .elementor-element.elementor-element-0a1fecd{--width:100%;--min-height:1vh;}.elementor-1263 .elementor-element.elementor-element-d3deb41{--width:100%;--min-height:1vh;}.elementor-1263 .elementor-element.elementor-element-4a85e91{--width:100%;--min-height:1vh;}.elementor-1263 .elementor-element.elementor-element-5c6b25e{--width:100%;--min-height:1vh;}.elementor-1263 .elementor-element.elementor-element-2d04250{--width:100%;--min-height:1vh;}}@media(min-width:768px){.elementor-1263 .elementor-element.elementor-element-0203f00{--content-width:100%;}.elementor-1263 .elementor-element.elementor-element-e88ab09{--width:33%;}.elementor-1263 .elementor-element.elementor-element-7be9e35{--width:33%;}.elementor-1263 .elementor-element.elementor-element-0a1fecd{--width:33%;}.elementor-1263 .elementor-element.elementor-element-d3deb41{--width:33%;}.elementor-1263 .elementor-element.elementor-element-4a85e91{--width:33%;}.elementor-1263 .elementor-element.elementor-element-5c6b25e{--width:33%;}.elementor-1263 .elementor-element.elementor-element-2d04250{--width:33%;}}/* Start custom CSS for container, class: .elementor-element-e88ab09 *//* --- Background & Overlay Layers --- */

.elementor-1263 .elementor-element.elementor-element-e88ab09 {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1263 .elementor-element.elementor-element-e88ab09::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* ============================== */
    /* === APNI IMAGE KA URL YAHAN === */
    background-image: url('https://ecotechnoclean.ca/wp-content/uploads/2025/10/18-Design-Ideas-On-How-to-Decorate-a-Modern-Bedroom_28.jpg');
    /* ============================== */
    
    background-size: cover;
    background-position: center center;
    
    z-index: -2;
    transform: scale(1);
    transition: transform 0.4s ease-out;
}

/* Layer 2: Black Overlay (Ismein Mobile ka default aur Desktop ka hover logic hai) */
.elementor-1263 .elementor-element.elementor-element-e88ab09::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;

    /* Overlay ka color (50% black) */
    background-color: rgba(0, 0, 0, 0.5); /* Maine opacity 0.5 set ki hai */

    /* Default (Mobile/Tablet) par opacity 1 (50% black dikhega) */
    opacity: 1; 

    z-index: -1;
    transition: opacity 0.4s ease-out;
}


/* --- DESKTOP HOVER EFFECTS --- */

/* Sirf bari screens (Desktop/Laptop) par yeh changes apply honge */
@media (min-width: 1025px) {
    
    /* DESKTOP DEFAULT: Overlay ko chupa do */
    .elementor-1263 .elementor-element.elementor-element-e88ab09::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

    /* DESKTOP HOVER: Image Zoom */
    .elementor-1263 .elementor-element.elementor-element-e88ab09:hover::before {
        transform: scale(1.1); /* Zoom effect */
    }

    /* DESKTOP HOVER: Overlay dikha do */
    .elementor-1263 .elementor-element.elementor-element-e88ab09:hover::after {
        opacity: 1; /* Overlay fade-in hoga */
    }
}


/* --- CONTENT VISIBILITY LOGIC --- */

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1263 .elementor-element.elementor-element-e88ab09 .card-content {
    opacity: 1;
    transform: translatey(0);
    transition: none;
}


/* 2. DESKTOP Hover Logic: Content ko Chupa kar Hover par Dikhayein */
@media (min-width: 1025px) {
    
    /* Default Desktop State: Content chupa hua rahega */
    .elementor-1263 .elementor-element.elementor-element-e88ab09 .card-content {
        opacity: 0;
        transform: translatey(20px);
        transition: opacity 0.3s 0.1s ease-out, transform 0.3s 0.1s ease-out;
    }

    /* Desktop Hover State: Content dikh jayega */
    .elementor-1263 .elementor-element.elementor-element-e88ab09:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7be9e35 *//* --- Background & Overlay Layers --- */

.elementor-1263 .elementor-element.elementor-element-7be9e35 {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1263 .elementor-element.elementor-element-7be9e35::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* ============================== */
    /* === APNI IMAGE KA URL YAHAN === */
    background-image: url('https://ecotechnoclean.ca/wp-content/uploads/2025/10/ad20b92f26a3be8f88e855542090d777.jpg');
    /* ============================== */
    
    background-size: cover;
    background-position: center center;
    
    z-index: -2;
    transform: scale(1);
    transition: transform 0.4s ease-out;
}

/* Layer 2: Black Overlay (Ismein Mobile ka default aur Desktop ka hover logic hai) */
.elementor-1263 .elementor-element.elementor-element-7be9e35::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;

    /* Overlay ka color (50% black) */
    background-color: rgba(0, 0, 0, 0.5); /* Maine opacity 0.5 set ki hai */

    /* Default (Mobile/Tablet) par opacity 1 (50% black dikhega) */
    opacity: 1; 

    z-index: -1;
    transition: opacity 0.4s ease-out;
}


/* --- DESKTOP HOVER EFFECTS --- */

/* Sirf bari screens (Desktop/Laptop) par yeh changes apply honge */
@media (min-width: 1025px) {
    
    /* DESKTOP DEFAULT: Overlay ko chupa do */
    .elementor-1263 .elementor-element.elementor-element-7be9e35::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

    /* DESKTOP HOVER: Image Zoom */
    .elementor-1263 .elementor-element.elementor-element-7be9e35:hover::before {
        transform: scale(1.1); /* Zoom effect */
    }

    /* DESKTOP HOVER: Overlay dikha do */
    .elementor-1263 .elementor-element.elementor-element-7be9e35:hover::after {
        opacity: 1; /* Overlay fade-in hoga */
    }
}


/* --- CONTENT VISIBILITY LOGIC --- */

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1263 .elementor-element.elementor-element-7be9e35 .card-content {
    opacity: 1;
    transform: translatey(0);
    transition: none;
}


/* 2. DESKTOP Hover Logic: Content ko Chupa kar Hover par Dikhayein */
@media (min-width: 1025px) {
    
    /* Default Desktop State: Content chupa hua rahega */
    .elementor-1263 .elementor-element.elementor-element-7be9e35 .card-content {
        opacity: 0;
        transform: translatey(20px);
        transition: opacity 0.3s 0.1s ease-out, transform 0.3s 0.1s ease-out;
    }

    /* Desktop Hover State: Content dikh jayega */
    .elementor-1263 .elementor-element.elementor-element-7be9e35:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0a1fecd *//* --- Background & Overlay Layers --- */

.elementor-1263 .elementor-element.elementor-element-0a1fecd {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1263 .elementor-element.elementor-element-0a1fecd::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* ============================== */
    /* === APNI IMAGE KA URL YAHAN === */
    background-image: url('https://ecotechnoclean.ca/wp-content/uploads/2025/10/d2f5b2e2374a759c74204c1ee21691d1.jpg');
    /* ============================== */
    
    background-size: cover;
    background-position: center center;
    
    z-index: -2;
    transform: scale(1);
    transition: transform 0.4s ease-out;
}

/* Layer 2: Black Overlay (Ismein Mobile ka default aur Desktop ka hover logic hai) */
.elementor-1263 .elementor-element.elementor-element-0a1fecd::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;

    /* Overlay ka color (50% black) */
    background-color: rgba(0, 0, 0, 0.5); /* Maine opacity 0.5 set ki hai */

    /* Default (Mobile/Tablet) par opacity 1 (50% black dikhega) */
    opacity: 1; 

    z-index: -1;
    transition: opacity 0.4s ease-out;
}


/* --- DESKTOP HOVER EFFECTS --- */

/* Sirf bari screens (Desktop/Laptop) par yeh changes apply honge */
@media (min-width: 1025px) {
    
    /* DESKTOP DEFAULT: Overlay ko chupa do */
    .elementor-1263 .elementor-element.elementor-element-0a1fecd::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

    /* DESKTOP HOVER: Image Zoom */
    .elementor-1263 .elementor-element.elementor-element-0a1fecd:hover::before {
        transform: scale(1.1); /* Zoom effect */
    }

    /* DESKTOP HOVER: Overlay dikha do */
    .elementor-1263 .elementor-element.elementor-element-0a1fecd:hover::after {
        opacity: 1; /* Overlay fade-in hoga */
    }
}


/* --- CONTENT VISIBILITY LOGIC --- */

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1263 .elementor-element.elementor-element-0a1fecd .card-content {
    opacity: 1;
    transform: translatey(0);
    transition: none;
}


/* 2. DESKTOP Hover Logic: Content ko Chupa kar Hover par Dikhayein */
@media (min-width: 1025px) {
    
    /* Default Desktop State: Content chupa hua rahega */
    .elementor-1263 .elementor-element.elementor-element-0a1fecd .card-content {
        opacity: 0;
        transform: translatey(20px);
        transition: opacity 0.3s 0.1s ease-out, transform 0.3s 0.1s ease-out;
    }

    /* Desktop Hover State: Content dikh jayega */
    .elementor-1263 .elementor-element.elementor-element-0a1fecd:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3deb41 *//* --- Background & Overlay Layers --- */

.elementor-1263 .elementor-element.elementor-element-d3deb41 {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1263 .elementor-element.elementor-element-d3deb41::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* ============================== */
    /* === APNI IMAGE KA URL YAHAN === */
    background-image: url('https://ecotechnoclean.ca/wp-content/uploads/2025/10/b68ab0297e277fe11d0265241c6e0ea0.jpg');
    /* ============================== */
    
    background-size: cover;
    background-position: center center;
    
    z-index: -2;
    transform: scale(1);
    transition: transform 0.4s ease-out;
}

/* Layer 2: Black Overlay (Ismein Mobile ka default aur Desktop ka hover logic hai) */
.elementor-1263 .elementor-element.elementor-element-d3deb41::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;

    /* Overlay ka color (50% black) */
    background-color: rgba(0, 0, 0, 0.5); /* Maine opacity 0.5 set ki hai */

    /* Default (Mobile/Tablet) par opacity 1 (50% black dikhega) */
    opacity: 1; 

    z-index: -1;
    transition: opacity 0.4s ease-out;
}


/* --- DESKTOP HOVER EFFECTS --- */

/* Sirf bari screens (Desktop/Laptop) par yeh changes apply honge */
@media (min-width: 1025px) {
    
    /* DESKTOP DEFAULT: Overlay ko chupa do */
    .elementor-1263 .elementor-element.elementor-element-d3deb41::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

    /* DESKTOP HOVER: Image Zoom */
    .elementor-1263 .elementor-element.elementor-element-d3deb41:hover::before {
        transform: scale(1.1); /* Zoom effect */
    }

    /* DESKTOP HOVER: Overlay dikha do */
    .elementor-1263 .elementor-element.elementor-element-d3deb41:hover::after {
        opacity: 1; /* Overlay fade-in hoga */
    }
}


/* --- CONTENT VISIBILITY LOGIC --- */

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1263 .elementor-element.elementor-element-d3deb41 .card-content {
    opacity: 1;
    transform: translatey(0);
    transition: none;
}


/* 2. DESKTOP Hover Logic: Content ko Chupa kar Hover par Dikhayein */
@media (min-width: 1025px) {
    
    /* Default Desktop State: Content chupa hua rahega */
    .elementor-1263 .elementor-element.elementor-element-d3deb41 .card-content {
        opacity: 0;
        transform: translatey(20px);
        transition: opacity 0.3s 0.1s ease-out, transform 0.3s 0.1s ease-out;
    }

    /* Desktop Hover State: Content dikh jayega */
    .elementor-1263 .elementor-element.elementor-element-d3deb41:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a85e91 *//* --- Background & Overlay Layers --- */

.elementor-1263 .elementor-element.elementor-element-4a85e91 {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1263 .elementor-element.elementor-element-4a85e91::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* ============================== */
    /* === APNI IMAGE KA URL YAHAN === */
    background-image: url('https://ecotechnoclean.ca/wp-content/uploads/2025/10/f55177fdb5fd7f7a49f69ca2f54a8d28.jpg');
    /* ============================== */
    
    background-size: cover;
    background-position: center center;
    
    z-index: -2;
    transform: scale(1);
    transition: transform 0.4s ease-out;
}

/* Layer 2: Black Overlay (Ismein Mobile ka default aur Desktop ka hover logic hai) */
.elementor-1263 .elementor-element.elementor-element-4a85e91::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;

    /* Overlay ka color (50% black) */
    background-color: rgba(0, 0, 0, 0.5); /* Maine opacity 0.5 set ki hai */

    /* Default (Mobile/Tablet) par opacity 1 (50% black dikhega) */
    opacity: 1; 

    z-index: -1;
    transition: opacity 0.4s ease-out;
}


/* --- DESKTOP HOVER EFFECTS --- */

/* Sirf bari screens (Desktop/Laptop) par yeh changes apply honge */
@media (min-width: 1025px) {
    
    /* DESKTOP DEFAULT: Overlay ko chupa do */
    .elementor-1263 .elementor-element.elementor-element-4a85e91::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

    /* DESKTOP HOVER: Image Zoom */
    .elementor-1263 .elementor-element.elementor-element-4a85e91:hover::before {
        transform: scale(1.1); /* Zoom effect */
    }

    /* DESKTOP HOVER: Overlay dikha do */
    .elementor-1263 .elementor-element.elementor-element-4a85e91:hover::after {
        opacity: 1; /* Overlay fade-in hoga */
    }
}


/* --- CONTENT VISIBILITY LOGIC --- */

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1263 .elementor-element.elementor-element-4a85e91 .card-content {
    opacity: 1;
    transform: translatey(0);
    transition: none;
}


/* 2. DESKTOP Hover Logic: Content ko Chupa kar Hover par Dikhayein */
@media (min-width: 1025px) {
    
    /* Default Desktop State: Content chupa hua rahega */
    .elementor-1263 .elementor-element.elementor-element-4a85e91 .card-content {
        opacity: 0;
        transform: translatey(20px);
        transition: opacity 0.3s 0.1s ease-out, transform 0.3s 0.1s ease-out;
    }

    /* Desktop Hover State: Content dikh jayega */
    .elementor-1263 .elementor-element.elementor-element-4a85e91:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c6b25e *//* --- Background & Overlay Layers --- */

.elementor-1263 .elementor-element.elementor-element-5c6b25e {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1263 .elementor-element.elementor-element-5c6b25e::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* ============================== */
    /* === APNI IMAGE KA URL YAHAN === */
    background-image: url('https://ecotechnoclean.ca/wp-content/uploads/2025/10/b9add869880877731c23dd19aeef8546.jpg');
    /* ============================== */
    
    background-size: cover;
    background-position: center center;
    
    z-index: -2;
    transform: scale(1);
    transition: transform 0.4s ease-out;
}

/* Layer 2: Black Overlay (Ismein Mobile ka default aur Desktop ka hover logic hai) */
.elementor-1263 .elementor-element.elementor-element-5c6b25e::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;

    /* Overlay ka color (50% black) */
    background-color: rgba(0, 0, 0, 0.5); /* Maine opacity 0.5 set ki hai */

    /* Default (Mobile/Tablet) par opacity 1 (50% black dikhega) */
    opacity: 1; 

    z-index: -1;
    transition: opacity 0.4s ease-out;
}


/* --- DESKTOP HOVER EFFECTS --- */

/* Sirf bari screens (Desktop/Laptop) par yeh changes apply honge */
@media (min-width: 1025px) {
    
    /* DESKTOP DEFAULT: Overlay ko chupa do */
    .elementor-1263 .elementor-element.elementor-element-5c6b25e::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

    /* DESKTOP HOVER: Image Zoom */
    .elementor-1263 .elementor-element.elementor-element-5c6b25e:hover::before {
        transform: scale(1.1); /* Zoom effect */
    }

    /* DESKTOP HOVER: Overlay dikha do */
    .elementor-1263 .elementor-element.elementor-element-5c6b25e:hover::after {
        opacity: 1; /* Overlay fade-in hoga */
    }
}


/* --- CONTENT VISIBILITY LOGIC --- */

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1263 .elementor-element.elementor-element-5c6b25e .card-content {
    opacity: 1;
    transform: translatey(0);
    transition: none;
}


/* 2. DESKTOP Hover Logic: Content ko Chupa kar Hover par Dikhayein */
@media (min-width: 1025px) {
    
    /* Default Desktop State: Content chupa hua rahega */
    .elementor-1263 .elementor-element.elementor-element-5c6b25e .card-content {
        opacity: 0;
        transform: translatey(20px);
        transition: opacity 0.3s 0.1s ease-out, transform 0.3s 0.1s ease-out;
    }

    /* Desktop Hover State: Content dikh jayega */
    .elementor-1263 .elementor-element.elementor-element-5c6b25e:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d04250 *//* --- Background & Overlay Layers --- */

.elementor-1263 .elementor-element.elementor-element-2d04250 {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1263 .elementor-element.elementor-element-2d04250::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* ============================== */
    /* === APNI IMAGE KA URL YAHAN === */
    background-image: url('https://ecotechnoclean.ca/wp-content/uploads/2025/10/07d0a5ae2d0cdb97a79e3557a6c9c304.jpg');
    /* ============================== */
    
    background-size: cover;
    background-position: center center;
    
    z-index: -2;
    transform: scale(1);
    transition: transform 0.4s ease-out;
}

/* Layer 2: Black Overlay (Ismein Mobile ka default aur Desktop ka hover logic hai) */
.elementor-1263 .elementor-element.elementor-element-2d04250::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;

    /* Overlay ka color (50% black) */
    background-color: rgba(0, 0, 0, 0.5); /* Maine opacity 0.5 set ki hai */

    /* Default (Mobile/Tablet) par opacity 1 (50% black dikhega) */
    opacity: 1; 

    z-index: -1;
    transition: opacity 0.4s ease-out;
}


/* --- DESKTOP HOVER EFFECTS --- */

/* Sirf bari screens (Desktop/Laptop) par yeh changes apply honge */
@media (min-width: 1025px) {
    
    /* DESKTOP DEFAULT: Overlay ko chupa do */
    .elementor-1263 .elementor-element.elementor-element-2d04250::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

    /* DESKTOP HOVER: Image Zoom */
    .elementor-1263 .elementor-element.elementor-element-2d04250:hover::before {
        transform: scale(1.1); /* Zoom effect */
    }

    /* DESKTOP HOVER: Overlay dikha do */
    .elementor-1263 .elementor-element.elementor-element-2d04250:hover::after {
        opacity: 1; /* Overlay fade-in hoga */
    }
}


/* --- CONTENT VISIBILITY LOGIC --- */

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1263 .elementor-element.elementor-element-2d04250 .card-content {
    opacity: 1;
    transform: translatey(0);
    transition: none;
}


/* 2. DESKTOP Hover Logic: Content ko Chupa kar Hover par Dikhayein */
@media (min-width: 1025px) {
    
    /* Default Desktop State: Content chupa hua rahega */
    .elementor-1263 .elementor-element.elementor-element-2d04250 .card-content {
        opacity: 0;
        transform: translatey(20px);
        transition: opacity 0.3s 0.1s ease-out, transform 0.3s 0.1s ease-out;
    }

    /* Desktop Hover State: Content dikh jayega */
    .elementor-1263 .elementor-element.elementor-element-2d04250:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */