.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-1229 .elementor-element.elementor-element-b66ec92{--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-1229 .elementor-element.elementor-element-b66ec92:not(.elementor-motion-effects-element-type-background), .elementor-1229 .elementor-element.elementor-element-b66ec92 > .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-1229 .elementor-element.elementor-element-b66ec92::before, .elementor-1229 .elementor-element.elementor-element-b66ec92 > .elementor-background-video-container::before, .elementor-1229 .elementor-element.elementor-element-b66ec92 > .e-con-inner > .elementor-background-video-container::before, .elementor-1229 .elementor-element.elementor-element-b66ec92 > .elementor-background-slideshow::before, .elementor-1229 .elementor-element.elementor-element-b66ec92 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1229 .elementor-element.elementor-element-b66ec92 > .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-1229 .elementor-element.elementor-element-b10d572{text-align:center;}.elementor-1229 .elementor-element.elementor-element-b10d572 .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-1229 .elementor-element.elementor-element-01aff54{width:var( --container-widget-width, 69% );max-width:69%;--container-widget-width:69%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-1229 .elementor-element.elementor-element-01aff54 p{margin-block-end:0px;}.elementor-1229 .elementor-element.elementor-element-4fd3978{--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-1229 .elementor-element.elementor-element-0b90976{--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-1229 .elementor-element.elementor-element-0b90976:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1229 .elementor-element.elementor-element-a4ffb17{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1229 .elementor-element.elementor-element-a4ffb17 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1229 .elementor-element.elementor-element-484707f{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-1229 .elementor-element.elementor-element-484707f p{margin-block-end:1px;}.elementor-1229 .elementor-element.elementor-element-c0ede3e{--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-1229 .elementor-element.elementor-element-c0ede3e:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1229 .elementor-element.elementor-element-951d1b3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1229 .elementor-element.elementor-element-951d1b3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1229 .elementor-element.elementor-element-128f788{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-1229 .elementor-element.elementor-element-128f788 p{margin-block-end:1px;}.elementor-1229 .elementor-element.elementor-element-82bfc2d{--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-1229 .elementor-element.elementor-element-82bfc2d:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1229 .elementor-element.elementor-element-1b2e5ec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1229 .elementor-element.elementor-element-1b2e5ec .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1229 .elementor-element.elementor-element-9276421{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-1229 .elementor-element.elementor-element-9276421 p{margin-block-end:1px;}.elementor-1229 .elementor-element.elementor-element-e7a5d3d{--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-1229 .elementor-element.elementor-element-fc025b4{--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-1229 .elementor-element.elementor-element-fc025b4:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1229 .elementor-element.elementor-element-da22e78{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1229 .elementor-element.elementor-element-da22e78 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1229 .elementor-element.elementor-element-475374c{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-1229 .elementor-element.elementor-element-475374c p{margin-block-end:1px;}.elementor-1229 .elementor-element.elementor-element-d22c709{--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-1229 .elementor-element.elementor-element-d22c709:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1229 .elementor-element.elementor-element-3613c34{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1229 .elementor-element.elementor-element-3613c34 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1229 .elementor-element.elementor-element-06792bc{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-1229 .elementor-element.elementor-element-06792bc p{margin-block-end:1px;}.elementor-1229 .elementor-element.elementor-element-ceb19ff{--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-1229 .elementor-element.elementor-element-ceb19ff:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1229 .elementor-element.elementor-element-7d40bd6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1229 .elementor-element.elementor-element-7d40bd6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1229 .elementor-element.elementor-element-d3e232c{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-1229 .elementor-element.elementor-element-d3e232c p{margin-block-end:1px;}.elementor-1229 .elementor-element.elementor-element-2865476{--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-1229 .elementor-element.elementor-element-d17da23{--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-1229 .elementor-element.elementor-element-d17da23:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-1229 .elementor-element.elementor-element-b3ba6cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1229 .elementor-element.elementor-element-b3ba6cd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#FFB748;}.elementor-1229 .elementor-element.elementor-element-103282e{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-1229 .elementor-element.elementor-element-103282e p{margin-block-end:1px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1229 .elementor-element.elementor-element-0b90976{--width:100%;--min-height:1vh;}.elementor-1229 .elementor-element.elementor-element-c0ede3e{--width:100%;--min-height:1vh;}.elementor-1229 .elementor-element.elementor-element-82bfc2d{--width:100%;--min-height:1vh;}.elementor-1229 .elementor-element.elementor-element-fc025b4{--width:100%;--min-height:1vh;}.elementor-1229 .elementor-element.elementor-element-d22c709{--width:100%;--min-height:1vh;}.elementor-1229 .elementor-element.elementor-element-ceb19ff{--width:100%;--min-height:1vh;}.elementor-1229 .elementor-element.elementor-element-d17da23{--width:100%;--min-height:1vh;}}@media(min-width:768px){.elementor-1229 .elementor-element.elementor-element-b66ec92{--content-width:100%;}.elementor-1229 .elementor-element.elementor-element-0b90976{--width:33%;}.elementor-1229 .elementor-element.elementor-element-c0ede3e{--width:33%;}.elementor-1229 .elementor-element.elementor-element-82bfc2d{--width:33%;}.elementor-1229 .elementor-element.elementor-element-fc025b4{--width:33%;}.elementor-1229 .elementor-element.elementor-element-d22c709{--width:33%;}.elementor-1229 .elementor-element.elementor-element-ceb19ff{--width:33%;}.elementor-1229 .elementor-element.elementor-element-d17da23{--width:33%;}}/* Start custom CSS for container, class: .elementor-element-0b90976 *//* --- Background & Overlay Layers --- */

.elementor-1229 .elementor-element.elementor-element-0b90976 {
    position: relative;
}

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

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

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


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

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

.elementor-1229 .elementor-element.elementor-element-c0ede3e {
    position: relative;
}

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

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

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


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

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

.elementor-1229 .elementor-element.elementor-element-82bfc2d {
    position: relative;
}

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

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

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


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

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

.elementor-1229 .elementor-element.elementor-element-fc025b4 {
    position: relative;
}

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

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

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


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

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

.elementor-1229 .elementor-element.elementor-element-d22c709 {
    position: relative;
}

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

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

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


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

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

.elementor-1229 .elementor-element.elementor-element-ceb19ff {
    position: relative;
}

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

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

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


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

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

.elementor-1229 .elementor-element.elementor-element-d17da23 {
    position: relative;
}

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

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

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


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

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