.elementor-348 .elementor-element.elementor-element-611ac91{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-348 .elementor-element.elementor-element-1d7210fa{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-348 .elementor-element.elementor-element-1d7210fa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-348 .elementor-element.elementor-element-757efe5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-348 .elementor-element.elementor-element-757efe5:not(.elementor-motion-effects-element-type-background), .elementor-348 .elementor-element.elementor-element-757efe5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-21bfb04 ) 0%, #04381F 100%);}.elementor-348 .elementor-element.elementor-element-817b981{--display:flex;}.elementor-348 .elementor-element.elementor-element-b9c6f0e .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-348 .elementor-element.elementor-element-53ae23c{--display:flex;}.elementor-348 .elementor-element.elementor-element-95a69b3 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-348 .elementor-element.elementor-element-d5953da{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-348 .elementor-element.elementor-element-27cda42{text-align:center;}.elementor-348 .elementor-element.elementor-element-27cda42 .elementor-heading-title{font-size:14px;}.elementor-348 .elementor-element.elementor-element-081ae33{text-align:center;}.elementor-348 .elementor-element.elementor-element-491aa66.elementor-wc-products ul.products li.product{text-align:center;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-348 .elementor-element.elementor-element-491aa66.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-348 .elementor-element.elementor-element-491aa66.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-348 .elementor-element.elementor-element-6908b0e{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-348 .elementor-element.elementor-element-6908b0e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-348 .elementor-element.elementor-element-92a4af6{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-348 .elementor-element.elementor-element-92a4af6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-348 .elementor-element.elementor-element-1234943{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-348 .elementor-element.elementor-element-1234943 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-348 .elementor-element.elementor-element-1942650{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-348 .elementor-element.elementor-element-1942650 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-348 .elementor-element.elementor-element-491aa66.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-348 .elementor-element.elementor-element-6908b0e{padding:70px 70px 70px 70px;}}@media(min-width:768px){.elementor-348 .elementor-element.elementor-element-757efe5{--content-width:1200px;}}@media(max-width:767px){.elementor-348 .elementor-element.elementor-element-757efe5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-348 .elementor-element.elementor-element-d5953da{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-348 .elementor-element.elementor-element-27cda42{text-align:center;}.elementor-348 .elementor-element.elementor-element-081ae33{text-align:center;}.elementor-348 .elementor-element.elementor-element-081ae33 .elementor-heading-title{font-size:30px;}.elementor-348 .elementor-element.elementor-element-491aa66.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-348 .elementor-element.elementor-element-6908b0e{padding:50px 10px 50px 10px;}}/* Start custom CSS for html, class: .elementor-element-62d1f14 *//* ==========================================
 MYBELLA HERO
========================================== */


.mb-hero{

position:relative;

overflow:hidden;

padding:100px 0;

background:

linear-gradient(
135deg,
#032f38,
#073f42 50%,
#087d72
);


}




.mb-hero-container{


max-width:1400px;

width:100%;

margin:auto;

padding:0 50px;

display:flex;

align-items:center;

justify-content:space-between;

gap:40px;


}




/* LEFT */


.mb-hero-content{

width:52%;

}



.mb-kicker{

display:flex;

align-items:center;

gap:12px;

color:#10bd91;

font-size:14px;

font-weight:700;

letter-spacing:2px;

margin-bottom:25px;

}



.mb-kicker span{

width:40px;

height:3px;

background:#10bd91;

border-radius:10px;

}




.mb-hero h1{

margin:0;

font-size:72px;

line-height:1.05;

font-weight:800;

color:white;

}



.mb-hero h1 span{

color:#10bd91;

background:

linear-gradient(
90deg,
#10bd91,
#25c9ff
);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}




.mb-hero p{

margin-top:35px;

max-width:620px;

font-size:20px;

line-height:1.7;

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

}




/* BUTTONS */


.mb-buttons{

display:flex;

gap:20px;

margin-top:40px;

}



.mb-btn{

padding:18px 45px;

border-radius:45px;

font-size:17px;

font-weight:700;

text-decoration:none;

}



.primary{

background:

linear-gradient(
135deg,
#10bd91,
#25c9ff
);

color:white;

}



.outline{

border:2px solid rgba(255,255,255,.4);

color:white;

}





/* FEATURES */


.mb-features{

display:flex;

gap:60px;

margin-top:45px;

}



.mb-features div{

display:flex;

flex-direction:column;

}



.mb-features strong{

color:white;

font-size:18px;

}



.mb-features span{

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

font-size:14px;

}







/* RIGHT IMAGE */


.mb-hero-image{

width:48%;

height:600px;

position:relative;

}




.main-image{

position:absolute;

right:0;

top:40px;

width:540px;

height:540px;

border-radius:35px;

overflow:hidden;

}



.main-image img{

width:100%;

height:100%;

object-fit:cover;

}






.product-card{


position:absolute;

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

backdrop-filter:blur(12px);

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

border-radius:25px;

overflow:hidden;


}



.product-card img{

width:100%;

height:100%;

object-fit:cover;

}




.product-card.top{

width:200px;

height:200px;

left:-40px;

top:50px;

}




.product-card.bottom{

width:220px;

height:220px;

left:-20px;

bottom:80px;

}





.clean-badge{

position:absolute;

right:-20px;

bottom:100px;

padding:35px;

border-radius:25px;

background:

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

color:white;

text-align:center;

}



.clean-badge strong{

font-size:24px;

display:block;

}



.clean-badge small{

font-size:12px;

}









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


@media(max-width:767px){



.mb-hero{

padding:50px 0;

}



.mb-hero-container{

flex-direction:column;

text-align:center;

padding:0 20px;

}




.mb-hero-content{

width:100%;

}




.mb-kicker{

justify-content:center;

}



.mb-hero h1{

font-size:40px;

}



.mb-hero p{

font-size:16px;

}



.mb-buttons{

flex-direction:column;

align-items:center;

}



.mb-btn{

width:230px;

}




.mb-features{

display:none;

}





.mb-hero-image{

width:100%;

height:430px;

margin-top:40px;

}



.main-image{

width:310px;

height:310px;

right:50%;

transform:translateX(50%);

top:40px;

}




.product-card.top{

width:110px;

height:110px;

left:0;

top:20px;

}



.product-card.bottom{

width:120px;

height:120px;

left:10px;

bottom:40px;

}



.clean-badge{

right:0;

bottom:60px;

padding:18px;

}



.clean-badge strong{

font-size:18px;

}


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


.mb-home-about{

    position:relative;

    padding:100px 0;

    background:

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

    overflow:hidden;

}



.mb-home-about-container{


    max-width:1200px;

    width:100%;

    margin:auto;

    padding:0 40px;


    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:70px;


}




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


.mb-home-about-image-wrap{

    width:45%;

    position:relative;

}



.mb-home-about-image{


    width:100%;

    height:430px;

    border-radius:30px;

    overflow:hidden;


    box-shadow:

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


}



.mb-home-about-image img{


    width:100%;

    height:100%;

    object-fit:cover;


}




/* BADGE */


.mb-home-about-badge{


    position:absolute;


    right:-25px;

    bottom:25px;


    width:95px;

    height:95px;


    border-radius:50%;


    background:

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


    border:5px solid white;


    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;


    color:white;


    text-align:center;


    box-shadow:

    0 15px 35px rgba(0,0,0,.15);


}



.mb-home-about-badge span{


    font-size:8px;

    letter-spacing:2px;

    font-weight:700;

}



.mb-home-about-badge strong{


    font-size:12px;

    line-height:1.2;


}







/* =====================================================
        CONTENT AREA
===================================================== */


.mb-home-about-content{


    width:50%;


}




.mb-home-about-kicker{


    display:flex;

    align-items:center;

    gap:15px;


    color:#10bd91;


    font-size:13px;


    font-weight:800;


    letter-spacing:3px;


    margin-bottom:25px;


}




.mb-home-about-kicker:before{


    content:"";

    width:40px;

    height:2px;

    background:#10bd91;


}






.mb-home-about-content h2{


    margin:0 0 30px;


    font-size:52px;


    line-height:1.05;


    font-weight:800;


    color:#063b46;


}



.mb-home-about-content h2 span{


    display:block;


    background:

    linear-gradient(
        90deg,
        #139fd1,
        #10bd91
    );


    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;


}







.mb-home-about-content p{


    font-size:17px;


    line-height:1.8;


    color:#60767b;


    margin-bottom:20px;


}




.mb-home-about-content strong{


    color:#063b46;

    font-weight:800;


}






/* BUTTON */


.mb-home-about-btn{


    display:inline-flex;


    align-items:center;


    gap:18px;


    margin-top:20px;


    padding:16px 30px;


    border-radius:12px;


    text-decoration:none;


    color:white;


    font-weight:700;


    font-size:15px;



    background:

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


    transition:.3s;


}



.mb-home-about-btn span{


    font-size:20px;


}









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


@media(max-width:767px){



.mb-home-about{


    padding:50px 0;


}




.mb-home-about-container{


    flex-direction:column;


    padding:0 15px;


    gap:45px;


    text-align:center;


}




/* IMAGE */


.mb-home-about-image-wrap{


    width:100%;


}




.mb-home-about-image{


    height:320px;


    border-radius:25px;


}



.mb-home-about-badge{


    width:85px;

    height:85px;


    right:5px;

    bottom:20px;


}





/* CONTENT */


.mb-home-about-content{


    width:100%;


}



.mb-home-about-kicker{


    justify-content:center;


}



.mb-home-about-kicker:before{


    display:block;


}



.mb-home-about-content h2{


    font-size:38px;


    line-height:1.1;


    text-align:center;


}



.mb-home-about-content h2 span{


    display:block;


}




.mb-home-about-content p{


    font-size:16px;


    line-height:1.7;


    text-align:center;


}



.mb-home-about-btn{


    margin-left:auto;


    margin-right:auto;


}




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

.mb-home-about {
    position: relative;
    padding: 100px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f5fbfa 100%);
    overflow: hidden;
}

.mb-home-about,
.mb-home-about * {
    box-sizing: border-box;
}

.mb-home-about .mb-home-about-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
}

/* =====================================================
   VIDEO AREA
===================================================== */

.mb-home-about .mb-home-about-image-wrap {
    position: relative;
    flex: 0 0 45%;
    width: 45%;
    min-width: 0;
}

.mb-home-about .mb-home-about-image {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 30px;
    overflow: hidden;
    background: #063b46;
    box-shadow: 0 25px 60px rgba(6, 59, 70, 0.16);
    isolation: isolate;
}

.mb-home-about .mb-home-about-image iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
}

