.elementor-8 .elementor-element.elementor-element-b398217{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-b398217:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-b398217 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.deenmuhammad.com/wp-content/uploads/2026/09/10001.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-7d0d494{--display:flex;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.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-8 .elementor-element.elementor-element-d437ba0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:80px;font-weight:700;text-transform:uppercase;line-height:80px;color:#000000;}.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-8 .elementor-element.elementor-element-5d0c0bf{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-e08de5d .elementor-button{background-color:var( --e-global-color-8cfc59a );border-radius:300px 300px 300px 300px;padding:20px 40px 20px 40px;}.elementor-8 .elementor-element.elementor-element-1ae430f{--display:flex;}.elementor-8 .elementor-element.elementor-element-aead1e3{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-b69c187 img{width:80%;}.elementor-8 .elementor-element.elementor-element-d5bfb8c{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-b398217{--content-width:1280px;}}/* Start custom CSS for container, class: .elementor-element-aead1e3 *//* =====================================================
   VACUUM MACHINE
   CLEAN BASE SYSTEM
===================================================== */

.hero-machine {
    position: relative !important;
    width: 100% !important;
    height: 620px !important;
    overflow: visible !important;
}


/* =====================================================
   VACUUM
===================================================== */

.hero-vacuum {
    position: absolute !important;

    width: 500px !important;
    max-width: none !important;

    right: 50px !important;
    top: 35px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 5 !important;

    transform: translateX(0);
}

.hero-vacuum img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}


/* =====================================================
   BIG WHEEL
===================================================== */

.hero-big-wheel {
    position: absolute !important;

    width: 76px !important;
    height: 76px !important;

    right: 107px !important;
    top: 425px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 20 !important;

    transform-origin: center center;
}

.hero-big-wheel img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: contain !important;
}


/* =====================================================
   SMALL WHEEL
===================================================== */

.hero-small-wheel {
    position: absolute !important;

    width: 25px !important;
    height: 25px !important;

    right: 255px !important;
    top: 478px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 20 !important;

    transform-origin: center center;
}

.hero-small-wheel img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: contain !important;
}


/* =====================================================
   DESKTOP
===================================================== */

@media (min-width: 1367px) {

    .hero-machine {
        height: 680px !important;
    }

    .hero-vacuum {
        width: 500px !important;
        right: 50px !important;
        top: 35px !important;
    }

    .hero-big-wheel {
        width: 76px !important;
        height: 76px !important;

        right: 107px !important;
        top: 425px !important;
    }

    .hero-small-wheel {
        width: 25px !important;
        height: 25px !important;

        right: 255px !important;
        top: 478px !important;
    }
}


/* =====================================================
   LAPTOP
===================================================== */

@media (min-width: 1025px) and (max-width: 1366px) {

    .hero-machine {
        height: 580px !important;
    }

    .hero-vacuum {
        width: 450px !important;
        right: 20px !important;
        top: 30px !important;
    }

    .hero-big-wheel {
        width: 68px !important;
        height: 68px !important;

        right: 85px !important;
        top: 385px !important;
    }

    .hero-small-wheel {
        width: 23px !important;
        height: 23px !important;

        right: 220px !important;
        top: 430px !important;
    }
}


/* =====================================================
   TABLET
===================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .hero-machine {
        height: 500px !important;
    }

    .hero-vacuum {
        width: 400px !important;
        right: -10px !important;
        top: 20px !important;
    }

    .hero-big-wheel {
        width: 60px !important;
        height: 60px !important;

        right: 60px !important;
        top: 335px !important;
    }

    .hero-small-wheel {
        width: 20px !important;
        height: 20px !important;

        right: 190px !important;
        top: 375px !important;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .hero-machine {
        height: 380px !important;
    }

    .hero-vacuum {
        width: 320px !important;
        right: -35px !important;
        top: 10px !important;
    }

    .hero-big-wheel {
        width: 48px !important;
        height: 48px !important;

        right: 48px !important;
        top: 275px !important;
    }

    .hero-small-wheel {
        width: 17px !important;
        height: 17px !important;

        right: 155px !important;
        top: 307px !important;
    }
}/* End custom CSS */