.elementor-13 .elementor-element.elementor-element-60f14afa > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-13 .elementor-element.elementor-element-60f14afa:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-60f14afa > .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-13 .elementor-element.elementor-element-60f14afa > .elementor-background-overlay{opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13 .elementor-element.elementor-element-60f14afa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:200px 0px 200px 0px;}.elementor-13 .elementor-element.elementor-element-3d0fb808 > .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-13 .elementor-element.elementor-element-3d0fb808 > .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:50px 0px 50px 0px;}.elementor-13 .elementor-element.elementor-element-3d0fb808 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13 .elementor-element.elementor-element-50f14a2d{width:var( --container-widget-width, 105.063% );max-width:105.063%;--container-widget-width:105.063%;--container-widget-flex-grow:0;text-align:start;}.elementor-13 .elementor-element.elementor-element-50f14a2d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-50f14a2d .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;line-height:1.1em;color:var( --e-global-color-21bfb04 );}.elementor-13 .elementor-element.elementor-element-7b735a60{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 5px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-13 .elementor-element.elementor-element-7b735a60 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-13 .elementor-element.elementor-element-7b735a60 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-13 .elementor-element.elementor-element-7b735a60 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-7b735a60 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-7b735a60 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-13 .elementor-element.elementor-element-7b735a60 .elementor-icon-list-item > a{font-family:"Times New Roman", Sans-serif;font-size:20px;}.elementor-13 .elementor-element.elementor-element-7b735a60 .elementor-icon-list-text{color:var( --e-global-color-57a29b1 );transition:color 0.3s;}.elementor-13 .elementor-element.elementor-element-7b735a60 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-fc28385 );}.elementor-13 .elementor-element.elementor-element-4bc3996f{--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-13 .elementor-element.elementor-element-4bc3996f:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-4bc3996f > .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-13 .elementor-element.elementor-element-4bc3996f::before, .elementor-13 .elementor-element.elementor-element-4bc3996f > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-4bc3996f > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-4bc3996f > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-4bc3996f > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-4bc3996f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-50f14a2d .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-60f14afa:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-60f14afa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-60f14afa{margin-top:0px;margin-bottom:0px;padding:100px 20px 100px 20px;}.elementor-bc-flex-widget .elementor-13 .elementor-element.elementor-element-3d0fb808.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-13 .elementor-element.elementor-element-3d0fb808.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-13 .elementor-element.elementor-element-3d0fb808 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-13 .elementor-element.elementor-element-50f14a2d{text-align:center;}.elementor-13 .elementor-element.elementor-element-50f14a2d .elementor-heading-title{font-size:25px;}.elementor-13 .elementor-element.elementor-element-7b735a60 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-13 .elementor-element.elementor-element-7b735a60 .elementor-icon-list-item > a{font-size:16px;}.elementor-13 .elementor-element.elementor-element-4bc3996f{--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-13 .elementor-element.elementor-element-5de58592{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;}}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-3d0fb808{width:100%;}}/* Start custom CSS for section, class: .elementor-element-60f14afa *//* =========================================================
   CLEANING TOOLS BY MYBELLA
   REFUND & RETURNS POLICY HERO
   EQUAL BOX PADDING + CENTERED + RESPONSIVE
========================================================= */

.cleaning-inner-hero {

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

    position: relative !important;

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

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

    overflow: hidden !important;

    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(1,29,39,.78) 0%,
            rgba(3,45,58,.56) 34%,
            rgba(3,45,58,.23) 63%,
            rgba(3,45,58,.05) 100%
        );
}


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

.cleaning-inner-hero::after {

    content: "";

    position: absolute;

    left: -190px;
    top: -190px;

    width: 620px;
    height: 620px;

    z-index: -1;

    border-radius: 50%;

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

    filter: blur(90px);

    pointer-events: none;
}


/* =========================================================
   REFUND POLICY GLASS BOX
   TOP / RIGHT / BOTTOM / LEFT = EXACTLY SAME
========================================================= */

.cleaning-inner-hero-content {

    position: relative !important;

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

    margin: 0 auto !important;

    /*
       ALL FOUR SIDES = 26PX
       top = 26
       right = 26
       bottom = 26
       left = 26
    */
    padding: 26px !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 !important;

    background:
        linear-gradient(
            135deg,
            rgba(1,35,47,.82),
            rgba(5,67,82,.54)
        ) !important;

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

    box-shadow:
        0 30px 75px rgba(0,18,28,.22),
        inset 0 1px 0 rgba(255,255,255,.10) !important;

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


/* =========================================================
   TOP ACCENT - CENTERED
========================================================= */

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

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    transform: translateX(-50%);

    width: 110px;
    height: 3px;

    border-radius: 0 0 10px 10px;

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

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


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

.cleaning-inner-hero h1 {

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

    margin: 0 auto 18px !important;

    padding: 0 !important;

    color: #ffffff !important;

    font-size:
        clamp(40px, 3.6vw, 60px) !important;

    line-height: 1.04 !important;

    font-weight: 600 !important;

    letter-spacing: -1px !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: 65px;
    height: 2px;

    margin: 18px auto 0;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            var(--mb-blue),
            rgba(255,255,255,.35)
        );
}


/* =========================================================
   BREADCRUMB
   ALSO KEEP FOUR SIDES EQUAL
========================================================= */