/* Optional fallback image */

.mb-home-about .mb-home-about-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.mb-home-about .mb-home-about-badge {
    position: absolute;
    z-index: 2;
    top: auto;
    left: auto;
    right: -25px;
    bottom: 25px;
    width: 95px;
    height: 95px;
    margin: 0;
    padding: 8px;
    border: 5px solid #ffffff;
    border-radius: 50%;
    background: linear-gradient(135deg, #10bd91, #159bd3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #ffffff;
    text-align: center;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

.mb-home-about .mb-home-about-badge span {
    display: block;
    margin: 0;
    color: #ffffff;
    font-size: 8px;
    line-height: 1.2;
    letter-spacing: 1.5px;
    font-weight: 700;
}

.mb-home-about .mb-home-about-badge strong {
    display: block;
    margin: 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
}

/* =====================================================
   CONTENT AREA
===================================================== */

.mb-home-about .mb-home-about-content {
    flex: 1;
    width: auto;
    min-width: 0;
}

.mb-home-about .mb-home-about-kicker {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    color: #10bd91;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px;
}

.mb-home-about .mb-home-about-kicker::before {
    content: "";
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 2px;
    background: #10bd91;
}

.mb-home-about .mb-home-about-content h2 {
    margin: 0 0 30px;
    color: #063b46;
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1px;
}

.mb-home-about .mb-home-about-content h2 span {
    display: block;
    color: #139fd1;
    background: linear-gradient(90deg, #139fd1, #10bd91);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mb-home-about .mb-home-about-content p {
    margin: 0 0 20px;
    color: #60767b;
    font-size: 17px;
    line-height: 1.8;
}

.mb-home-about .mb-home-about-content p strong {
    color: #063b46;
    font-weight: 800;
}

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

.mb-home-about .mb-home-about-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 20px;
    padding: 16px 30px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #159bd3, #10bd91);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(21, 155, 211, 0.18);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.mb-home-about .mb-home-about-btn:hover {
    background: linear-gradient(135deg, #159bd3, #10bd91);
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(16, 189, 145, 0.25);
}

.mb-home-about .mb-home-about-btn span {
    color: inherit;
    font-size: 20px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.mb-home-about .mb-home-about-btn:hover span {
    transform: translateX(4px);
}

.mb-home-about .mb-home-about-btn:focus-visible {
    outline: 3px solid #063b46;
    outline-offset: 4px;
}

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

@media (min-width: 768px) and (max-width: 1024px) {
    .mb-home-about {
        padding: 70px 0;
    }

    .mb-home-about .mb-home-about-container {
        padding: 0 30px;
        gap: 40px;
    }

    .mb-home-about .mb-home-about-content h2 {
        font-size: 36px;
    }

    .mb-home-about .mb-home-about-content p {
        font-size: 16px;
    }

    .mb-home-about .mb-home-about-badge {
        right: -15px;
        bottom: 15px;
        width: 85px;
        height: 85px;
    }
}

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

@media (max-width: 767px) {
    .mb-home-about {
        padding: 50px 0;
    }

    .mb-home-about .mb-home-about-container {
        flex-direction: column;
        padding: 0 15px;
        gap: 45px;
        text-align: center;
    }

    .mb-home-about .mb-home-about-image-wrap {
        flex: none;
        width: 100%;
    }

    .mb-home-about .mb-home-about-image {
        height: auto;
        aspect-ratio: 16 / 9;
        border-radius: 25px;
    }

    .mb-home-about .mb-home-about-badge {
        right: 10px;
        bottom: -22px;
        width: 85px;
        height: 85px;
        border-width: 4px;
    }

    .mb-home-about .mb-home-about-content {
        flex: none;
        width: 100%;
    }

    .mb-home-about .mb-home-about-kicker {
        justify-content: center;
        margin-bottom: 20px;
    }

    .mb-home-about .mb-home-about-content h2 {
        margin-bottom: 24px;
        font-size: clamp(30px, 8vw, 38px);
        line-height: 1.1;
        text-align: center;
    }

    .mb-home-about .mb-home-about-content p {
        font-size: 16px;
        line-height: 1.7;
        text-align: center;
    }

    .mb-home-about .mb-home-about-btn {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mb-home-about .mb-home-about-btn,
    .mb-home-about .mb-home-about-btn span {
        transition: none;
        transform: none;
    }
}




/* ENLARGE MYBELLA VIDEO */

.mb-home-about .mb-home-about-container {
    max-width: 2400px;
    gap: 45px;
}

.mb-home-about .mb-home-about-image-wrap {
    flex: 0 0 58%;
    width: 58%;
}

.mb-home-about .mb-home-about-image {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.mb-home-about .mb-home-about-image iframe {
    width: 100%;
    height: 100%;
}

.mb-home-about .mb-home-about-content {
    flex: 1;
    min-width: 0;
}

.mb-home-about .mb-home-about-content h2 {
    font-size: clamp(30px, 3.2vw, 44px);
}

/* Stack earlier so the video stays large on tablets */
@media (max-width: 1024px) {
    .mb-home-about .mb-home-about-container {
        flex-direction: column;
        gap: 45px;
    }

    .mb-home-about .mb-home-about-image-wrap,
    .mb-home-about .mb-home-about-content {
        flex: none;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .mb-home-about .mb-home-about-container {
        padding: 0 15px;
    }

    .mb-home-about .mb-home-about-content h2 {
        font-size: clamp(30px, 8vw, 38px);
    }
}



/* LARGER MYBELLA VIDEO */
.mb-home-about .mb-home-about-container {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    max-width: 1600px !important;
    width: 100% !important;
    padding: 0 25px !important;
    gap: 40px !important;
    align-items: center;
}

.mb-home-about .mb-home-about-image-wrap {
    width: 100% !important;
    min-width: 0;
    max-width: none !important;
}

.mb-home-about .mb-home-about-image {
    position: relative;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 25px;
    overflow: hidden;
}

.mb-home-about .mb-home-about-image iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border: 0;
}

.mb-home-about .mb-home-about-content {
    width: 100% !important;
    min-width: 0;
}

.mb-home-about .mb-home-about-content h2 {
    font-size: clamp(28px, 3vw, 42px);
}

@media (max-width: 1024px) {
    .mb-home-about .mb-home-about-container {
        grid-template-columns: minmax(0, 1fr);
        gap: 45px !important;
    }
}

@media (max-width: 767px) {
    .mb-home-about .mb-home-about-container {
        padding: 0 12px !important;
    }

    .mb-home-about .mb-home-about-image {
        border-radius: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5953da *//* ==================================================
   MYBELLA BEST SELLERS PRODUCT CARD DESIGN
================================================== */


/* Section Background */

.mybella-best-sellers {

    position:relative;

    background:
    linear-gradient(
        135deg,
        #f6fbfa,
        #eef8f7
    );

    overflow:hidden;

}



/* Product Grid */

.mybella-best-sellers ul.products {


    gap:30px;


}



/* Product Card */


.mybella-best-sellers ul.products li.product {


    background:#ffffff;


    border-radius:26px;


    overflow:hidden;


    padding:18px !important;


    border:1px solid rgba(7,63,66,.08);


    box-shadow:


    0 12px 35px rgba(3,47,56,.08);


    transition:.4s ease;


    text-align:center;


}





.mybella-best-sellers ul.products li.product:hover {


    transform:translateY(-10px);


    box-shadow:


    0 25px 55px rgba(16,189,145,.20);


}






/* Image Box */


.mybella-best-sellers 
ul.products li.product img {


    width:100%;


    height:230px;


    object-fit:contain;


    background:


    linear-gradient(
        145deg,
        #ffffff,
        #f1f8f8
    );


    border-radius:20px;


    padding:12px;


    transition:.4s ease;


}




.mybella-best-sellers 
ul.products li.product:hover img {


    transform:scale(1.05);


}






/* Product Title */


.mybella-best-sellers 
.woocommerce-loop-product__title {


    color:#073f42 !important;


    font-size:18px !important;


    font-weight:800;


    text-align:center;


    margin-top:22px;


    line-height:1.4;


}






/* Price */


.mybella-best-sellers 
.price {


    display:block;


    color:#10bd91 !important;


    font-size:18px !important;


    font-weight:700;


    margin-top:10px;


}






/* Hide unnecessary spacing */


.mybella-best-sellers 
.star-rating {


    display:none;


}






/* Button */


.mybella-best-sellers 
.button {


    display:inline-flex !important;


    align-items:center;


    justify-content:center;


    margin:22px auto 5px !important;


    padding:13px 35px !important;


    border-radius:40px !important;


    background:


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


    color:#ffffff !important;


    font-weight:700;


    border:none !important;


    transition:.35s ease;


}





.mybella-best-sellers 
.button:hover {


    transform:translateY(-4px);


    box-shadow:


    0 12px 30px rgba(16,189,145,.35);


}





/* Product Image Hover Glow */


.mybella-best-sellers 
ul.products li.product::after {


    content:"";


    position:absolute;


    width:80px;


    height:80px;


    right:-30px;


    top:-30px;


    background:


    radial-gradient(
        circle,
        rgba(16,189,145,.18),
        transparent 70%
    );


    pointer-events:none;


}






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


@media(max-width:767px){


.mybella-best-sellers 
ul.products {


    gap:16px;


}



.mybella-best-sellers 
ul.products li.product {


    padding:12px !important;


    border-radius:20px;


}




.mybella-best-sellers 
ul.products li.product img {


    height:150px;


    border-radius:16px;


}




.mybella-best-sellers 
.woocommerce-loop-product__title {


    font-size:14px !important;


    margin-top:15px;


}




.mybella-best-sellers 
.price {


    font-size:15px !important;


}




.mybella-best-sellers 
.button {


    width:100%;


    padding:11px 15px !important;


    font-size:13px;


}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5be5d9eb *//* =========================================================
   CLEANING TOOLS BY MYBELLA
   PREMIUM STATS / HIGHLIGHTS SECTION
========================================================= */

.mb-stats-section {

    --mb-navy: #032d3a;
    --mb-deep: #011d27;

    --mb-teal: #08baa5;
    --mb-teal-light: #38dcc5;

    --mb-blue: #168bd2;
    --mb-white: #ffffff;

    position: relative;

    width: 100%;

    padding: 72px 30px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 6% 20%,
            rgba(56, 220, 197, .16),
            transparent 25%
        ),
        radial-gradient(
            circle at 93% 80%,
            rgba(22, 139, 210, .16),
            transparent 28%
        ),
        linear-gradient(
            115deg,
            #011d27 0%,
            #033744 42%,
            #056c71 72%,
            #08aa97 100%
        );
}


/* subtle top and bottom borders */

.mb-stats-section::before {

    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.25),
            transparent
        );
}


.mb-stats-section::after {

    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(56,220,197,.55),
            transparent
        );
}


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

.mb-stats-container {

    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 1380px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 0;
}


/* =========================================================
   SINGLE ITEM
========================================================= */

.mb-stat-item {

    position: relative;

    min-height: 135px;

    display: flex;

    align-items: center;

    gap: 20px;

    padding:
        20px
        28px;

    transition:
        transform .35s ease;
}


/* separator */

.mb-stat-item:not(:last-child)::after {

    content: "";

    position: absolute;

    right: 0;

    top: 23px;

    width: 1px;
    height: 88px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(255,255,255,.20),
            transparent
        );
}


.mb-stat-item:hover {

    transform:
        translateY(-5px);
}


/* =========================================================
   ICON
========================================================= */

.mb-stat-icon {

    position: relative;

    flex:
        0
        0
        72px;

    width: 72px;
    height: 72px;

    display: flex;

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

    border-radius: 20px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.14),
            rgba(255,255,255,.05)
        );

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

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.13),
        0 15px 35px
        rgba(0,0,0,.10);

    backdrop-filter:
        blur(8px);

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

    transition:
        transform .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}


.mb-stat-icon::before {

    content: "";

    position: absolute;

    inset: 8px;

    border-radius: 15px;

    background:
        rgba(56,220,197,.08);
}


.mb-stat-icon svg {

    position: relative;

    z-index: 2;

    width: 34px;
    height: 34px;

    fill: #ffffff;
}


.mb-stat-item:hover
.mb-stat-icon {

    transform:
        rotate(-4deg)
        scale(1.06);

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

    box-shadow:
        0 17px 38px
        rgba(0,0,0,.16);
}


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

.mb-stat-content {

    min-width: 0;
}


/* NUMBER */

.mb-stat-content > strong {

    display: block;

    margin-bottom: 5px;

    color:
        #ffffff;

    font-size: 46px;

    font-weight: 800;

    line-height: .95;

    letter-spacing:
        -2px;

    text-shadow:
        0 8px 30px
        rgba(0,0,0,.15);
}


.mb-stat-content > strong span {

    color:
        var(--mb-teal-light);

    font-size: .62em;
}


/* TITLE */

.mb-stat-content h3 {

    margin:
        0
        0
        4px;

    color:
        #ffffff;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.25;
}


/* DESCRIPTION */

.mb-stat-content p {

    margin: 0;

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

    font-size: 11px;

    line-height: 1.45;
}


/* =========================================================
   TEXT BASED VALUES
========================================================= */

.mb-stat-text-value > strong {

    font-size: 33px;

    letter-spacing:
        -1px;
}


.mb-stat-text-value > strong span {

    font-size:
        .65em;
}


/* =========================================================
   SUBTLE HOVER GLOW
========================================================= */

.mb-stat-item::before {

    content: "";

    position: absolute;

    inset:
        8px
        12px;

    border-radius: 20px;

    background:
        rgba(255,255,255,0);

    transition:
        background .35s ease;

    pointer-events: none;
}


.mb-stat-item:hover::before {

    background:
        rgba(255,255,255,.035);
}


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

@media (max-width: 1100px) {

    .mb-stats-section {

        padding:
            55px
            25px;
    }


    .mb-stats-container {

        grid-template-columns:
            repeat(2, 1fr);

        row-gap: 15px;
    }


    .mb-stat-item:nth-child(2)::after {

        display: none;
    }


    .mb-stat-item {

        min-height: 125px;
    }


    .mb-stat-content > strong {

        font-size: 42px;
    }


    .mb-stat-text-value > strong {

        font-size: 30px;
    }

}


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

@media (max-width: 767px) {

    .mb-stats-section {

        padding:
            42px
            15px;
    }


    .mb-stats-container {

        grid-template-columns:
            1fr;

        gap: 10px;
    }


    .mb-stat-item {

        min-height: auto;

        padding:
            20px
            18px;

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

        border-radius:
            18px;

        background:
            rgba(255,255,255,.035);
    }


    .mb-stat-item::after {

        display: none !important;
    }


    .mb-stat-icon {

        flex-basis: 60px;

        width: 60px;
        height: 60px;

        border-radius: 17px;
    }


    .mb-stat-icon svg {

        width: 28px;
        height: 28px;
    }


    .mb-stat-content > strong {

        font-size: 36px;
    }


    .mb-stat-text-value > strong {

        font-size: 27px;
    }


    .mb-stat-content h3 {

        font-size: 14px;
    }


    .mb-stat-content p {

        font-size: 10.5px;
    }

}


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

@media (max-width: 420px) {

    .mb-stat-item {

        gap: 15px;

        padding:
            18px
            15px;
    }


    .mb-stat-icon {

        flex-basis: 55px;

        width: 55px;
        height: 55px;
    }


    .mb-stat-content > strong {

        font-size: 32px;
    }


    .mb-stat-text-value > strong {

        font-size: 24px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e8f6cfc *//* =========================================================
   CLEANING TOOLS BY MYBELLA
   WHY CHOOSE US
   4 CARDS IN ONE ROW
========================================================= */

.mb-why-section {

    --mb-navy: #032d3a;
    --mb-deep: #011d27;

    --mb-blue: #168bd2;

    --mb-teal: #08baa5;
    --mb-teal-light: #36ddc7;

    --mb-text: #284851;
    --mb-muted: #71868d;

    position: relative;

    width: 100%;

    padding: 70px 30px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(8,186,165,.08),
            transparent 27%
        ),
        radial-gradient(
            circle at 92% 80%,
            rgba(22,139,210,.07),
            transparent 30%
        ),
        #f8fcfd;
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.mb-why-section::before {

    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: -210px;
    top: 30px;

    border-radius: 50%;

    background:
        rgba(8,186,165,.06);

    filter: blur(35px);

    pointer-events: none;
}


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

.mb-why-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1380px;

    margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.mb-why-header {

    max-width: 660px;

    margin:
        0
        auto
        38px;

    text-align: center;
}


/* SMALL LABEL */

.mb-why-kicker {

    display: inline-flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 13px;

    color: var(--mb-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2.3px;

    text-transform: uppercase;
}


.mb-why-kicker span {

    width: 35px;
    height: 2px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            var(--mb-blue),
            var(--mb-teal)
        );
}


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

.mb-why-header h2 {

    margin:
        0
        0
        12px;

    color: var(--mb-navy);

    font-size: 35px;

    font-weight: 700;

    line-height: 1.1;

    letter-spacing: -1.2px;
}


.mb-why-header h2 span {

    display: block;

    margin-top: 3px;

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

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}


.mb-why-header p {

    max-width: 520px;

    margin: 0 auto;

    color: var(--mb-muted);

    font-size: 13px;

    line-height: 1.65;
}


/* =========================================================
   FOUR CARDS IN ONE ROW
========================================================= */

.mb-why-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
}


/* =========================================================
   CARD
========================================================= */

.mb-why-card {

    position: relative;

    width: 100%;

    min-width: 0;

    min-height: 220px;

    padding:
        26px
        23px;

    border-radius: 22px;

    border:
        1px solid
        rgba(3,45,58,.08);

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

    box-shadow:
        0 17px 45px
        rgba(3,45,58,.07);

    overflow: hidden;

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}


/* CARD GLOW */

.mb-why-card::before {

    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -75px;
    bottom: -75px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(8,186,165,.10),
            transparent 70%
        );

    pointer-events: none;
}


/* HOVER */

.mb-why-card:hover {

    transform: translateY(-7px);

    border-color:
        rgba(8,186,165,.22);

    box-shadow:
        0 27px 60px
        rgba(3,45,58,.12);
}


/* =========================================================
   CARD TOP
========================================================= */

.mb-why-top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 25px;
}


