.elementor-3 .elementor-element.elementor-element-2ed5596b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3 .elementor-element.elementor-element-2ed5596b:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-2ed5596b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cleaningtools.lk/wp-content/uploads/2026/09/ChatGPT-Image-Sep-4-2026-10_39_59-AM.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-3 .elementor-element.elementor-element-2ed5596b > .elementor-container{min-height:500px;}.elementor-3 .elementor-element.elementor-element-2ed5596b > .elementor-background-overlay{opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3 .elementor-element.elementor-element-2ed5596b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3 .elementor-element.elementor-element-6611740 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-3 .elementor-element.elementor-element-6611740 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 30px 20px 0px;}.elementor-3 .elementor-element.elementor-element-6611740 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3 .elementor-element.elementor-element-40361f4a{width:var( --container-widget-width, 109.409% );max-width:109.409%;--container-widget-width:109.409%;--container-widget-flex-grow:0;text-align:start;}.elementor-3 .elementor-element.elementor-element-40361f4a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3 .elementor-element.elementor-element-40361f4a .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;line-height:1.1em;color:var( --e-global-color-secondary );}.elementor-3 .elementor-element.elementor-element-46aaa677{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 5px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3 .elementor-element.elementor-element-46aaa677 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-3 .elementor-element.elementor-element-46aaa677 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-3 .elementor-element.elementor-element-46aaa677 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-3 .elementor-element.elementor-element-46aaa677 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-3 .elementor-element.elementor-element-46aaa677 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3 .elementor-element.elementor-element-46aaa677 .elementor-icon-list-item > a{font-family:"Times New Roman", Sans-serif;font-size:20px;}.elementor-3 .elementor-element.elementor-element-46aaa677 .elementor-icon-list-text{color:var( --e-global-color-57a29b1 );transition:color 0.3s;}.elementor-3 .elementor-element.elementor-element-46aaa677 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-fc28385 );}.elementor-3 .elementor-element.elementor-element-2fbca6a1{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-2fbca6a1:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-2fbca6a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(270deg, var( --e-global-color-57a29b1 ) 0%, var( --e-global-color-ad41708 ) 40%);}.elementor-3 .elementor-element.elementor-element-2fbca6a1::before, .elementor-3 .elementor-element.elementor-element-2fbca6a1 > .elementor-background-video-container::before, .elementor-3 .elementor-element.elementor-element-2fbca6a1 > .e-con-inner > .elementor-background-video-container::before, .elementor-3 .elementor-element.elementor-element-2fbca6a1 > .elementor-background-slideshow::before, .elementor-3 .elementor-element.elementor-element-2fbca6a1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3 .elementor-element.elementor-element-2fbca6a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3 .elementor-element.elementor-element-d8e6451{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3 .elementor-element.elementor-element-6611740{width:100%;}}@media(max-width:1024px){.elementor-3 .elementor-element.elementor-element-2ed5596b > .elementor-container{min-height:350px;}.elementor-3 .elementor-element.elementor-element-40361f4a .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-3 .elementor-element.elementor-element-2ed5596b > .elementor-container{min-height:320px;}.elementor-3 .elementor-element.elementor-element-2ed5596b{margin-top:0px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-3 .elementor-element.elementor-element-6611740.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3 .elementor-element.elementor-element-6611740.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3 .elementor-element.elementor-element-40361f4a .elementor-heading-title{font-size:25px;}.elementor-3 .elementor-element.elementor-element-46aaa677 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3 .elementor-element.elementor-element-46aaa677 .elementor-icon-list-item > a{font-size:16px;}.elementor-3 .elementor-element.elementor-element-2fbca6a1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-3 .elementor-element.elementor-element-d8e6451{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;}}/* Start custom CSS for section, class: .elementor-element-2ed5596b *//* =========================================================
   CLEANING TOOLS BY MYBELLA
   INNER PAGE HERO
   FULLY CENTERED + EQUAL PADDING VERSION
========================================================= */

.cleaning-inner-hero {

    --mb-navy: #032d3a;
    --mb-deep: #011d27;
    --mb-blue: #168bd2;
    --mb-teal: #08baa5;
    --mb-teal-light: #36ddc7;

    position: relative;

    width: 100%;
    min-height: 505px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    isolation: isolate;
}


/* =========================================================
   BACKGROUND OVERLAY
========================================================= */

.cleaning-inner-hero::before {

    content: "";

    position: absolute;
    inset: 0;

    z-index: -2;

    background:
        linear-gradient(
            90deg,
            rgba(2,29,39,.78) 0%,
            rgba(3,45,58,.58) 34%,
            rgba(3,45,58,.24) 62%,
            rgba(3,45,58,.05) 100%
        );
}


/* =========================================================
   BACKGROUND GLOW
========================================================= */

.cleaning-inner-hero::after {

    content: "";

    position: absolute;

    left: -180px;
    top: -180px;

    width: 600px;
    height: 600px;

    z-index: -1;

    border-radius: 50%;

    background:
        rgba(22,139,210,.11);

    filter: blur(85px);

    pointer-events: none;
}


/* =========================================================
   GLASS TEXT BOX
   TOP / RIGHT / BOTTOM / LEFT = SAME
========================================================= */

.cleaning-inner-hero-content {

    position: relative;

    width: calc(100% - 80px) !important;
    max-width: 1080px !important;

    margin: 0 auto !important;

    /* ALL FOUR SIDES EXACTLY SAME */
    padding: 48px !important;

    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    border-radius: 27px;

    background:
        linear-gradient(
            135deg,
            rgba(1,35,47,.80),
            rgba(5,67,82,.53)
        );

    border:
        1px solid
        rgba(255,255,255,.15);

    box-shadow:
        0 30px 75px
        rgba(0,18,28,.22),

        inset 0 1px 0
        rgba(255,255,255,.10);

    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}


/* =========================================================
   TOP ACCENT - CENTER
========================================================= */

.cleaning-inner-hero-content::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    transform: translateX(-50%);

    width: 118px;
    height: 3px;

    border-radius:
        0 0 10px 10px;

    background:
        linear-gradient(
            90deg,
            var(--mb-blue),
            var(--mb-teal-light),
            #ffffff
        );

    box-shadow:
        0 5px 20px
        rgba(54,221,199,.28);
}


