.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-1258 .elementor-element.elementor-element-0598f57{--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-1258 .elementor-element.elementor-element-0598f57:not(.elementor-motion-effects-element-type-background), .elementor-1258 .elementor-element.elementor-element-0598f57 > .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-1258 .elementor-element.elementor-element-0598f57::before, .elementor-1258 .elementor-element.elementor-element-0598f57 > .elementor-background-video-container::before, .elementor-1258 .elementor-element.elementor-element-0598f57 > .e-con-inner > .elementor-background-video-container::before, .elementor-1258 .elementor-element.elementor-element-0598f57 > .elementor-background-slideshow::before, .elementor-1258 .elementor-element.elementor-element-0598f57 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1258 .elementor-element.elementor-element-0598f57 > .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-1258 .elementor-element.elementor-element-4e18df8{width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;text-align:center;}.elementor-1258 .elementor-element.elementor-element-4e18df8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:70px;font-weight:700;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-1258 .elementor-element.elementor-element-e2e99a5{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#FFFEFE;}.elementor-1258 .elementor-element.elementor-element-e2e99a5 p{margin-block-end:0px;}.elementor-1258 .elementor-element.elementor-element-a84e6cf{--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-1258 .elementor-element.elementor-element-4f295ef{--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-1258 .elementor-element.elementor-element-4f295ef:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1258 .elementor-element.elementor-element-b4cdf0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1258 .elementor-element.elementor-element-b4cdf0a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1258 .elementor-element.elementor-element-bc4bb68{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-1258 .elementor-element.elementor-element-bc4bb68 p{margin-block-end:1px;}.elementor-1258 .elementor-element.elementor-element-c525b19{--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-1258 .elementor-element.elementor-element-c525b19:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1258 .elementor-element.elementor-element-8d1abfe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1258 .elementor-element.elementor-element-8d1abfe .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1258 .elementor-element.elementor-element-ac4e59c{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-1258 .elementor-element.elementor-element-ac4e59c p{margin-block-end:1px;}.elementor-1258 .elementor-element.elementor-element-3f93e23{--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-1258 .elementor-element.elementor-element-3f93e23:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1258 .elementor-element.elementor-element-b9a36c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1258 .elementor-element.elementor-element-b9a36c5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1258 .elementor-element.elementor-element-6d5d3dd{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-1258 .elementor-element.elementor-element-6d5d3dd p{margin-block-end:1px;}.elementor-1258 .elementor-element.elementor-element-0a0f553{--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-1258 .elementor-element.elementor-element-f028cb7{--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-1258 .elementor-element.elementor-element-f028cb7:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1258 .elementor-element.elementor-element-b448749{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1258 .elementor-element.elementor-element-b448749 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1258 .elementor-element.elementor-element-2d41dcd{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-1258 .elementor-element.elementor-element-2d41dcd p{margin-block-end:1px;}.elementor-1258 .elementor-element.elementor-element-781bf9c{--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-1258 .elementor-element.elementor-element-781bf9c:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1258 .elementor-element.elementor-element-6359846{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1258 .elementor-element.elementor-element-6359846 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1258 .elementor-element.elementor-element-c9f1d3a{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-1258 .elementor-element.elementor-element-c9f1d3a p{margin-block-end:1px;}.elementor-1258 .elementor-element.elementor-element-1a3bfb6{--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-1258 .elementor-element.elementor-element-1a3bfb6:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1258 .elementor-element.elementor-element-35bc2dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1258 .elementor-element.elementor-element-35bc2dc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1258 .elementor-element.elementor-element-b8e5092{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-1258 .elementor-element.elementor-element-b8e5092 p{margin-block-end:1px;}.elementor-1258 .elementor-element.elementor-element-327a17c{--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-1258 .elementor-element.elementor-element-3ed90cc{--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-1258 .elementor-element.elementor-element-3ed90cc:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1258 .elementor-element.elementor-element-7ec128e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1258 .elementor-element.elementor-element-7ec128e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1258 .elementor-element.elementor-element-37a0d2e{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-1258 .elementor-element.elementor-element-37a0d2e p{margin-block-end:1px;}@media(max-width:767px){.elementor-1258 .elementor-element.elementor-element-4f295ef{--width:100%;--min-height:1vh;}.elementor-1258 .elementor-element.elementor-element-c525b19{--width:100%;--min-height:1vh;}.elementor-1258 .elementor-element.elementor-element-3f93e23{--width:100%;--min-height:1vh;}.elementor-1258 .elementor-element.elementor-element-f028cb7{--width:100%;--min-height:1vh;}.elementor-1258 .elementor-element.elementor-element-781bf9c{--width:100%;--min-height:1vh;}.elementor-1258 .elementor-element.elementor-element-1a3bfb6{--width:100%;--min-height:1vh;}.elementor-1258 .elementor-element.elementor-element-3ed90cc{--width:100%;--min-height:1vh;}}@media(min-width:768px){.elementor-1258 .elementor-element.elementor-element-0598f57{--content-width:100%;}.elementor-1258 .elementor-element.elementor-element-4f295ef{--width:33%;}.elementor-1258 .elementor-element.elementor-element-c525b19{--width:33%;}.elementor-1258 .elementor-element.elementor-element-3f93e23{--width:33%;}.elementor-1258 .elementor-element.elementor-element-f028cb7{--width:33%;}.elementor-1258 .elementor-element.elementor-element-781bf9c{--width:33%;}.elementor-1258 .elementor-element.elementor-element-1a3bfb6{--width:33%;}.elementor-1258 .elementor-element.elementor-element-3ed90cc{--width:33%;}}/* Start custom CSS for container, class: .elementor-element-4f295ef *//* --- Background & Overlay Layers --- */

.elementor-1258 .elementor-element.elementor-element-4f295ef {
    position: relative;
}

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

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

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


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

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

.elementor-1258 .elementor-element.elementor-element-c525b19 {
    position: relative;
}

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

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

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


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

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

.elementor-1258 .elementor-element.elementor-element-3f93e23 {
    position: relative;
}

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

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

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


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

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

.elementor-1258 .elementor-element.elementor-element-f028cb7 {
    position: relative;
}

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

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

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


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

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

.elementor-1258 .elementor-element.elementor-element-781bf9c {
    position: relative;
}

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

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

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


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

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

.elementor-1258 .elementor-element.elementor-element-1a3bfb6 {
    position: relative;
}

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

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

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


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

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

.elementor-1258 .elementor-element.elementor-element-3ed90cc {
    position: relative;
}

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

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

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


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

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