/* NUMBER */

.mb-why-number {

    color:
        rgba(3,45,58,.09);

    font-size: 29px;

    font-weight: 800;

    line-height: 1;
}


/* =========================================================
   ICON
========================================================= */

.mb-why-icon {

    width: 48px;
    height: 48px;

    flex:
        0
        0
        48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            var(--mb-navy),
            #066876,
            var(--mb-teal)
        );

    box-shadow:
        0 12px 28px
        rgba(3,45,58,.17);

    transition:
        transform .35s ease;
}


.mb-why-icon svg {

    width: 21px;
    height: 21px;

    fill: #ffffff;
}


.mb-why-card:hover
.mb-why-icon {

    transform:
        rotate(-5deg)
        scale(1.05);
}


/* =========================================================
   CARD TITLE
========================================================= */

.mb-why-card h4 {

    position: relative;

    z-index: 2;

    margin:
        0
        0
        8px;

    color:
        var(--mb-navy);

    font-size: 16px;

    font-weight: 700;

    line-height: 1.3;
}


/* =========================================================
   CARD TEXT
========================================================= */

.mb-why-card p {

    position: relative;

    z-index: 2;

    margin: 0;

    color:
        var(--mb-muted);

    font-size: 12px;

    line-height: 1.6;
}


/* =========================================================
   BOTTOM ACCENT
========================================================= */

