/**/
/*header#main-header, body.admin-bar.et_fixed_nav #top-header {display: none; }*/


/*common css*/
.button-link .btn {
    background: transparent;
    color: #0961AC;
    border: 1px solid #0961AC;
    text-decoration: none;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    width: 100%;
    /* max-width: 370px; */
    text-align: center;
    text-transform: uppercase;
}
.btn, h1, h2, h3, h4, h5, h6, .sub-title, .product-card .price1, .sub-head, .testimonial-position, .spacific-title, .shop-by-title, .hero-button a {font-family: 'Barlow Condensed', Helvetica, Arial, Lucida, sans-serif;}
.mb-2 {margin-bottom: 20px; }
.mb-3 {margin-bottom: 30px; }
.mb-4 {margin-bottom: 40px; }
.mb-5 {margin-bottom: 50px; }
.main-title {font-size: 22px; text-transform: uppercase; color: #222222; font-weight: 700; padding-bottom: 0;}
.pad-tp-bt-8{padding-top: 80px; padding-bottom: 80px;}
.sub-head {font-size: 32px; color: #4B4B4B; font-weight: 600; }
p {font-size: 14px; color: #4B4B4B; line-height: 1.5; }
.text-center{text-align: center;}

/**/
.banner-row {display: grid; grid-template-columns: 1fr; align-items: center;}
.banner-text {
    /* padding-left: 110px; */
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
}
.banner-text .main-head {color: #222222; font-size: 40px; font-weight: 500; line-height: 1; padding-bottom: 24px; text-align: center; }
.banner-text p {color: #666666; font-size: 18px; text-align: center; line-height: 1.6;}
.hero-banner-txt{ width: 100%; max-width: 860px; margin: 0 auto;}
.showimageonlymobile { display: none}
.hero-button {text-align: center; }
h5.main-subtitle {line-height: 1.5; font-family: 'Figtree', sans-serif; font-weight: 800; font-size: 14px; text-transform: uppercase; text-align: center; color: #3795D4; margin-bottom: 0; }

/* Step 1*/
.formula-section {width: 100%;margin: 0 auto;background: #F4F6F8;box-sizing: border-box; padding: 32px 0;}
.formula-content {display: grid;grid-template-columns: minmax(0, 1fr) 450px;column-gap: 20px;align-items: center;padding-left: 20px; padding-right: 20px;}
.formula-heading {display: flex;align-items: center;gap: 10px;margin-bottom: 24px;}
.step-badge {flex-shrink: 0;padding: 7px 12px;background: #3795D4;color: #fff;border-radius: 4px;font-family: "Figtree", sans-serif;font-size: 12px;font-weight: 800;line-height: 1;}
.formula-heading h2 {margin: 0;font-size: 28px;font-weight: 500;color: #222222;padding-bottom: 0px;}
/* Paragraph */
.formula-text p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #222222;
    width: 95%;
}
.formula-text p strong {
    font-size: 28px;
    font-weight: 500;
    color: #222222;
}
.formula-recommendation {
    margin-top: 24px;
    padding: 0 0 0 22px;
    border-left: 4px solid #81B719;
    font-size: 28px;
    line-height: 1.35;
    color: #222222;
    font-family: 'Barlow Condensed';
    font-weight: 500;
}
.formula-product {
    position: relative;
    display: grid;
    place-items: center;
    min-width: 0;
}
.formula-product img {
    display: block;
    width: 100%;
    max-width: 444px;
    height: auto;
    object-fit: contain;
}
.onlymobileimgfirst {
    display: none;
}

.formula-recommendation strong {
    font-weight: 500;
}
/* =========================
   TABLET
========================= */
@media (max-width: 991px) {
    .formula-content {
        grid-template-columns: minmax(0, 1fr) 280px;
        column-gap: 15px;
    }
}


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

@media (max-width: 767px) {
    .formula-content {
        grid-template-columns: 1fr;
        row-gap: 25px;
        padding: 0 10px;
    }
    .formula-text {
        width: 100%;
    }
    .formula-heading {
        margin-bottom: 15px;
    }
    .formula-heading h2 {
        font-size: 28px;
    }
    .formula-text p {
        font-size: 16px;
        line-height: 1.5;
    }
    .formula-recommendation {
        font-size: 28px;
        line-height: 1.2;
    }
    .formula-product {
        width: 100%;
    }
    .formula-product img {
        width: 336px;
        max-width: 100%;
    }
    .onlymobileimgfirst {
        display: block;
        margin-top: 16px;
        text-align: center;
    }
    .formula-product.onlydesktopimgfirst{
        display: none;
    }
}
/* close step 1*/
/* step 2*/
section.formula-section.step2 {
    background-color: #fff;
    padding: 80px 0 0 0;
}
section.formula-section.step4 {
    background-color: #fff;
    padding: 80px 0;
}
.shop-by-condition-section.pad-tp-bt-8 {
    padding: 80px 20px;
}
/* step 2 close*/
.home-image-content-section {
    background-color: #F4F6F8;
    padding: 80px 0;
}
/*dots*/
.owl-dots button.owl-dot span {width: 12px; height: 12px; display: block; background: #fff; border-radius: 10px; opacity: 0.5;}
.owl-dots button.owl-dot.active span{opacity: 1;}
.banner-image .owl-dots {position: absolute; bottom: 0; width: 100%; text-align: center; padding-bottom: 15px; display: flex; justify-content: center; gap: 7px; }


/*feature product section*/
.product-card {padding: 15px; text-align: center; background: #fff; border: 1px solid #0860AC; height: 100%;}
.product-card img {max-width: 100%; height: auto; }
.product-card .sub-title a {color: #4B4B4B; font-size: 24px; margin: 10px 0 5px; font-weight: 600;    text-transform: uppercase; }
.product-card .price1 {font-size: 28px; color: #3695D4; margin-bottom: 10px; }
.product-card p {
    color: #4B4B4B;
    font-family: Merriweather;
    font-weight: 300;
    font-size: 15px;
    line-height: 120%;
    text-align: left;
}
.product-card .product-img img {height: 200px; object-fit: contain; }
.shop-btn {margin-top: 20px; display: inline-block; background: #0073e6; color: #fff; padding: 10px 25px; text-decoration: none; font-size: 14px; }

.feature-product-row .owl-stage .item {height: 100%; }
.owl-theme .owl-nav {margin-top: 20px; float: right; }

/**/
.owl-carousel {display: flex;}
.product-slider {margin-bottom: 20px; }

.product-title-price {text-align: left; }

/*Image content section*/
.home-image-content-row {display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding-left: 20px;
    padding-right: 20px; align-items: center;}
.content-col {
    width: 100%;
    max-width: 480px;
}
span.titlechecklist {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Barlow Condensed', Helvetica, Arial, Lucida, sans-serif;
    color: #222222;
}
.home-image-content-row ul {
    margin-top: 20px;
}
.home-image-content-row ul li {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Figtree', sans-serif;
    color: #222222;
    line-height: 1.4;
    margin-bottom: 12px;
    position: relative;
    padding-left: 30px;
}
.home-image-content-row ul li img {
    margin-right: 10px;
    vertical-align: sub;
    position: absolute;
    left: 0;
}
.content-btn a.btn {
    padding: 16px 24px; 
    border: 1px solid var(--CTA-Blue, #0961AC); 
    display: inline-flex; 
    align-items: center; 
    gap: 10px; line-height: 1; text-transform: uppercase; color: #fff; 
    background-color: #0961AC;
    font-size: 14px;
    font-family: 'Barlow Condensed', Helvetica, Arial, Lucida, sans-serif;
   font-weight: 700;
}
/* need help section*/
section.needhelpsection {
    background-color: #EDF7FF;
}
h5.help-sub {
    font-size: 16px;
    color: #222222;
    font-weight: 400;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Merriweather';
    line-height: 24px;
    margin-bottom: 6px;
}
.help-content p {
    color: #0961AC;
    font-weight: 600;
    font-size: 20px;
    max-width: 690px;
    margin: 0 auto;
    text-align: center;
    line-height: 24px;
    margin-bottom: 32px;
}
.needhelpbutton {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.content-btn.secondbtn a {
    background-color: transparent;
    border-color: #0961AC;
    color: #0961AC;
}
/* end need help section*/
/*testimonial section design*/
.testimonial-cont p {background: linear-gradient(91.88deg, #0860AC 1.07%, #4DB2F5 49.26%, #0860AC 98.38%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-size: 33px; }
.testimonial-position {font-size: 24px; color: #0860AC;    text-transform: uppercase; }

/*spacific section design*/
/*.spacific-row {display: grid; gap: 10px; width: 100%; grid-template-columns: repeat(9, 1fr); }*/
.spacific-title {font-size: 16px; color: #fff; text-transform: uppercase;}
.spacific-cont {text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 15px; padding-top: 10px; }
.spacific-card {background: #3695D4; border: 1px solid var(--CTA-Blue, #0860AC); border-radius: 300px; }
.arrow-link img {display: block; }
.spacific-img img {display: block; }
.spacific-card .spacific-img img { border-radius: 50%;}
.spacific-row .owl-carousel .owl-stage-outer {margin-bottom: 20px; }

.shop-by-condition-row .owl-carousel .owl-stage {display: flex; }
.feature-product-row .owl-carousel .owl-stage-outer{padding-left: 2px;}
.feature-product-row .owl-stage { display: flex ; }

/*shop by condition*/
.shop-con-card {border: 1px solid #0961AC; padding: 24px 28px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;box-shadow: 0px 4px 12px 0px #00000008;    }
.shop-by-cont p {font-size: 15px; padding-bottom: 0; margin-bottom: 10px; }
.shop-by-title a{font-size: 24px; color: #222222; font-weight: 400; margin-bottom: 15px; }
.shop-by-title {
    margin-bottom: 8px;
    margin-top: 13px;
}
.shop-by-cont p {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    font-family: "Figtree", sans-serif;
    line-height: 1.4;
}
.shop-by-cont {
    margin-bottom: 8px;
}
.shop-by-condition-row .owl-theme.owl-carousel .owl-nav {float: unset; justify-content: end; display: none;}
.shop-con-card:hover {
    background-color: #E7F4FF;
}
.shop-con-card:hover .button-link .btn {
    background: #0961AC;
    color: #fff;
    border: 1px solid #0961AC;
}
/*navigation arrow*/
.owl-carousel.owl-theme .owl-nav button[class*=owl-] {width: 36px; margin: 0; height: 35px; display: flex; align-items: center; justify-content: center; border: 2px solid #3695D4 !important; border-radius: 36px; padding: 5px !important; }
.owl-theme.owl-carousel .owl-nav {margin-top: 20px; display: flex; gap: 10px; }
.owl-carousel .owl-nav button[class*=owl-]:hover {background: #3695D4; }
.owl-carousel .owl-nav button[class*=owl-]:hover img{filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1514%) hue-rotate(241deg) brightness(118%) contrast(100%);}
.owl-carousel.owl-theme .owl-nav button[class*=owl-] span {display: block; }
.owl-carousel.owl-theme .owl-nav button[class*=owl-] span img {display: block; }

.shop-by-cont p:last-child {margin-bottom: 0; }

.spacific-row .owl-carousel .owl-nav.disabled {
    display: inline-flex;
    margin: 0;
    margin-top: -7px;
}

.spacific-section  .product-button.button-link {
    margin-top: 40px;
}

.shop-by-condition-row .owl-carousel.owl-drag .owl-item {
    margin-left: 5px;
}


/*Responsive*/

.owl-theme.owl-carousel .owl-nav {
    position: absolute;
    top: -82px;
    left: auto;
    right: 0;
}

p { color: #4B4B4B; font-family: 'Merriweather'; }

.home-image-content-row .contents p {
    font-size: 16px;
}

@media only screen and (max-width: 1450px) {

/**/
.banner-text .main-head {font-size: 40px;}
.sub-head, .testimonial-cont p, .hero-button a {font-size: 28px; }
.shop-by-title a{ font-size: 24px;}
.main-title { font-size: 22px;}
.product-card .sub-title a{    font-size: 22px;}
.product-card .price1 {font-size: 26px;}

/*slider height*/
.shop-con-card {min-height: 340px; }
/*.product-card {min-height: 390px; }*/

}

section.needhelpsection .banner-text .main-head {
    font-weight: bold;
}

@media only screen and (max-width: 1400px) {
/**/
.pad-tp-bt-8 {padding-top: 60px; padding-bottom: 60px; }
p {font-size: 13px;}

/*slider height*/
.shop-con-card {min-height: 380px; }


}

section.formula-section.step4 .formula-content {
    max-width: 1050px;
    display: flex;
    width: 100%;
}


@media only screen and (max-width: 1200px) {
.banner-text .main-head {font-size: 40px; }
.banner-text {padding-left: 30px; }

.mb-3 {margin-bottom: 20px; }
.banner-text p { font-size: 16px;}
.mb-4 {margin-bottom: 30px; }
.banner-row { gap: 40px;}
.product-card .sub-title a {font-size: 20px; line-height: 1.2; }
.product-card .price1 {font-size: 24px; }


.main-title {font-size: 22px; }
.home-image-content-row {gap: 30px;}
.shop-by-title a{font-size: 24px; line-height: 1.1; }


}

@media only screen and (max-width: 961px) {
.banner-row {grid-template-columns: 1fr;}
.banner-text {padding: 30px  30px;}
.hero-section { padding-bottom: 0;}
.home-image-content-row { gap: 38px; grid-template-columns: 1fr; }
.sub-head, .testimonial-cont p, .hero-button a {font-size: 24px; }
.shop-con-card {min-height: 340px; }
/*.product-card {min-height: 440px; }*/

.owl-theme.owl-carousel .owl-nav { display: none !important;}
.testimonial-cont p{line-height: 1.3;}
section.formula-section.step2 {
    padding: 32px 0 0 0;
}
.formula-text p {
        width: 100%;
    }
.shop-by-condition-section.pad-tp-bt-8 {
    padding: 32px 20px;
}
.content-col {
    width: 100%;
    max-width: 100%;
}
.home-image-content-section {
    padding: 32px 0;
}
section.formula-section.step4 {
    padding: 32px 0;
}
}


@media only screen and (max-width: 767px) {
.banner-text .main-head {font-size: 36px; padding-bottom: 16px;text-align: left;}

.banner-text p, h5.main-subtitle{text-align: left;}
.banner-text {padding: 30px 6px; }
.showimageonlymobile img {width: 100%;border-radius: 12px;margin-top: 16px;}
.showimageonlymobile {margin: 0 auto;text-align: center; display: block;}
.banner-row {gap: 20px; }
.hero-button a {font-size: 32px !important; }
.pad-tp-bt-8 {padding-top: 30px; padding-bottom: 30px; }
.main-title {font-size: 22px; }
.product-card .sub-title a {font-size: 24px;}
.product-card .price1 {font-size: 28px; }
p {font-size: 14px; }
.mb-5 {margin-bottom: 20px; }
.shop-by-title a{ font-size: 24px;}
.content-btn a.btn { padding: 10px 10px;}
.shop-by-condition-section.pad-tp-bt-8 {
    padding: 32px 10px;
}
.home-image-content-row {
    padding: 0 10px;
}
section.needhelpsection h2.main-head {
    font-size: 40px;
    text-align: center;
}
section.needhelpsection .banner-text p {
    font-size: 20px;
    text-align: center;
}
.needhelpbutton {
    display: block;
}
.content-btn.firstbtn {
    margin-bottom: 16px;
}
}

@media only screen and (max-width: 600px) {
    .button-link .btn {
        max-width: 100%;
    }
    .content-btn a.btn {
        width: 100%;
        justify-content: center;
    }
}
@media only screen and (max-width: 480px) {

.hero-logos { gap: 10px;}
.banner-image .hero-logo img {max-width: 120px; max-height: 50px; }
/*.product-card {min-height: 460px; }*/
.shop-con-card {min-height: 360px;padding: 24px; }


}