.cleaning-breadcrumb,
.cleaning-inner-hero-content .breadcrumb,
.cleaning-inner-hero-content .breadcrumbs {

    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 = 9PX */
    padding: 9px !important;

    margin: 0 auto !important;

    gap: 7px !important;

    box-sizing: border-box !important;

    border-radius: 50px !important;

    background:
        rgba(255,255,255,.075) !important;

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

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

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

    color:
        rgba(255,255,255,.84) !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* =========================================================
   BREADCRUMB LINKS
========================================================= */

.cleaning-breadcrumb a,
.cleaning-inner-hero-content .breadcrumb a,
.cleaning-inner-hero-content .breadcrumbs a {

    display: inline-flex !important;

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

    flex: 0 0 auto !important;

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

    color: #ffffff !important;

    font-size: inherit !important;
    font-weight: 500 !important;

    line-height: 1 !important;

    text-align: center !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}


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

.cleaning-breadcrumb > span:last-child,
.cleaning-inner-hero-content .breadcrumb > span:last-child,
.cleaning-inner-hero-content .breadcrumbs > span:last-child,
.breadcrumb_last {

    display: inline-flex !important;

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

    flex: 0 0 auto !important;

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

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

    line-height: 1 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


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

.cleaning-breadcrumb-arrow {

    width: 20px !important;
    height: 20px !important;

    flex: 0 0 20px !important;

    display: inline-flex !important;

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

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

    border-radius: 50% !important;

    color: #ffffff !important;

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

    font-size: 9px !important;

    line-height: 1 !important;

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


/* =========================================================
   FORCE EVERYTHING 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 span,
.cleaning-inner-hero-content div,
.cleaning-inner-hero-content a {

    text-align: center !important;
}


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

@media (max-width: 1200px) {

    .cleaning-inner-hero-content {

        width: calc(100% - 60px) !important;
        max-width: 1000px !important;

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


    .cleaning-inner-hero h1 {

        font-size:
            clamp(38px, 4vw, 52px) !important;
    }


    .cleaning-breadcrumb,
    .cleaning-inner-hero-content .breadcrumb,
    .cleaning-inner-hero-content .breadcrumbs {

        padding: 8px !important;

        gap: 6px !important;

        font-size: 13px !important;
    }

}


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

@media (max-width: 900px) {

    .cleaning-inner-hero {

        min-height: 470px !important;

        background-position:
            65% center !important;
    }


    .cleaning-inner-hero-content {

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

        max-width:
            760px !important;

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

        border-radius:
            23px !important;
    }


    .cleaning-inner-hero h1 {

        font-size:
            clamp(34px, 5.5vw, 44px) !important;

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


    .cleaning-inner-hero h1::after {

        width: 50px;

        margin-top: 15px;
    }


    .cleaning-breadcrumb,
    .cleaning-inner-hero-content .breadcrumb,
    .cleaning-inner-hero-content .breadcrumbs {

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

        gap: 6px !important;

        font-size: 12px !important;
    }

}


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

@media (max-width: 767px) {

    .cleaning-inner-hero {

        min-height: 450px !important;

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

        background-position:
            70% center !important;
    }


    .cleaning-inner-hero::before {

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


    .cleaning-inner-hero-content {

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

        max-width:
            none !important;

        margin:
            0 auto
            20px !important;

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

        border-radius:
            19px !important;
    }


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

        width:
            68px;
    }


    .cleaning-inner-hero h1 {

        margin-bottom:
            13px !important;

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

        line-height:
            1.06 !important;

        letter-spacing:
            -.4px !important;

        white-space:
            normal !important;

        text-wrap: balance;

        text-align:
            center !important;
    }


    .cleaning-inner-hero h1::after {

        width: 43px;

        margin:
            12px auto
            0;
    }


    .cleaning-breadcrumb,
    .cleaning-inner-hero-content .breadcrumb,
    .cleaning-inner-hero-content .breadcrumbs {

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

        gap: 5px !important;

        margin: 0 auto !important;

        font-size:
            11px !important;
    }


    .cleaning-breadcrumb-arrow {

        width: 18px !important;
        height: 18px !important;

        flex-basis:
            18px !important;

        font-size:
            8px !important;
    }

}


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

@media (max-width: 480px) {

    .cleaning-inner-hero {

        min-height:
            420px !important;
    }


    .cleaning-inner-hero-content {

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

        margin:
            0 auto
            15px !important;

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

        border-radius:
            17px !important;
    }


    .cleaning-inner-hero h1 {

        font-size:
            clamp(25px, 8vw, 31px) !important;
    }


    .cleaning-breadcrumb,
    .cleaning-inner-hero-content .breadcrumb,
    .cleaning-inner-hero-content .breadcrumbs {

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

        gap: 5px !important;

        font-size:
            10px !important;
    }

}


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

@media (max-width: 360px) {

    .cleaning-inner-hero-content {

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


    .cleaning-inner-hero h1 {

        font-size:
            24px !important;
    }


    .cleaning-breadcrumb,
    .cleaning-inner-hero-content .breadcrumb,
    .cleaning-inner-hero-content .breadcrumbs {

        padding:
            5px !important;

        gap:
            4px !important;

        font-size:
            9px !important;
    }

}/* End custom CSS */