.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-1257 .elementor-element.elementor-element-7d2ebc6{--display:flex;--min-height:67vh;--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-1257 .elementor-element.elementor-element-7d2ebc6:not(.elementor-motion-effects-element-type-background), .elementor-1257 .elementor-element.elementor-element-7d2ebc6 > .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-1257 .elementor-element.elementor-element-7d2ebc6::before, .elementor-1257 .elementor-element.elementor-element-7d2ebc6 > .elementor-background-video-container::before, .elementor-1257 .elementor-element.elementor-element-7d2ebc6 > .e-con-inner > .elementor-background-video-container::before, .elementor-1257 .elementor-element.elementor-element-7d2ebc6 > .elementor-background-slideshow::before, .elementor-1257 .elementor-element.elementor-element-7d2ebc6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1257 .elementor-element.elementor-element-7d2ebc6 > .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-1257 .elementor-element.elementor-element-8119a75{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;}.elementor-1257 .elementor-element.elementor-element-8119a75 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:70px;font-weight:600;color:#FFFFFF;}.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-1257 .elementor-element.elementor-element-15c8493{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#FFFCFC;}.elementor-1257 .elementor-element.elementor-element-15c8493 p{margin-block-end:0px;}.elementor-1257 .elementor-element.elementor-element-c33557e{--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-1257 .elementor-element.elementor-element-fb58251{--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-1257 .elementor-element.elementor-element-fb58251:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1257 .elementor-element.elementor-element-2fca762{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1257 .elementor-element.elementor-element-2fca762 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1257 .elementor-element.elementor-element-2d166bf{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-1257 .elementor-element.elementor-element-2d166bf p{margin-block-end:1px;}.elementor-1257 .elementor-element.elementor-element-ea62f5d{--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-1257 .elementor-element.elementor-element-ea62f5d:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1257 .elementor-element.elementor-element-ee05305{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1257 .elementor-element.elementor-element-ee05305 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1257 .elementor-element.elementor-element-f72fa7e{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-1257 .elementor-element.elementor-element-f72fa7e p{margin-block-end:1px;}.elementor-1257 .elementor-element.elementor-element-b910c54{--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-1257 .elementor-element.elementor-element-b910c54:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1257 .elementor-element.elementor-element-291f46c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1257 .elementor-element.elementor-element-291f46c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1257 .elementor-element.elementor-element-cd145eb{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-1257 .elementor-element.elementor-element-cd145eb p{margin-block-end:1px;}.elementor-1257 .elementor-element.elementor-element-ba135e7{--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-1257 .elementor-element.elementor-element-ad8fccb{--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-1257 .elementor-element.elementor-element-ad8fccb:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1257 .elementor-element.elementor-element-1617c00{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1257 .elementor-element.elementor-element-1617c00 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1257 .elementor-element.elementor-element-7db1218{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-1257 .elementor-element.elementor-element-7db1218 p{margin-block-end:1px;}.elementor-1257 .elementor-element.elementor-element-d393c97{--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-1257 .elementor-element.elementor-element-d393c97:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1257 .elementor-element.elementor-element-06985d5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1257 .elementor-element.elementor-element-06985d5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1257 .elementor-element.elementor-element-2787a3e{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-1257 .elementor-element.elementor-element-2787a3e p{margin-block-end:1px;}.elementor-1257 .elementor-element.elementor-element-ad56691{--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-1257 .elementor-element.elementor-element-ad56691:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1257 .elementor-element.elementor-element-3231377{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1257 .elementor-element.elementor-element-3231377 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1257 .elementor-element.elementor-element-3b137d4{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-1257 .elementor-element.elementor-element-3b137d4 p{margin-block-end:1px;}.elementor-1257 .elementor-element.elementor-element-81d2158{--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-1257 .elementor-element.elementor-element-b9fcfc8{--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-1257 .elementor-element.elementor-element-b9fcfc8:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1257 .elementor-element.elementor-element-b916f90{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1257 .elementor-element.elementor-element-b916f90 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1257 .elementor-element.elementor-element-d90c69b{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-1257 .elementor-element.elementor-element-d90c69b p{margin-block-end:1px;}@media(max-width:767px){.elementor-1257 .elementor-element.elementor-element-fb58251{--width:100%;--min-height:1vh;}.elementor-1257 .elementor-element.elementor-element-ea62f5d{--width:100%;--min-height:1vh;}.elementor-1257 .elementor-element.elementor-element-b910c54{--width:100%;--min-height:1vh;}.elementor-1257 .elementor-element.elementor-element-ad8fccb{--width:100%;--min-height:1vh;}.elementor-1257 .elementor-element.elementor-element-d393c97{--width:100%;--min-height:1vh;}.elementor-1257 .elementor-element.elementor-element-ad56691{--width:100%;--min-height:1vh;}.elementor-1257 .elementor-element.elementor-element-b9fcfc8{--width:100%;--min-height:1vh;}}@media(min-width:768px){.elementor-1257 .elementor-element.elementor-element-7d2ebc6{--content-width:100%;}.elementor-1257 .elementor-element.elementor-element-fb58251{--width:33%;}.elementor-1257 .elementor-element.elementor-element-ea62f5d{--width:33%;}.elementor-1257 .elementor-element.elementor-element-b910c54{--width:33%;}.elementor-1257 .elementor-element.elementor-element-ad8fccb{--width:33%;}.elementor-1257 .elementor-element.elementor-element-d393c97{--width:33%;}.elementor-1257 .elementor-element.elementor-element-ad56691{--width:33%;}.elementor-1257 .elementor-element.elementor-element-b9fcfc8{--width:33%;}}/* Start custom CSS for container, class: .elementor-element-fb58251 *//* --- Background & Overlay Layers --- */

.elementor-1257 .elementor-element.elementor-element-fb58251 {
    position: relative;
}

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

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

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


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

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

.elementor-1257 .elementor-element.elementor-element-ea62f5d {
    position: relative;
}

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

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

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


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

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

.elementor-1257 .elementor-element.elementor-element-b910c54 {
    position: relative;
}

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

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

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


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

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

.elementor-1257 .elementor-element.elementor-element-ad8fccb {
    position: relative;
}

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

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

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


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

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

.elementor-1257 .elementor-element.elementor-element-d393c97 {
    position: relative;
}

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

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

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


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

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

.elementor-1257 .elementor-element.elementor-element-ad56691 {
    position: relative;
}

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

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

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


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

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

.elementor-1257 .elementor-element.elementor-element-b9fcfc8 {
    position: relative;
}

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

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

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


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

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