.elementor-110 .elementor-element.elementor-element-532900f3 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-110 .elementor-element.elementor-element-532900f3:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-532900f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cleaningtools.lk/wp-content/uploads/2026/09/ChatGPT-Image-Sep-3-2026-03_02_07-PM.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-110 .elementor-element.elementor-element-532900f3 > .elementor-container{min-height:500px;}.elementor-110 .elementor-element.elementor-element-532900f3 > .elementor-background-overlay{opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-110 .elementor-element.elementor-element-532900f3{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-110 .elementor-element.elementor-element-2c885e31 > .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:30px 0px 30px 0px;}.elementor-110 .elementor-element.elementor-element-2c885e31 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-110 .elementor-element.elementor-element-6b583322{text-align:start;}.elementor-110 .elementor-element.elementor-element-6b583322 .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-110 .elementor-element.elementor-element-19b718bc{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-110 .elementor-element.elementor-element-19b718bc .elementor-icon-list-icon i{color:var( --e-global-color-fc28385 );transition:color 0.3s;}.elementor-110 .elementor-element.elementor-element-19b718bc .elementor-icon-list-icon svg{fill:var( --e-global-color-fc28385 );transition:fill 0.3s;}.elementor-110 .elementor-element.elementor-element-19b718bc .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-110 .elementor-element.elementor-element-19b718bc .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-110 .elementor-element.elementor-element-19b718bc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-110 .elementor-element.elementor-element-19b718bc .elementor-icon-list-item > a{font-family:"Times New Roman", Sans-serif;font-size:20px;}.elementor-110 .elementor-element.elementor-element-19b718bc .elementor-icon-list-text{color:var( --e-global-color-57a29b1 );transition:color 0.3s;}.elementor-110 .elementor-element.elementor-element-19b718bc .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-fc28385 );}.elementor-110 .elementor-element.elementor-element-124c04b3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-110 .elementor-element.elementor-element-7329dad{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-110 .elementor-element.elementor-element-1635358{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-110 .elementor-element.elementor-element-228afef7{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-110 .elementor-element.elementor-element-228afef7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-110 .elementor-element.elementor-element-9870831{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-110 .elementor-element.elementor-element-9870831 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-110 .elementor-element.elementor-element-532900f3 > .elementor-container{min-height:350px;}.elementor-110 .elementor-element.elementor-element-6b583322 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-110 .elementor-element.elementor-element-532900f3 > .elementor-container{min-height:320px;}.elementor-110 .elementor-element.elementor-element-532900f3{margin-top:0px;margin-bottom:0px;}.elementor-110 .elementor-element.elementor-element-6b583322 .elementor-heading-title{font-size:25px;}.elementor-110 .elementor-element.elementor-element-19b718bc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-110 .elementor-element.elementor-element-19b718bc .elementor-icon-list-item > a{font-size:16px;}}/* Start custom CSS for section, class: .elementor-element-532900f3 *//* ==========================================
   PREMIUM CENTER GLASS PAGE HERO
   (HEIGHT CONTROLLED BY ELEMENTOR)
========================================== */


/* Main Hero Section */

.premium-page-hero {

    position:relative;

    width:100%;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:center;

}



/* Background Overlay */

.premium-page-hero::before {

    content:"";

    position:absolute;

    inset:0;


    background:
    linear-gradient(
        90deg,
        rgba(5,45,58,0.65),
        rgba(5,45,58,0.35)
    );


    z-index:1;

}



/* Center Elementor Container */

.premium-page-hero > .elementor-container,
.premium-page-hero .elementor-container {


    width:100%;


    height:100%;


    display:flex !important;


    justify-content:center !important;


    align-items:center !important;


    position:relative;


    z-index:5;


}



/* Elementor Column Center */

.premium-page-hero .elementor-column {


    display:flex !important;


    justify-content:center !important;


    align-items:center !important;


}



/* Glass Card */

.premium-page-hero .elementor-widget-wrap {


    width:590px;


    min-height:220px;



    display:flex !important;


    flex-direction:column;


    justify-content:center !important;


    align-items:center !important;



    text-align:center;



    background:


    linear-gradient(
        135deg,
        rgba(8,65,78,0.92),
        rgba(5,45,58,0.88)
    );



    backdrop-filter:blur(15px);


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



    border-radius:28px;



    border:1px solid rgba(255,255,255,0.15);



    box-shadow:


    0 25px 60px rgba(0,0,0,0.35);



    position:relative;


}



/* Top Cyan Line */

.premium-page-hero .elementor-widget-wrap::before {


    content:"";


    position:absolute;


    top:0;


    left:50%;


    transform:translateX(-50%);



    width:85px;


    height:3px;



    background:#25c8ff;


    border-radius:20px;


}



/* Page Title */

.premium-page-hero h1 {


    width:100% !important;


    margin:0 !important;


    padding:0;



    text-align:center !important;


    color:#ffffff !important;



    font-family:"Playfair Display",serif;



    font-size:58px;



    font-weight:600;



    letter-spacing:2px;


}



/* Title Bottom Line */

.premium-page-hero h1::after {


    content:"";


    display:block;



    width:70px;



    height:2px;



    background:#27c9ff;



    margin:22px auto 0;


}




/* Breadcrumb */

.premium-page-hero .elementor-widget-text-editor {


    width:100%;


    margin-top:20px;



    text-align:center !important;



    color:#ffffff;



}



.premium-page-hero .elementor-widget-text-editor p {


    text-align:center !important;


}



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


@media(max-width:1024px){


.premium-page-hero .elementor-widget-wrap {


    width:500px;


}



.premium-page-hero h1 {


    font-size:48px;


}


}



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


@media(max-width:767px){


.premium-page-hero .elementor-widget-wrap {


    width:88%;


    min-height:170px;


    border-radius:22px;


}



.premium-page-hero h1 {


    font-size:34px;


    letter-spacing:1px;


}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b931412 *//* =====================================================
   MYBELLA ABOUT INTRO SECTION
===================================================== */

.mb-about-intro{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #ffffff 0%,
        #f4fbfc 100%
    );

}



/* =====================================================
   MAIN WRAPPER
===================================================== */

.mb-about-wrap{

    max-width:1200px;

    width:100%;

    margin:auto;

    padding:0 35px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:70px;

}



/* =====================================================
   LEFT CONTENT
===================================================== */

.mb-about-content{

    width:52%;

}



/* KICKER */

.mb-about-kicker{

    display:flex;

    align-items:center;

    gap:14px;

    color:#10bd91;

    font-size:12px;

    font-weight:800;

    letter-spacing:3px;

    margin-bottom:25px;

}


.mb-about-kicker span{

    width:45px;

    height:2px;

    background:#10bd91;

}



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

.mb-about-content h2{

    font-size:44px !important;

    line-height:1.08 !important;

    font-weight:800 !important;

    color:#063b46 !important;

    margin:0 0 25px !important;

    white-space:nowrap;

}


/* SECOND LINE */

.mb-about-content h2 span{

    display:block;

    background:
    linear-gradient(
        90deg,
        #159bd3,
        #10bd91
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    background-clip:text;

}



/* =====================================================
   PARAGRAPHS
===================================================== */

.mb-about-content p{

    color:#61777c;

    font-size:17px;

    line-height:1.8;

    margin-bottom:20px;

}


.mb-about-lead{

    border-left:3px solid #10bd91;

    padding-left:18px;

    color:#063b46 !important;

}


.mb-about-content strong{

    color:#063b46;

    font-weight:800;

}



/* =====================================================
   FEATURES
===================================================== */

.mb-about-features{

    display:flex;

    gap:15px;

    margin-top:35px;

}


.mb-about-feature{

    flex:1;

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px;

    background:white;

    border-radius:18px;

    border:1px solid rgba(0,0,0,.08);

    box-shadow:
    0 15px 40px rgba(0,0,0,.05);

}


.mb-about-feature-icon{

    width:40px;

    height:40px;

    flex-shrink:0;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:white;

    font-weight:bold;

    background:
    linear-gradient(
        135deg,
        #073f42,
        #10bd91
    );

}


.mb-about-feature strong{

    display:block;

    color:#063b46;

    font-size:14px;

}


.mb-about-feature small{

    display:block;

    color:#7a9195;

    font-size:12px;

}



/* =====================================================
   BUTTONS
===================================================== */

.mb-about-actions{

    display:flex;

    gap:15px;

    margin-top:35px;

}


.mb-about-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:16px 28px;

    border-radius:12px;

    text-decoration:none !important;

    font-size:14px;

    font-weight:700;

}



/* =====================================================
   EXPLORE PRODUCTS BUTTON
===================================================== */

.mb-about-btn-main,
.mb-about-btn-main:link,
.mb-about-btn-main:visited,
.mb-about-btn-main:hover,
.mb-about-btn-main:focus,
.mb-about-btn-main:active{

    color:#ffffff !important;

    background:
    linear-gradient(
        135deg,
        #073f42,
        #10bd91
    ) !important;

    text-decoration:none !important;

}


/* ARROW WHITE */

.mb-about-btn-main span{

    color:#ffffff !important;

    -webkit-text-fill-color:#ffffff !important;

}



/* =====================================================
   CONTACT BUTTON
===================================================== */

.mb-about-btn-outline,
.mb-about-btn-outline:link,
.mb-about-btn-outline:visited{

    color:#063b46 !important;

    background:white;

    border:1px solid #d5e4e6;

    text-decoration:none !important;

}



/* =====================================================
   RIGHT VISUAL
===================================================== */

.mb-about-visual{

    width:48%;

    height:520px;

    position:relative;

}



/* MAIN IMAGE */

.mb-about-image-main{

    position:absolute;

    width:480px;

    height:455px;

    right:0;

    top:20px;

    border-radius:35px;

    overflow:hidden;

    border:2px solid rgba(16,189,145,.25);

}


.mb-about-image-main img{

    width:100%;

    height:100%;

    object-fit:cover;

}



/* SMALL IMAGE */

.mb-about-image-small{

    position:absolute;

    width:300px;

    height:250px;

    left:-20px;

    bottom:40px;

    border-radius:30px;

    overflow:hidden;

    border:8px solid white;

    box-shadow:
    0 25px 50px rgba(0,0,0,.15);

}


.mb-about-image-small img{

    width:100%;

    height:100%;

    object-fit:cover;

}



/* =====================================================
   BADGE
===================================================== */

.mb-about-badge{

    position:absolute;

    right:-20px;

    bottom:80px;

    width:140px;

    height:140px;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #073f42,
        #10bd91
    );

    border:6px solid white;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:white;

    text-align:center;

    box-shadow:
    0 20px 40px rgba(0,0,0,.18);

}


.mb-about-badge-small{

    font-size:9px;

    letter-spacing:2px;

    font-weight:700;

}


.mb-about-badge strong{

    color:#ffffff;

    font-size:20px;

    line-height:1.1;

}



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

@media(max-width:767px){


    .mb-about-intro{

        padding:50px 0;

    }


    .mb-about-wrap{

        flex-direction:column;

        padding:0 15px;

        gap:45px;

        text-align:center;

    }


    .mb-about-content{

        width:100%;

    }



    /* KICKER CENTER */

    .mb-about-kicker{

        justify-content:center;

    }



    /* =================================================
       MOBILE HEADING - 2 LINES
    ================================================= */

    .mb-about-content h2{

        font-size:30px !important;

        line-height:1.12 !important;

        text-align:center;

        white-space:nowrap;

        margin-bottom:25px !important;

    }


    .mb-about-content h2 span{

        display:block;

        white-space:nowrap;

    }



    /* LEAD */

    .mb-about-lead{

        text-align:center;

        border-left:none;

        border-top:3px solid #10bd91;

        padding-left:0;

        padding-top:15px;

    }



    /* PARAGRAPHS */

    .mb-about-content p{

        font-size:16px;

        text-align:center;

    }



    /* FEATURES */

    .mb-about-features{

        flex-direction:column;

    }


    .mb-about-feature{

        text-align:left;

    }



    /* BUTTONS */

    .mb-about-actions{

        justify-content:center;

        flex-direction:column;

        align-items:center;

    }


    .mb-about-btn{

        width:220px;

        justify-content:center;

    }



    /* FORCE MAIN BUTTON TEXT WHITE */

    .mb-about-btn-main,
    .mb-about-btn-main:link,
    .mb-about-btn-main:visited,
    .mb-about-btn-main:hover,
    .mb-about-btn-main:focus,
    .mb-about-btn-main:active{

        color:#ffffff !important;

    }


    .mb-about-btn-main span{

        color:#ffffff !important;

        -webkit-text-fill-color:#ffffff !important;

    }



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

    .mb-about-visual{

        width:100%;

        height:400px;

    }


    .mb-about-image-main{

        width:300px;

        height:300px;

        right:50%;

        transform:translateX(50%);

        top:20px;

    }


    .mb-about-image-small{

        width:160px;

        height:150px;

        left:0;

        bottom:40px;

    }


    .mb-about-badge{

        width:90px;

        height:90px;

        right:0;

        bottom:80px;

    }


    .mb-about-badge strong{

        font-size:14px;

    }

}



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

@media(max-width:380px){

    .mb-about-content h2{

        font-size:27px !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1635358 *//* =====================================================
   MYBELLA STORY SECTION
===================================================== */

.mb-story-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #ffffff 0%,
        #f3fbfc 100%
    );

}


.mb-story-section:before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    left:-200px;

    top:50px;

    background:rgba(16,189,145,.08);

    border-radius:50%;

}


/* =====================================================
   CONTAINER
===================================================== */

.mb-story-container{

    max-width:1200px;

    width:100%;

    margin:auto;

    padding:0 35px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:70px;

    position:relative;

    z-index:2;

}


/* =====================================================
   LEFT CONTENT
===================================================== */

.mb-story-intro{

    width:48%;

}


.mb-story-kicker{

    display:flex;

    align-items:center;

    gap:14px;

    color:#10bd91;

    font-size:12px;

    font-weight:800;

    letter-spacing:3px;

    margin-bottom:25px;

}


.mb-story-kicker span{

    width:45px;

    height:2px;

    background:#10bd91;

}


.mb-story-intro h2{

    font-size:48px;

    line-height:1.1;

    font-weight:800;

    color:#063b46;

    margin:0 0 30px;

}


.mb-story-intro h2 span{

    display:block;

    background:
    linear-gradient(
        90deg,
        #159bd3,
        #10bd91
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}


.mb-story-intro p{

    color:#62787d;

    font-size:17px;

    line-height:1.8;

    margin-bottom:22px;

}


.mb-story-lead{

    border-left:3px solid #10bd91;

    padding-left:18px;

    color:#063b46 !important;

}


.mb-story-intro strong{

    color:#063b46;

    font-weight:800;

}


/* =====================================================
   VALUE BOXES
===================================================== */

.mb-story-values{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

    margin-top:35px;

}


.mb-story-value{

    display:flex;

    align-items:center;

    gap:15px;

    background:white;

    padding:15px;

    border-radius:16px;

    border:1px solid rgba(0,0,0,.08);

    box-shadow:
    0 15px 40px rgba(0,0,0,.05);

}


.mb-story-value span{

    width:38px;

    height:38px;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    linear-gradient(
        135deg,
        #073f42,
        #10bd91
    );

    color:white;

    font-size:12px;

    font-weight:700;

}


.mb-story-value strong{

    color:#063b46;

    font-size:14px;

}


/* =====================================================
   RIGHT MISSION / VISION
===================================================== */

.mb-purpose-wrap{

    width:52%;

    display:flex;

    flex-direction:column;

    gap:25px;

}


.mb-purpose-card{

    background:white;

    padding:35px;

    border-radius:28px;

    border:1px solid rgba(0,0,0,.06);

    box-shadow:
    0 25px 60px rgba(0,0,0,.08);

    position:relative;

    overflow:hidden;

}


.mb-purpose-card:before{

    content:"";

    position:absolute;

    top:0;

    left:40px;

    width:80px;

    height:4px;

    background:
    linear-gradient(
        90deg,
        #159bd3,
        #10bd91
    );

}


.mb-purpose-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}


.mb-purpose-icon{

    width:55px;

    height:55px;

    border-radius:16px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:
    linear-gradient(
        135deg,
        #073f42,
        #10bd91
    );

}


.mb-purpose-icon svg{

    width:25px;

    height:25px;

    fill:white;

}


.mb-purpose-number{

    font-size:50px;

    font-weight:800;

    color:#e9f2f3;

}


.mb-purpose-label{

    font-size:11px;

    font-weight:800;

    letter-spacing:3px;

    color:#10bd91;

}


.mb-purpose-card h3{

    font-size:28px;

    line-height:1.2;

    margin:15px 0 20px;

    color:#063b46;

}


.mb-purpose-card h3 span{

    display:block;

    background:
    linear-gradient(
        90deg,
        #10bd91,
        #159bd3
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}


.mb-purpose-card p{

    color:#637a7e;

    font-size:15px;

    line-height:1.7;

    margin-bottom:15px;

}


.mb-purpose-card strong{

    color:#063b46;

}


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

@media(max-width:767px){

    .mb-story-section{

        padding:50px 0;

    }


    .mb-story-container{

        flex-direction:column;

        padding:0 15px;

        gap:45px;

        text-align:center;

    }


    .mb-story-intro,
    .mb-purpose-wrap{

        width:100%;

    }


    /* WHO WE ARE */

    .mb-story-kicker{

        justify-content:center;

    }


    .mb-story-intro h2{

        font-size:36px;

        line-height:1.1;

        text-align:center;

    }


    .mb-story-intro p{

        font-size:16px;

        text-align:center;

    }


    .mb-story-lead{

        border-left:none;

        border-top:3px solid #10bd91;

        padding-left:0;

        padding-top:15px;

        text-align:center;

    }


    /* VALUES */

    .mb-story-values{

        grid-template-columns:1fr;

    }


    .mb-story-value{

        text-align:left;

    }


    /* =================================================
       MISSION / VISION MOBILE CENTER
    ================================================= */

    .mb-purpose-card{

        padding:25px;

        text-align:center;

    }


    /* ICON + NUMBER AREA */

    .mb-purpose-top{

        position:relative;

        display:flex;

        justify-content:center;

        align-items:center;

        margin-bottom:25px;

    }


    .mb-purpose-icon{

        width:48px;

        height:48px;

        margin:0 auto;

    }


    .mb-purpose-number{

        position:absolute;

        right:0;

        top:50%;

        transform:translateY(-50%);

        font-size:40px;

    }


    /* MISSION / VISION LABEL */

    .mb-purpose-label{

        display:block;

        width:100%;

        text-align:center;

        margin-top:5px;

    }


    /* HEADING */

    .mb-purpose-card h3{

        font-size:24px;

        line-height:1.25;

        text-align:center;

        margin:15px auto 20px;

    }


    .mb-purpose-card h3 span{

        display:block;

        text-align:center;

    }


    /* PARAGRAPHS */

    .mb-purpose-card p{

        text-align:center;

        margin-left:auto;

        margin-right:auto;

    }


}


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

@media(max-width:380px){

    .mb-story-intro h2{

        font-size:32px;

    }


    .mb-purpose-card{

        padding:22px 18px;

    }


    .mb-purpose-card h3{

        font-size:22px;

    }


    .mb-purpose-number{

        font-size:36px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd3c6f3 *//* =====================================================
   MYBELLA WHAT WE OFFER SECTION
===================================================== */


.mb-offer-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;


    background:

    linear-gradient(
        135deg,
        #ffffff 0%,
        #f3fbfc 100%
    );

}





/* CONTAINER */

.mb-offer-container{


    max-width:1200px;

    width:100%;


    margin:auto;


    padding:0 35px;


    display:flex;


    align-items:center;


    justify-content:space-between;


    gap:70px;


}







/* =====================================================
        LEFT CONTENT
===================================================== */


.mb-offer-content{


    width:48%;


}



.mb-offer-kicker{


    display:flex;


    align-items:center;


    gap:14px;


    color:#10bd91;


    font-size:12px;


    font-weight:800;


    letter-spacing:3px;


    margin-bottom:25px;


}



.mb-offer-kicker span{


    width:45px;


    height:2px;


    background:#10bd91;


}





.mb-offer-content h2{


    font-size:48px;


    line-height:1.1;


    font-weight:800;


    color:#063b46;


    margin:0 0 25px;


}




.mb-offer-content h2 span{


    display:block;


    background:

    linear-gradient(
        90deg,
        #159bd3,
        #10bd91
    );


    -webkit-background-clip:text;


    -webkit-text-fill-color:transparent;


}




.mb-offer-intro{


    color:#637a7e;


    font-size:17px;


    line-height:1.7;


    margin-bottom:25px;


}







/* =====================================================
        PRODUCT LIST
===================================================== */


.mb-offer-list-wrap{


    background:white;


    padding:25px;


    border-radius:25px;


    border:1px solid rgba(0,0,0,.06);


    box-shadow:

    0 20px 50px rgba(0,0,0,.06);


    position:relative;


}



.mb-offer-list-wrap:before{


    content:"";


    position:absolute;


    top:0;


    left:30px;


    width:85px;


    height:4px;


    background:

    linear-gradient(
        90deg,
        #159bd3,
        #10bd91
    );


}



.mb-offer-list{


    list-style:none;


    padding:0;


    margin:0;


    display:grid;


    grid-template-columns:1fr 1fr;


    gap:18px 30px;


}




.mb-offer-list li{


    position:relative;


    padding-left:28px;


    color:#063b46;


    font-size:15px;


    font-weight:600;


}





.mb-offer-list li:before{


    content:"✓";


    position:absolute;


    left:0;


    top:50%;


    transform:translateY(-50%);


    width:18px;


    height:18px;


    border-radius:50%;


    display:flex;


    align-items:center;


    justify-content:center;


    background:

    linear-gradient(
        135deg,
        #073f42,
        #10bd91
    );


    color:white;


    font-size:11px;


}







.mb-offer-note{


    margin-top:30px;


    color:#637a7e;


    font-size:16px;


}







/* =====================================================
        BUTTONS
===================================================== */


.mb-offer-actions{


    display:flex;


    gap:15px;


    margin-top:35px;


}




.mb-offer-btn{


    display:flex;


    align-items:center;


    justify-content:center;


    gap:15px;


    padding:16px 28px;


    border-radius:12px;


    font-size:14px;


    font-weight:700;


    text-decoration:none;


}





.mb-offer-btn-primary,
.mb-offer-btn-primary:link,
.mb-offer-btn-primary:visited,
.mb-offer-btn-primary:hover{


    color:white !important;


    background:

    linear-gradient(
        135deg,
        #073f42,
        #10bd91
    );


}





.mb-offer-btn-outline{


    color:#063b46;


    background:white;


    border:1px solid #d6e3e5;


}








/* =====================================================
        IMAGE AREA
===================================================== */


.mb-offer-visual{


    width:52%;


}





.mb-offer-grid{


    display:grid;


    grid-template-columns:1.1fr .9fr;


    grid-template-rows:250px 180px;


    gap:18px;


}





.mb-offer-card{


    overflow:hidden;


    border-radius:30px;


    background:white;


    box-shadow:

    0 25px 60px rgba(0,0,0,.08);


}



.mb-offer-card img{


    width:100%;


    height:100%;


    object-fit:cover;


}





.mb-offer-card-large{


    grid-row:span 2;


}





.mb-offer-card-small-top{


}



.mb-offer-card-small-bottom{


}









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


@media(max-width:767px){



.mb-offer-section{


    padding:50px 0;


}




.mb-offer-container{


    flex-direction:column;


    padding:0 15px;


    gap:45px;


    text-align:center;


}




.mb-offer-content,


.mb-offer-visual{


    width:100%;


}




.mb-offer-kicker{


    justify-content:center;


}




.mb-offer-content h2{


    font-size:36px;


    line-height:1.1;


    text-align:center;


}



.mb-offer-intro{


    font-size:16px;


    text-align:center;


}




.mb-offer-list-wrap{


    padding:22px;


}




.mb-offer-list{


    grid-template-columns:1fr;


    text-align:left;


}



.mb-offer-list li{


    font-size:14px;


}




.mb-offer-note{


    text-align:center;


}




.mb-offer-actions{


    justify-content:center;


    flex-direction:column;


    align-items:center;


}




.mb-offer-btn{


    width:220px;


}






/* MOBILE IMAGES */


.mb-offer-grid{


    width:100%;


    grid-template-columns:1fr 1fr;


    grid-template-rows:180px 130px;


    gap:12px;


}




.mb-offer-card{


    border-radius:22px;


}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8a1210 *//* =====================================================
   MYBELLA VALUES + BUSINESS SECTION
===================================================== */


.mb-values-business{

    position:relative;

    padding:100px 0;

    overflow:hidden;


    background:

    linear-gradient(
        135deg,
        #ffffff 0%,
        #f3fbfc 100%
    );

}





/* CONTAINER */

.mb-values-wrap{


    max-width:1200px;

    width:100%;

    margin:auto;


    padding:0 35px;


    display:flex;


    align-items:center;


    justify-content:space-between;


    gap:70px;


}







/* =====================================================
        LEFT VALUES
===================================================== */


.mb-values-content{


    width:45%;


}



.mb-values-kicker{


    display:flex;


    align-items:center;


    gap:14px;


    color:#10bd91;


    font-size:12px;


    font-weight:800;


    letter-spacing:3px;


    margin-bottom:25px;


}



.mb-values-kicker span{


    width:45px;


    height:2px;


    background:#10bd91;


}






.mb-values-content h2{


    font-size:48px;


    line-height:1.1;


    font-weight:800;


    color:#063b46;


    margin:0 0 20px;


}



.mb-values-content h2 span{


    display:block;


    background:


    linear-gradient(
        90deg,
        #159bd3,
        #10bd91
    );


    -webkit-background-clip:text;


    -webkit-text-fill-color:transparent;


}




.mb-values-intro{


    color:#637a7e;


    font-size:16px;


    margin-bottom:25px;


}








/* VALUE GRID */


.mb-values-grid{


    display:grid;


    grid-template-columns:1fr 1fr;


    gap:20px;


}





.mb-value-card{


    position:relative;


    padding:28px;


    background:white;


    border-radius:25px;


    border:1px solid rgba(0,0,0,.06);


    box-shadow:

    0 20px 50px rgba(0,0,0,.06);


}




.mb-value-icon{


    width:50px;


    height:50px;


    border-radius:15px;


    display:flex;


    justify-content:center;


    align-items:center;


    background:


    linear-gradient(
        135deg,
        #073f42,
        #10bd91
    );


    margin-bottom:25px;


}



.mb-value-icon svg{


    width:23px;


    height:23px;


    fill:white;


}



.mb-value-no{


    position:absolute;


    right:20px;


    top:18px;


    font-size:38px;


    font-weight:800;


    color:#e9f2f3;


}



.mb-value-card h3{


    margin:0 0 10px;


    color:#063b46;


    font-size:18px;


}



.mb-value-card p{


    margin:0;


    color:#637a7e;


    font-size:14px;


    line-height:1.6;


}









/* =====================================================
        BUSINESS PANEL
===================================================== */


.mb-business-panel{


    width:55%;


    background:#033640;


    border-radius:35px;


    overflow:hidden;


    color:white;


}





/* IMAGES */


.mb-business-images{


    height:350px;


    position:relative;


}




.mb-business-image-main{


    width:100%;


    height:100%;


}



.mb-business-image-main img{


    width:100%;


    height:100%;


    object-fit:cover;


}






.mb-business-image-small{


    position:absolute;


    right:25px;


    bottom:-35px;


    width:220px;


    height:170px;


    border-radius:25px;


    overflow:hidden;


    border:6px solid white;


}



.mb-business-image-small img{


    width:100%;


    height:100%;


    object-fit:cover;


}






.mb-business-badge{


    position:absolute;


    left:25px;


    bottom:20px;


    width:110px;


    height:110px;


    border-radius:50%;


    background:


    linear-gradient(
        135deg,
        #159bd3,
        #10bd91
    );


    border:4px solid white;


    display:flex;


    flex-direction:column;


    justify-content:center;


    align-items:center;


    text-align:center;


    color:white;


}



.mb-business-badge span{


    font-size:8px;


    letter-spacing:2px;


    font-weight:700;


}



.mb-business-badge strong{


    font-size:14px;


    line-height:1.2;


}








/* BUSINESS CONTENT */


.mb-business-content{


    padding:45px;


}




.mb-business-kicker{


    color:#10bd91;


    font-size:11px;


    letter-spacing:3px;


    font-weight:800;


    margin-bottom:20px;


}




.mb-business-content h2{


    font-size:34px;


    line-height:1.2;


    margin:0 0 20px;


    color:white;


}



.mb-business-content h2 span{


    display:block;


    background:


    linear-gradient(
        90deg,
        #10bd91,
        #159bd3
    );


    -webkit-background-clip:text;


    -webkit-text-fill-color:transparent;


}




.mb-business-content p{


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


    font-size:15px;


    line-height:1.7;


}






/* TAGS */


.mb-business-tags{


    display:flex;


    gap:10px;


    flex-wrap:wrap;


    margin:25px 0;


}




.mb-business-tags span{


    padding:8px 16px;


    border-radius:20px;


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


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


    font-size:12px;


}






/* BUTTON */


.mb-business-btn{


    display:inline-flex;


    align-items:center;


    gap:15px;


    padding:16px 28px;


    border-radius:12px;


    background:white;


    color:#063b46;


    text-decoration:none;


    font-weight:700;


    font-size:14px;


}








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


@media(max-width:767px){



.mb-values-business{


    padding:50px 0;


}



.mb-values-wrap{


    flex-direction:column;


    padding:0 15px;


    gap:45px;


    text-align:center;


}





.mb-values-content,


.mb-business-panel{


    width:100%;


}




.mb-values-kicker{


    justify-content:center;


}



.mb-values-content h2{


    font-size:36px;


}



.mb-values-intro{


    text-align:center;


}




/* VALUE CARDS */


.mb-values-grid{


    grid-template-columns:1fr;


}



.mb-value-card{


    text-align:center;


}



.mb-value-icon{


    margin:0 auto 20px;


}



.mb-value-no{


    right:18px;


}



/* BUSINESS */


.mb-business-panel{


    border-radius:25px;


}



.mb-business-images{


    height:280px;


}




.mb-business-image-small{


    width:130px;


    height:110px;


    right:15px;


    bottom:-20px;


}



.mb-business-badge{


    width:85px;


    height:85px;


    left:20px;


}



.mb-business-content{


    padding:30px 20px;


    text-align:center;


}



.mb-business-kicker{


    text-align:center;


}



.mb-business-content h2{


    font-size:28px;


}



.mb-business-content p{


    text-align:center;


}



.mb-business-tags{


    justify-content:center;


}



.mb-business-btn{


    justify-content:center;


}



}/* End custom CSS */