.mb-why-line {

    position: absolute;

    left: 23px;
    bottom: 21px;

    width: 30px;
    height: 2px;

    border-radius: 10px;

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

    transition:
        width .35s ease;
}


.mb-why-card:hover
.mb-why-line {

    width: 68px;
}


/* =========================================================
   DARK CARD
========================================================= */

.mb-why-card-dark {

    border-color:
        rgba(255,255,255,.08);

    background:
        linear-gradient(
            145deg,
            #011d27,
            #033845
        );

    box-shadow:
        0 19px 50px
        rgba(1,29,39,.14);
}


.mb-why-card-dark::before {

    background:
        radial-gradient(
            circle,
            rgba(54,221,199,.13),
            transparent 70%
        );
}


.mb-why-card-dark
.mb-why-number {

    color:
        rgba(255,255,255,.09);
}


.mb-why-card-dark h4 {

    color:
        #ffffff;
}


.mb-why-card-dark p {

    color:
        rgba(255,255,255,.64);
}


.mb-why-card-dark
.mb-why-icon {

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


/* =========================================================
   LAPTOP / SMALL DESKTOP
   STILL KEEP 4 CARDS IN ONE ROW
========================================================= */

@media (max-width: 1200px) {

    .mb-why-section {

        padding:
            65px
            22px;
    }


    .mb-why-grid {

        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        gap: 13px;
    }


    .mb-why-card {

        min-height: 215px;

        padding:
            23px
            18px;
    }


    .mb-why-card h4 {

        font-size: 14.5px;
    }


    .mb-why-card p {

        font-size: 11px;
    }


    .mb-why-icon {

        width: 43px;
        height: 43px;

        flex-basis: 43px;
    }


    .mb-why-icon svg {

        width: 19px;
        height: 19px;
    }


    .mb-why-number {

        font-size: 25px;
    }


    .mb-why-line {

        left: 18px;
    }

}


/* =========================================================
   TABLET
   4 CARDS STILL IN ONE ROW
========================================================= */

@media (max-width: 900px) {

    .mb-why-section {

        padding:
            55px
            15px;
    }


    .mb-why-header {

        margin-bottom: 30px;
    }


    .mb-why-header h2 {

        font-size: 30px;
    }


    .mb-why-grid {

        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        gap: 9px;
    }


    .mb-why-card {

        min-height: 205px;

        padding:
            20px
            14px;

        border-radius: 17px;
    }


    .mb-why-top {

        margin-bottom: 20px;
    }


    .mb-why-number {

        font-size: 22px;
    }


    .mb-why-icon {

        width: 39px;
        height: 39px;

        flex-basis: 39px;

        border-radius: 12px;
    }


    .mb-why-icon svg {

        width: 17px;
        height: 17px;
    }


    .mb-why-card h4 {

        font-size: 13px;
    }


    .mb-why-card p {

        font-size: 10px;

        line-height: 1.55;
    }


    .mb-why-line {

        left: 14px;
        bottom: 17px;
    }

}


/* =========================================================
   MOBILE ONLY
   STACK CARDS
========================================================= */

@media (max-width: 767px) {

    .mb-why-grid {

        grid-template-columns:
            1fr;

        gap: 14px;
    }


    .mb-why-card {

        min-height: 185px;

        padding:
            22px
            20px;

        border-radius: 19px;
    }


    .mb-why-top {

        margin-bottom: 19px;
    }


    .mb-why-icon {

        width: 45px;
        height: 45px;

        flex-basis: 45px;

        border-radius: 14px;
    }


    .mb-why-icon svg {

        width: 20px;
        height: 20px;
    }


    .mb-why-number {

        font-size: 26px;
    }


    .mb-why-card h4 {

        font-size: 16px;
    }


    .mb-why-card p {

        font-size: 12px;
    }


    .mb-why-line {

        left: 20px;
        bottom: 18px;
    }

}


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

@media (max-width: 480px) {

    .mb-why-header h2 {

        font-size: 27px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-081396a *//* =========================================================
   CLEANING TOOLS BY MYBELLA
   LUXURY TESTIMONIAL SECTION
========================================================= */

.mb-testimonials {

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

    position: relative;

    width: 100%;

    padding: 80px 30px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #011d27 0%,
            #032d3a 55%,
            #064d58 100%
        );
}


/* BACKGROUND GLOW */

.mb-testimonials::before {

    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: -160px;
    top: -180px;

    border-radius: 50%;

    background:
        rgba(8,186,165,.12);

    filter: blur(20px);

    pointer-events: none;
}


.mb-testimonials::after {

    content: "";

    position: absolute;

    width: 330px;
    height: 330px;

    left: -170px;
    bottom: -170px;

    border-radius: 50%;

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

    pointer-events: none;
}


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

.mb-testimonial-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1250px;

    margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.mb-testimonial-header {

    max-width: 650px;

    margin:
        0 auto
        42px;

    text-align: center;
}


.mb-testimonial-kicker {

    display: inline-block;

    margin-bottom: 10px;

    color:
        var(--mb-teal-light);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2.4px;

    text-transform: uppercase;
}


.mb-testimonial-header h2 {

    margin:
        0
        0
        12px;

    color: #ffffff;

    font-size:
        clamp(38px, 4vw, 54px);

    line-height: 1.05;

    font-weight: 700;

    letter-spacing: -1.5px;
}


.mb-testimonial-header p {

    margin: 0;

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

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
   GRID
========================================================= */

.mb-testimonial-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap: 20px;
}


/* =========================================================
   CARD
========================================================= */

.mb-testimonial-card {

    position: relative;

    padding:
        27px
        27px
        25px;

    border-radius: 22px;

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

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

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.14);

    backdrop-filter:
        blur(12px);

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

    transition:
        transform .35s ease,
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


.mb-testimonial-card:hover {

    transform:
        translateY(-7px);

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

    border-color:
        rgba(54,221,199,.30);

    box-shadow:
        0 28px 60px
        rgba(0,0,0,.22);
}


/* FEATURED CARD */

.mb-testimonial-featured {

    background:
        linear-gradient(
            145deg,
            rgba(22,139,210,.17),
            rgba(8,186,165,.12)
        );

    border-color:
        rgba(54,221,199,.25);
}


/* =========================================================
   TOP AREA
========================================================= */

.mb-testimonial-top {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin-bottom: 18px;
}


/* STARS */

.mb-testimonial-stars {

    color:
        var(--mb-teal-light);

    font-size: 12px;

    letter-spacing: 3px;
}


/* QUOTE */

.mb-testimonial-quote {

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

    font-family: Georgia, serif;

    font-size: 58px;

    line-height: .65;

    font-weight: 700;
}


/* =========================================================
   TEXT
========================================================= */

.mb-testimonial-text {

    min-height: 78px;

    margin:
        0
        0
        24px;

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

    font-size: 14px;

    line-height: 1.75;
}


/* =========================================================
   CUSTOMER
========================================================= */

.mb-testimonial-person {

    display: flex;

    align-items: center;

    gap: 12px;

    padding-top: 18px;

    border-top:
        1px solid
        rgba(255,255,255,.09);
}


/* AVATAR */

.mb-testimonial-avatar {

    width: 43px;
    height: 43px;

    flex:
        0 0 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color:
        #ffffff;

    font-size: 13px;

    font-weight: 800;

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

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


.mb-testimonial-person strong {

    display: block;

    margin-bottom: 3px;

    color:
        #ffffff;

    font-size: 13px;
}


.mb-testimonial-person span {

    display: block;

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

    font-size: 10px;
}


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

@media (max-width: 950px) {

    .mb-testimonial-grid {

        grid-template-columns:
            repeat(2,1fr);
    }


    .mb-testimonial-card:last-child {

        grid-column:
            1 / -1;
    }

}


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

@media (max-width: 767px) {

    .mb-testimonials {

        padding:
            60px
            15px;
    }


    .mb-testimonial-header {

        margin-bottom:
            30px;
    }


    .mb-testimonial-header h2 {

        font-size: 36px;
    }


    .mb-testimonial-grid {

        grid-template-columns:
            1fr;

        gap: 15px;
    }


    .mb-testimonial-card:last-child {

        grid-column: auto;
    }


    .mb-testimonial-card {

        padding:
            23px
            21px;
    }


    .mb-testimonial-text {

        min-height: auto;

        font-size: 13px;
    }

}


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

@media (max-width: 480px) {

    .mb-testimonial-header h2 {

        font-size: 32px;
    }


    .mb-testimonial-card {

        border-radius: 18px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-291a1ac *//* =====================================================
   MYBELLA FAQ SECTION
===================================================== */


.mb-faq-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;


    background:

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


}




/* BACKGROUND SHAPES */


.mb-faq-bg-shape{

    position:absolute;

    border-radius:50%;

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

}



.mb-faq-shape-1{

    width:350px;

    height:350px;

    right:-120px;

    top:80px;

}



.mb-faq-shape-2{

    width:250px;

    height:250px;

    left:-100px;

    bottom:50px;

}






/* CONTAINER */


.mb-faq-container{


    max-width:1200px;

    width:100%;

    margin:auto;


    padding:0 40px;


    display:flex;

    justify-content:space-between;

    gap:70px;


    position:relative;

    z-index:2;


}





/* =====================================================
        LEFT INTRO
===================================================== */


.mb-faq-intro{


    width:45%;


}



.mb-faq-kicker{


    display:flex;

    align-items:center;

    gap:14px;


    color:#10bd91;


    font-size:12px;


    font-weight:800;


    letter-spacing:3px;


    margin-bottom:25px;


}



.mb-faq-kicker span{


    width:40px;

    height:2px;

    background:#10bd91;


}





.mb-faq-intro h2{


    font-size:52px;


    line-height:1.08;


    font-weight:800;


    color:#063b46;


    margin:0 0 25px;


}




.mb-faq-intro h2 span{


    display:block;


    background:

    linear-gradient(
        90deg,
        #149bd0,
        #10bd91
    );


    -webkit-background-clip:text;


    -webkit-text-fill-color:transparent;


}




.mb-faq-intro>p{


    color:#61777c;


    font-size:17px;


    line-height:1.7;


    margin-bottom:35px;


}







/* HELP CARD */


.mb-faq-help-card{


    display:flex;

    gap:20px;


    padding:25px;


    border-radius:25px;


    background:


    linear-gradient(
        135deg,
        #033640,
        #07585c
    );


    color:white;


    overflow:hidden;


    position:relative;


}




.mb-faq-help-card:after{


    content:"";

    position:absolute;


    width:220px;

    height:220px;


    right:-80px;

    top:-80px;


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


    border-radius:50%;


}





.mb-faq-help-icon{


    width:45px;

    height:45px;


    flex-shrink:0;


    border-radius:12px;


    display:flex;

    align-items:center;

    justify-content:center;


    background:

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


    font-size:25px;

    font-weight:700;


}



.mb-faq-help-card span{


    color:#10bd91;


    font-size:11px;


    font-weight:800;


    text-transform:uppercase;


    letter-spacing:2px;


}



.mb-faq-help-card h3{


    font-size:20px;


    margin:8px 0 10px;


}



.mb-faq-help-card p{


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


    line-height:1.6;


    font-size:14px;


    margin-bottom:15px;


}



.mb-faq-help-card a{


    color:white;


    text-decoration:none;


    font-size:14px;


    font-weight:700;


}









/* =====================================================
        FAQ LIST
===================================================== */


.mb-faq-list{


    width:55%;


}





.mb-faq-item{


    background:white;


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


    border-radius:20px;


    margin-bottom:15px;


    overflow:hidden;


}




.mb-faq-item summary{


    list-style:none;


    cursor:pointer;


    padding:18px 20px;


    display:flex;


    align-items:center;


    gap:15px;


}




.mb-faq-item summary::-webkit-details-marker{


    display:none;


}




.mb-faq-number{


    width:40px;


    height:40px;


    border-radius:12px;


    display:flex;


    justify-content:center;

    align-items:center;


    background:

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


    color:white;


    font-size:13px;


    font-weight:700;


}



.mb-faq-question{


    flex:1;


    color:#063b46;


    font-size:16px;


    font-weight:700;


}




.mb-faq-plus{


    width:30px;

    height:30px;


    border-radius:50%;


    background:#10aeca;


    position:relative;


}



.mb-faq-plus:before,


.mb-faq-plus:after{


    content:"";

    position:absolute;

    background:white;


    left:50%;

    top:50%;


    transform:translate(-50%,-50%);


}



.mb-faq-plus:before{

    width:12px;

    height:2px;

}



.mb-faq-plus:after{

    width:2px;

    height:12px;

}




.mb-faq-item[open] .mb-faq-plus:after{

    display:none;

}





.mb-faq-answer{


    margin:0 15px 15px 60px;


    padding:18px;


    background:#f3faf9;


    border-left:3px solid #10bd91;


    border-radius:15px;


}



.mb-faq-answer p{


    margin:0;


    color:#60777c;


    line-height:1.6;


    font-size:15px;


}










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


@media(max-width:767px){



.mb-faq-section{


    padding:50px 0;


}



.mb-faq-container{


    flex-direction:column;


    padding:0 15px;


    gap:45px;


}




.mb-faq-intro,


.mb-faq-list{


    width:100%;


}




.mb-faq-intro{


    text-align:center;


}



.mb-faq-kicker{


    justify-content:center;


}



.mb-faq-intro h2{


    font-size:38px;


    line-height:1.1;


}



.mb-faq-intro>p{


    font-size:16px;


}



.mb-faq-help-card{


    text-align:left;


    justify-content:flex-start;


}




.mb-faq-list{


    text-align:left;


}




.mb-faq-item summary{


    padding:15px;


    gap:10px;


}




.mb-faq-number{


    width:38px;

    height:38px;


}




.mb-faq-question{


    font-size:14px;


}



.mb-faq-answer{


    margin:0 12px 12px 60px;


}



}/* End custom CSS */