.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-1259 .elementor-element.elementor-element-04ae147{--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-1259 .elementor-element.elementor-element-04ae147:not(.elementor-motion-effects-element-type-background), .elementor-1259 .elementor-element.elementor-element-04ae147 > .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-1259 .elementor-element.elementor-element-04ae147::before, .elementor-1259 .elementor-element.elementor-element-04ae147 > .elementor-background-video-container::before, .elementor-1259 .elementor-element.elementor-element-04ae147 > .e-con-inner > .elementor-background-video-container::before, .elementor-1259 .elementor-element.elementor-element-04ae147 > .elementor-background-slideshow::before, .elementor-1259 .elementor-element.elementor-element-04ae147 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1259 .elementor-element.elementor-element-04ae147 > .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-1259 .elementor-element.elementor-element-40d0d27{text-align:center;}.elementor-1259 .elementor-element.elementor-element-40d0d27 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-1259 .elementor-element.elementor-element-4064274{--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-1259 .elementor-element.elementor-element-5189536{--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-1259 .elementor-element.elementor-element-5189536:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1259 .elementor-element.elementor-element-f17ae7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1259 .elementor-element.elementor-element-f17ae7c .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-1259 .elementor-element.elementor-element-20ed0b0{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-1259 .elementor-element.elementor-element-20ed0b0 p{margin-block-end:1px;}.elementor-1259 .elementor-element.elementor-element-0dee76d{--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-1259 .elementor-element.elementor-element-0dee76d:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1259 .elementor-element.elementor-element-9799b6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1259 .elementor-element.elementor-element-9799b6c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1259 .elementor-element.elementor-element-a8d1326{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-1259 .elementor-element.elementor-element-a8d1326 p{margin-block-end:1px;}.elementor-1259 .elementor-element.elementor-element-788f6c8{--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-1259 .elementor-element.elementor-element-788f6c8:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1259 .elementor-element.elementor-element-68b3a57{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1259 .elementor-element.elementor-element-68b3a57 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1259 .elementor-element.elementor-element-ff986fd{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-1259 .elementor-element.elementor-element-ff986fd p{margin-block-end:1px;}.elementor-1259 .elementor-element.elementor-element-b09221e{--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-1259 .elementor-element.elementor-element-2e947c4{--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-1259 .elementor-element.elementor-element-2e947c4:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1259 .elementor-element.elementor-element-5293039{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1259 .elementor-element.elementor-element-5293039 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1259 .elementor-element.elementor-element-b5a1299{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-1259 .elementor-element.elementor-element-b5a1299 p{margin-block-end:1px;}.elementor-1259 .elementor-element.elementor-element-d5822a6{--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-1259 .elementor-element.elementor-element-d5822a6:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1259 .elementor-element.elementor-element-b10219a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1259 .elementor-element.elementor-element-b10219a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1259 .elementor-element.elementor-element-92a3b1e{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-1259 .elementor-element.elementor-element-92a3b1e p{margin-block-end:1px;}.elementor-1259 .elementor-element.elementor-element-b5a4bb2{--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-1259 .elementor-element.elementor-element-b5a4bb2:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1259 .elementor-element.elementor-element-9f23277{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1259 .elementor-element.elementor-element-9f23277 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1259 .elementor-element.elementor-element-8c2c5f4{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-1259 .elementor-element.elementor-element-8c2c5f4 p{margin-block-end:1px;}.elementor-1259 .elementor-element.elementor-element-53e1f3e{--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-1259 .elementor-element.elementor-element-44767a7{--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-1259 .elementor-element.elementor-element-44767a7:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1259 .elementor-element.elementor-element-be15d55{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1259 .elementor-element.elementor-element-be15d55 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1259 .elementor-element.elementor-element-7369b31{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-1259 .elementor-element.elementor-element-7369b31 p{margin-block-end:1px;}@media(max-width:767px){.elementor-1259 .elementor-element.elementor-element-5189536{--width:100%;--min-height:1vh;}.elementor-1259 .elementor-element.elementor-element-0dee76d{--width:100%;--min-height:1vh;}.elementor-1259 .elementor-element.elementor-element-788f6c8{--width:100%;--min-height:1vh;}.elementor-1259 .elementor-element.elementor-element-2e947c4{--width:100%;--min-height:1vh;}.elementor-1259 .elementor-element.elementor-element-d5822a6{--width:100%;--min-height:1vh;}.elementor-1259 .elementor-element.elementor-element-b5a4bb2{--width:100%;--min-height:1vh;}.elementor-1259 .elementor-element.elementor-element-44767a7{--width:100%;--min-height:1vh;}}@media(min-width:768px){.elementor-1259 .elementor-element.elementor-element-04ae147{--content-width:100%;}.elementor-1259 .elementor-element.elementor-element-5189536{--width:33%;}.elementor-1259 .elementor-element.elementor-element-0dee76d{--width:33%;}.elementor-1259 .elementor-element.elementor-element-788f6c8{--width:33%;}.elementor-1259 .elementor-element.elementor-element-2e947c4{--width:33%;}.elementor-1259 .elementor-element.elementor-element-d5822a6{--width:33%;}.elementor-1259 .elementor-element.elementor-element-b5a4bb2{--width:33%;}.elementor-1259 .elementor-element.elementor-element-44767a7{--width:33%;}}/* Start custom CSS for container, class: .elementor-element-5189536 *//* --- Background & Overlay Layers --- */

.elementor-1259 .elementor-element.elementor-element-5189536 {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1259 .elementor-element.elementor-element-5189536::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-1259 .elementor-element.elementor-element-5189536::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-1259 .elementor-element.elementor-element-5189536::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

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

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


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

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1259 .elementor-element.elementor-element-5189536 .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-1259 .elementor-element.elementor-element-5189536 .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-1259 .elementor-element.elementor-element-5189536:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0dee76d *//* --- Background & Overlay Layers --- */

.elementor-1259 .elementor-element.elementor-element-0dee76d {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1259 .elementor-element.elementor-element-0dee76d::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-1259 .elementor-element.elementor-element-0dee76d::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-1259 .elementor-element.elementor-element-0dee76d::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

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

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


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

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1259 .elementor-element.elementor-element-0dee76d .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-1259 .elementor-element.elementor-element-0dee76d .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-1259 .elementor-element.elementor-element-0dee76d:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-788f6c8 *//* --- Background & Overlay Layers --- */

.elementor-1259 .elementor-element.elementor-element-788f6c8 {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1259 .elementor-element.elementor-element-788f6c8::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-1259 .elementor-element.elementor-element-788f6c8::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-1259 .elementor-element.elementor-element-788f6c8::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

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

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


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

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1259 .elementor-element.elementor-element-788f6c8 .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-1259 .elementor-element.elementor-element-788f6c8 .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-1259 .elementor-element.elementor-element-788f6c8:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e947c4 *//* --- Background & Overlay Layers --- */

.elementor-1259 .elementor-element.elementor-element-2e947c4 {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1259 .elementor-element.elementor-element-2e947c4::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-1259 .elementor-element.elementor-element-2e947c4::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-1259 .elementor-element.elementor-element-2e947c4::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

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

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


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

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1259 .elementor-element.elementor-element-2e947c4 .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-1259 .elementor-element.elementor-element-2e947c4 .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-1259 .elementor-element.elementor-element-2e947c4:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5822a6 *//* --- Background & Overlay Layers --- */

.elementor-1259 .elementor-element.elementor-element-d5822a6 {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1259 .elementor-element.elementor-element-d5822a6::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-1259 .elementor-element.elementor-element-d5822a6::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-1259 .elementor-element.elementor-element-d5822a6::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

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

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


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

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1259 .elementor-element.elementor-element-d5822a6 .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-1259 .elementor-element.elementor-element-d5822a6 .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-1259 .elementor-element.elementor-element-d5822a6:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5a4bb2 *//* --- Background & Overlay Layers --- */

.elementor-1259 .elementor-element.elementor-element-b5a4bb2 {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1259 .elementor-element.elementor-element-b5a4bb2::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-1259 .elementor-element.elementor-element-b5a4bb2::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-1259 .elementor-element.elementor-element-b5a4bb2::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

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

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


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

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1259 .elementor-element.elementor-element-b5a4bb2 .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-1259 .elementor-element.elementor-element-b5a4bb2 .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-1259 .elementor-element.elementor-element-b5a4bb2:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44767a7 *//* --- Background & Overlay Layers --- */

.elementor-1259 .elementor-element.elementor-element-44767a7 {
    position: relative;
}

/* Layer 1: Background Image */
.elementor-1259 .elementor-element.elementor-element-44767a7::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-1259 .elementor-element.elementor-element-44767a7::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-1259 .elementor-element.elementor-element-44767a7::after {
        opacity: 0; /* Desktop par shuru mein transparent rahega */
    }

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

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


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

/* 1. MOBILE/TABLET Default State: Content Hamesha Dikhayein (No movement) */
.elementor-1259 .elementor-element.elementor-element-44767a7 .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-1259 .elementor-element.elementor-element-44767a7 .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-1259 .elementor-element.elementor-element-44767a7:hover .card-content {
        opacity: 1;
        transform: translatey(0);
    }
}/* End custom CSS */