.elementor-599 .elementor-element.elementor-element-24dbb0b7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-599 .elementor-element.elementor-element-24dbb0b7:not(.elementor-motion-effects-element-type-background), .elementor-599 .elementor-element.elementor-element-24dbb0b7 > .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-599 .elementor-element.elementor-element-24dbb0b7 > .elementor-container{min-height:500px;}.elementor-599 .elementor-element.elementor-element-24dbb0b7 > .elementor-background-overlay{opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-599 .elementor-element.elementor-element-24dbb0b7{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-599 .elementor-element.elementor-element-7513032f > .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-599 .elementor-element.elementor-element-7513032f > .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:40px 0px 40px 0px;}.elementor-599 .elementor-element.elementor-element-7513032f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-599 .elementor-element.elementor-element-33b38c45{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-599 .elementor-element.elementor-element-33b38c45.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-599 .elementor-element.elementor-element-33b38c45 .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-599 .elementor-element.elementor-element-57e9c231{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-599 .elementor-element.elementor-element-57e9c231 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-599 .elementor-element.elementor-element-57e9c231 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-599 .elementor-element.elementor-element-57e9c231 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-599 .elementor-element.elementor-element-57e9c231 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-599 .elementor-element.elementor-element-57e9c231 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-599 .elementor-element.elementor-element-57e9c231 .elementor-icon-list-item > a{font-family:"Times New Roman", Sans-serif;font-size:20px;}.elementor-599 .elementor-element.elementor-element-57e9c231 .elementor-icon-list-text{color:var( --e-global-color-57a29b1 );transition:color 0.3s;}.elementor-599 .elementor-element.elementor-element-57e9c231 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-fc28385 );}.elementor-599 .elementor-element.elementor-element-c389adb{--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-599 .elementor-element.elementor-element-c389adb:not(.elementor-motion-effects-element-type-background), .elementor-599 .elementor-element.elementor-element-c389adb > .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-599 .elementor-element.elementor-element-c389adb::before, .elementor-599 .elementor-element.elementor-element-c389adb > .elementor-background-video-container::before, .elementor-599 .elementor-element.elementor-element-c389adb > .e-con-inner > .elementor-background-video-container::before, .elementor-599 .elementor-element.elementor-element-c389adb > .elementor-background-slideshow::before, .elementor-599 .elementor-element.elementor-element-c389adb > .e-con-inner > .elementor-background-slideshow::before, .elementor-599 .elementor-element.elementor-element-c389adb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}:root{--page-title-display:none;}@media(min-width:768px){.elementor-599 .elementor-element.elementor-element-7513032f{width:100%;}}@media(max-width:1024px){.elementor-599 .elementor-element.elementor-element-24dbb0b7 > .elementor-container{min-height:350px;}.elementor-599 .elementor-element.elementor-element-33b38c45 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-599 .elementor-element.elementor-element-24dbb0b7 > .elementor-container{min-height:320px;}.elementor-599 .elementor-element.elementor-element-24dbb0b7{margin-top:0px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-599 .elementor-element.elementor-element-7513032f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-599 .elementor-element.elementor-element-7513032f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-599 .elementor-element.elementor-element-33b38c45 .elementor-heading-title{font-size:25px;}.elementor-599 .elementor-element.elementor-element-57e9c231 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-599 .elementor-element.elementor-element-57e9c231 .elementor-icon-list-item > a{font-size:16px;}.elementor-599 .elementor-element.elementor-element-c389adb{--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-599 .elementor-element.elementor-element-608d5fce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;}}/* Start custom CSS for column, class: .elementor-element-7513032f *//* =========================================================
   TERMS & CONDITIONS HERO
   EQUAL PADDING ON ALL 4 SIDES
========================================================= */

.cleaning-inner-hero-content {

    /* TOP = RIGHT = BOTTOM = LEFT */
    padding: 32px !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;
}


/* =========================================================
   HEADING SPACING BALANCE
========================================================= */

.cleaning-inner-hero-content h1 {

    width: 100% !important;

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

    text-align: center !important;
}


/* UNDERLINE */

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

    margin:
        20px auto
        18px !important;
}


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

.cleaning-breadcrumb {

    margin:
        0 auto !important;

    text-align: center !important;
}


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

@media (max-width: 1200px) {

    .cleaning-inner-hero-content {

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

}


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

@media (max-width: 900px) {

    .cleaning-inner-hero-content {

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

}


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

@media (max-width: 767px) {

    .cleaning-inner-hero-content {

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


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

        margin:
            14px auto
            13px !important;
    }

}


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

@media (max-width: 480px) {

    .cleaning-inner-hero-content {

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

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-24dbb0b7 *//* =========================================================
   CLEANING TOOLS BY MYBELLA
   TERMS & CONDITIONS HERO
   EQUAL GLASS PADDING + BALANCED RESPONSIVE DESIGN
========================================================= */

.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-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !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) 64%,
            rgba(3,45,58,.04) 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;
}


/* =========================================================
   GLASS CONTAINER
   TOP / RIGHT / BOTTOM / LEFT = SAME
========================================================= */

.cleaning-inner-hero-content {

    position: relative !important;

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

    max-width:
        1120px !important;

    margin:
        0 auto !important;

    /*
       TOP    = 34PX
       RIGHT  = 34PX
       BOTTOM = 34PX
       LEFT   = 34PX
    */
    padding:
        34px !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 - CENTER
========================================================= */

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

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    transform:
        translateX(-50%);

    width: 115px;
    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);
}


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

.cleaning-inner-hero h1 {

    width:
        100% !important;

    max-width:
        100% !important;

    margin:
        0 auto
        19px !important;

    padding:
        0 !important;

    color:
        #ffffff !important;

    font-size:
        clamp(42px, 3.9vw, 62px) !important;

    font-weight:
        600 !important;

    line-height:
        1.03 !important;

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

    margin:
        18px auto
        0;

    border-radius:
        20px;

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


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

.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 4 SIDES SAME
    */
    padding:
        10px !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 HOME
========================================================= */

.cleaning-breadcrumb 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;

    text-decoration:
        none !important;

    font-size:
        inherit !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    text-align:
        center !important;

    white-space:
        nowrap !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 !important;

    margin:
        0 !important;

    padding:
        0 !important;

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

    font-size:
        inherit !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 HERO CONTENT 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% - 60px) !important;

        max-width:
            980px !important;

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


    .cleaning-inner-hero h1 {

        font-size:
            clamp(39px, 4vw, 53px) !important;
    }


    .cleaning-breadcrumb {

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

        border-radius:
            23px !important;
    }


    .cleaning-inner-hero h1 {

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

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


    .cleaning-inner-hero h1::after {

        width:
            50px;

        margin-top:
            15px;
    }


    .cleaning-breadcrumb {

        padding:
            8px !important;

        gap:
            6px !important;

        font-size:
            12px !important;
    }


    .cleaning-breadcrumb-arrow {

        width:
            19px !important;

        height:
            19px !important;

        flex-basis:
            19px !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;

        /*
           TOP / RIGHT / BOTTOM / LEFT
           ALL = 20PX
        */
        padding:
            20px !important;

        border-radius:
            19px !important;
    }


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

        width:
            68px;
    }


    /* Long title wraps nicely */

    .cleaning-inner-hero h1 {

        margin-bottom:
            13px !important;

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

        line-height:
            1.07 !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 {

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

        border-radius:
            17px !important;
    }


    .cleaning-inner-hero h1 {

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


    .cleaning-breadcrumb {

        /*
           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 4 SIDES = 14PX */
        padding:
            14px !important;
    }


    .cleaning-inner-hero h1 {

        font-size:
            24px !important;
    }


    .cleaning-breadcrumb {

        padding:
            5px !important;

        gap:
            4px !important;

        font-size:
            9px !important;
    }

}
/* =========================================================
   TERMS & CONDITIONS HERO
   REDUCE LEFT / RIGHT PADDING
========================================================= */

/* DESKTOP */
.cleaning-inner-hero-content {
    /* top/bottom = 34px | left/right = 20px */
    padding: 34px 20px !important;
}


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

    .cleaning-inner-hero-content {
        padding: 30px 18px !important;
    }

}


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

    .cleaning-inner-hero-content {
        padding: 25px 16px !important;
    }

}


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

    .cleaning-inner-hero-content {
        padding: 20px 14px !important;
    }

}


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

    .cleaning-inner-hero-content {
        padding: 16px 12px !important;
    }

}


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

    .cleaning-inner-hero-content {
        padding: 14px 10px !important;
    }

}
/* =========================================================
   TERMS & CONDITIONS HERO
   LEFT / RIGHT PADDING EXACTLY EQUAL
========================================================= */

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

    /* Top / Bottom */
    padding-top: 34px !important;
    padding-bottom: 34px !important;

    /* LEFT = RIGHT */
    padding-left: 12px !important;
    padding-right: 12px !important;

    box-sizing: border-box !important;

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