/* =========================================================
   BOTTOM DECORATIVE LINE
========================================================= */

.cleaning-inner-hero-content::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    transform: translateX(-50%);

    width: 130px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(54,221,199,.38),
            transparent
        );
}


/* =========================================================
   SMALL LABEL
========================================================= */

.cleaning-hero-label {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    margin:
        0 auto
        16px !important;

    padding: 0 !important;

    color:
        rgba(255,255,255,.68);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2.4px;

    text-transform: uppercase;

    text-align: center !important;
}


/* =========================================================
   MAIN HEADING
========================================================= */

.cleaning-inner-hero h1 {

    width: 100% !important;

    margin:
        0
        0
        22px !important;

    padding: 0 !important;

    color:
        #ffffff !important;

    font-size:
        clamp(48px,4.4vw,68px) !important;

    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing:
        -1.6px !important;

    text-transform: uppercase;

    text-align: center !important;

    white-space: nowrap !important;

    word-break: normal !important;

    overflow-wrap: normal !important;

    text-shadow:
        0 8px 28px
        rgba(0,0,0,.20);
}


/* =========================================================
   HEADING UNDERLINE
========================================================= */

.cleaning-inner-hero h1::after {

    content: "";

    display: block;

    width: 68px;
    height: 2px;

    margin:
        22px auto
        0;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #2cb6dc,
            rgba(255,255,255,.30)
        );
}


/* =========================================================
   BREADCRUMB
   TOP / RIGHT / BOTTOM / LEFT = SAME
========================================================= */

.cleaning-breadcrumb {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex-wrap: nowrap !important;

    width: fit-content !important;

    min-width: 0 !important;
    max-width: 100% !important;

    /* ALL FOUR SIDES EXACTLY SAME */
    padding: 12px !important;

    margin: 0 auto !important;

    gap: 9px !important;

    box-sizing: border-box !important;

    border-radius: 50px;

    background:
        rgba(255,255,255,.08);

    border:
        1px solid
        rgba(255,255,255,.14);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.07);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    color:
        rgba(255,255,255,.82);

    font-size: 15px;

    font-weight: 500;

    line-height: 1 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* =========================================================
   HOME LINK