/* MAKE HEADING USE FULL AVAILABLE WIDTH */
.cleaning-inner-hero-content h1 {

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

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    text-align: center !important;
}


/* BREADCRUMB CENTER */
.cleaning-breadcrumb {

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
}


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

@media (max-width: 1200px) {

    .cleaning-inner-hero-content {

        padding-top: 30px !important;
        padding-bottom: 30px !important;

        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}


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

@media (max-width: 900px) {

    .cleaning-inner-hero-content {

        padding-top: 25px !important;
        padding-bottom: 25px !important;

        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}


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

@media (max-width: 767px) {

    .cleaning-inner-hero-content {

        padding-top: 20px !important;
        padding-bottom: 20px !important;

        padding-left: 8px !important;
        padding-right: 8px !important;
    }

}


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

@media (max-width: 480px) {

    .cleaning-inner-hero-content {

        padding-top: 16px !important;
        padding-bottom: 16px !important;

        padding-left: 7px !important;
        padding-right: 7px !important;
    }

}


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

@media (max-width: 360px) {

    .cleaning-inner-hero-content {

        padding-top: 14px !important;
        padding-bottom: 14px !important;

        padding-left: 6px !important;
        padding-right: 6px !important;
    }

}
/* =========================================================
   HERO GLASS BOX
   VERY SMALL RIGHT PADDING
========================================================= */

.cleaning-inner-hero-content {

    padding-top: 34px !important;
    padding-bottom: 34px !important;

    padding-left: 12px !important;

    /* VERY SMALL RIGHT PADDING */
    padding-right: 4px !important;

    box-sizing: border-box !important;
}


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

    .cleaning-inner-hero-content {

        padding-top: 30px !important;
        padding-bottom: 30px !important;

        padding-left: 10px !important;
        padding-right: 4px !important;
    }

}


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

    .cleaning-inner-hero-content {

        padding-top: 25px !important;
        padding-bottom: 25px !important;

        padding-left: 8px !important;
        padding-right: 3px !important;
    }

}


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

    .cleaning-inner-hero-content {

        padding-top: 20px !important;
        padding-bottom: 20px !important;

        padding-left: 7px !important;
        padding-right: 3px !important;
    }

}


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

    .cleaning-inner-hero-content {

        padding-top: 16px !important;
        padding-bottom: 16px !important;

        padding-left: 6px !important;
        padding-right: 2px !important;
    }

}
/* =========================================================
   TERMS & CONDITIONS HERO
   EQUAL PADDING ON ALL 4 SIDES
========================================================= */

.cleaning-inner-hero-content {

    /* TOP = RIGHT = BOTTOM = LEFT */
    padding: 32px !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;
}


/* =========================================================
   HEADING SPACING BALANCE
========================================================= */

.cleaning-inner-hero-content h1 {

    width: 100% !important;

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

    text-align: center !important;
}


/* UNDERLINE */

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

    margin:
        20px auto
        18px !important;
}


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

.cleaning-breadcrumb {

    margin:
        0 auto !important;

    text-align: center !important;
}


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

@media (max-width: 1200px) {

    .cleaning-inner-hero-content {

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

}


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

@media (max-width: 900px) {

    .cleaning-inner-hero-content {

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

}


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

@media (max-width: 767px) {

    .cleaning-inner-hero-content {

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


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

        margin:
            14px auto
            13px !important;
    }

}


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

@media (max-width: 480px) {

    .cleaning-inner-hero-content {

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

}/* End custom CSS */