========================================================= */

.cleaning-breadcrumb a {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto;

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

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    font-size: inherit;

    font-weight: 500;

    line-height: 1 !important;

    text-align: center !important;

    white-space: nowrap !important;

    transition:
        color .3s ease;
}


.cleaning-breadcrumb a:hover {

    color:
        var(--mb-teal-light) !important;
}


/* =========================================================
   CURRENT PAGE TEXT
========================================================= */

.cleaning-breadcrumb > span:last-child {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto;

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

    color:
        rgba(255,255,255,.87);

    font-size: inherit;

    font-weight: 500;

    line-height: 1 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* =========================================================
   BREADCRUMB ARROW
========================================================= */

.cleaning-breadcrumb-arrow {

    width: 22px !important;
    height: 22px !important;

    flex: 0 0 22px;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

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

    border-radius: 50%;

    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            var(--mb-teal),
            var(--mb-teal-light)
        );

    font-size: 11px;

    line-height: 1 !important;

    text-align: center !important;

    box-shadow:
        0 5px 16px
        rgba(8,186,165,.26);
}


/* =========================================================
   FORCE EVERYTHING INSIDE HERO CENTER
========================================================= */

.cleaning-inner-hero-content,
.cleaning-inner-hero-content h1,
.cleaning-inner-hero-content h2,
.cleaning-inner-hero-content h3,
.cleaning-inner-hero-content p,
.cleaning-inner-hero-content div,
.cleaning-inner-hero-content span,
.cleaning-inner-hero-content a {

    text-align:
        center !important;
}


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

@media (max-width: 1200px) {

    .cleaning-inner-hero-content {

        width:
            calc(100% - 70px) !important;

        max-width:
            950px !important;

        /* SAME ALL 4 SIDES */
        padding:
            42px !important;
    }


    .cleaning-inner-hero h1 {

        font-size:
            56px !important;
    }


    .cleaning-breadcrumb {

        /* SAME ALL 4 SIDES */
        padding:
            11px !important;

        gap:
            8px !important;

        font-size:
            14px;
    }

}


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

@media (max-width: 900px) {

    .cleaning-inner-hero {

        min-height:
            470px;

        background-position:
            63% center !important;
    }


    .cleaning-inner-hero-content {

        width:
            calc(100% - 48px) !important;

        max-width:
            720px !important;

        /* 36PX ON ALL FOUR SIDES */
        padding:
            36px !important;

        border-radius:
            23px;
    }


    .cleaning-inner-hero-content::before {

        width:
            95px;
    }


    .cleaning-inner-hero h1 {

        font-size:
            46px !important;

        letter-spacing:
            -1.1px !important;
    }


    .cleaning-inner-hero h1::after {

        width:
            55px;

        margin-top:
            18px;
    }


    .cleaning-breadcrumb {

        /* 10PX ALL FOUR SIDES */
        padding:
            10px !important;

        gap:
            7px !important;

        font-size:
            13px;
    }


    .cleaning-breadcrumb-arrow {

        width:
            21px !important;

        height:
            21px !important;

        flex-basis:
            21px;
    }

}


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

@media (max-width: 767px) {

    .cleaning-inner-hero {

        min-height:
            455px;

        display: flex;

        align-items:
            flex-end;

        justify-content:
            center;

        background-position:
            70% center !important;
    }


    .cleaning-inner-hero::before {

        background:
            linear-gradient(
                180deg,
                rgba(1,29,39,.08) 0%,
                rgba(1,29,39,.28) 40%,
                rgba(1,29,39,.90) 100%
            );
    }


    .cleaning-inner-hero-content {

        width:
            calc(100% - 28px) !important;

        max-width:
            none !important;

        margin:
            0 auto
            24px !important;

        /* ALL FOUR SIDES SAME */
        padding:
            24px !important;

        border-radius:
            20px;

        align-items:
            center !important;

        justify-content:
            center !important;

        text-align:
            center !important;
    }


    .cleaning-inner-hero-content::before {

        width:
            72px;
    }


    .cleaning-hero-label {

        margin-bottom:
            10px !important;

        font-size:
            8.5px;

        letter-spacing:
            1.7px;
    }


    .cleaning-inner-hero h1 {

        margin-bottom:
            16px !important;

        font-size:
            clamp(32px,9.5vw,43px) !important;

        line-height:
            1 !important;

        letter-spacing:
            -.75px !important;

        text-align:
            center !important;

        white-space:
            nowrap !important;
    }


    .cleaning-inner-hero h1::after {

        width:
            46px;

        margin:
            14px auto
            0;
    }


    /* =====================================================
       MOBILE BREADCRUMB
       EQUAL 4-SIDE PADDING
    ===================================================== */

    .cleaning-breadcrumb {

        width:
            fit-content !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        margin:
            0 auto !important;

        /* ALL FOUR SIDES = 9PX */
        padding:
            9px !important;

        gap:
            6px !important;

        font-size:
            12px;

        line-height:
            1 !important;

        justify-content:
            center !important;

        text-align:
            center !important;

        white-space:
            nowrap !important;
    }


    .cleaning-breadcrumb-arrow {

        width:
            20px !important;

        height:
            20px !important;

        flex-basis:
            20px;

        font-size:
            10px;
    }

}


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

@media (max-width: 480px) {

    .cleaning-inner-hero {

        min-height:
            425px;
    }


    .cleaning-inner-hero-content {

        width:
            calc(100% - 20px) !important;

        margin:
            0 auto
            18px !important;

        /* ALL FOUR SIDES = 20PX */
        padding:
            20px !important;

        border-radius:
            18px;
    }


    .cleaning-inner-hero-content::before {

        width:
            64px;
    }


    .cleaning-inner-hero h1 {

        font-size:
            clamp(28px,9vw,36px) !important;

        letter-spacing:
            -.55px !important;
    }


    .cleaning-breadcrumb {

        /* ALL FOUR SIDES = 8PX */
        padding:
            8px !important;

        gap:
            6px !important;

        font-size:
            11.5px;
    }


    .cleaning-breadcrumb-arrow {

        width:
            19px !important;

        height:
            19px !important;

        flex-basis:
            19px;

        font-size:
            9px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .cleaning-inner-hero-content {

        /* ALL 4 SIDES = 17PX */
        padding:
            17px !important;
    }


    .cleaning-inner-hero h1 {

        font-size:
            27px !important;
    }


    .cleaning-breadcrumb {

        /* ALL 4 SIDES = 7PX */
        padding:
            7px !important;

        gap:
            5px !important;

        font-size:
            10.5px;
    }


    .cleaning-breadcrumb-arrow {

        width:
            18px !important;

        height:
            18px !important;

        flex-basis:
            18px;
    }

}
/* =========================================================
   HERO TEXT BOX
   REDUCE LEFT / RIGHT PADDING ONLY
========================================================= */

/* DESKTOP */
.cleaning-inner-hero-content {

    /* top | right | bottom | left */
    padding: 48px 30px 48px 30px !important;
}


/* LAPTOP */
@media (max-width: 1200px) {

    .cleaning-inner-hero-content {

        padding:
            42px
            26px
            42px
            26px !important;
    }

}


/* TABLET */
@media (max-width: 900px) {

    .cleaning-inner-hero-content {

        padding:
            36px
            22px
            36px
            22px !important;
    }

}


/* MOBILE */
@media (max-width: 767px) {

    .cleaning-inner-hero-content {

        padding:
            24px
            16px
            24px
            16px !important;
    }

}


/* SMALL MOBILE */
@media (max-width: 480px) {

    .cleaning-inner-hero-content {

        padding:
            20px
            14px
            20px
            14px !important;
    }

}


/* VERY SMALL MOBILE */
@media (max-width: 360px) {

    .cleaning-inner-hero-content {

        padding:
            17px
            12px
            17px
            12px !important;
    }

}/* End custom CSS */