@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@700&display=swap');

/*========== Common Style Start ==========*/
/* === Inlined: custom/common-style.css === */
.main-title {
    font-family: "DM Sans", serif;
    font-size: 68px;
    line-height: 72px;
    font-weight: 700;
    text-transform: capitalize;
}

.main-title span {
    color: var(--orange);
}

.main-title * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}

.banner-title {
    font-family: "DM Sans", serif;
    font-size: 56px;
    line-height: 62px;
    font-weight: 700;
    text-transform: capitalize;
}

.banner-title span {
    color: var(--orange);
}

.banner-title * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}

.section-title {
    font-family: "DM Sans", serif;
    font-size: 44px;
    line-height: 52px;
    font-weight: 700;
    text-transform: capitalize;
}

.section-title span {
    color: var(--orange);
}

.section-title * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}

.block-title {
    font-family: "DM Sans", serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
}

.block-title * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}

.small-title {
    font-family: "DM Sans", serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.small-title * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}

.large-detail {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.large-detail * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}

.common-detail {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}

.common-detail * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}


.detail * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}

.small-detail {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.small-detail * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}

.btn {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 34px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.btn-orange {
    color: var(--white);
    border: 2px solid var(--orange);
    background-color: var(--orange);
    -moz-box-shadow: 0px -5px 0px 0px #DE6E25 inset;
    -webkit-box-shadow: 0px -5px 0px 0px #DE6E25 inset;
    box-shadow: 0px -5px 0px 0px #DE6E25 inset;
}

.btn-orange:hover {
    border-color: #d95906 !important;
    color: var(--white) !important;
    background-color: #d95906 !important;
    -moz-box-shadow: 0px -5px 0px 0px #d95906 inset;
    -webkit-box-shadow: 0px -5px 0px 0px #d95906 inset;
    box-shadow: 0px -5px 0px 0px #d95906 inset;
}

.btn-yellow {
    background: -moz-linear-gradient(180deg, #FFDE21 39.18%, #D78F00 124.37%);
    background: -webkit-linear-gradient(180deg, #FFDE21 39.18%, #D78F00 124.37%);
    background: linear-gradient(180deg, #FFDE21 39.18%, #D78F00 124.37%);
    -moz-box-shadow: 0px -5px 0px 0px #FFDE21 inset;
    -webkit-box-shadow: 0px -5px 0px 0px #FFDE21 inset;
    box-shadow: 0px -5px 0px 0px #FFDE21 inset;
    border: 2px solid var(--black);
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.btn-yellow:hover {
    background: #d95906;
    border-color: #d95906;
    color: var(--white);
    -moz-box-shadow: 0px -5px 0px 0px #d95906 inset;
    -webkit-box-shadow: 0px -5px 0px 0px #d95906 inset;
    box-shadow: 0px -5px 0px 0px #d95906 inset;
}
/* === End: custom/common-style.css === */
/*========== Common Style End ==========*/

/*========== Header Start ==========*/
/* === Inlined: custom/header.css === */
/* Sticky Navbar */

.fixed-navbar {
    position: fixed; /* Keeps navbar fixed at the top */
    top: 0;
    left: 0;
    right: 0;
    height: 90px; /* Match Figma height */
    background: #b0e6e8; /* Match Figma background */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Keep subtle shadow */
    transition: transform 0.3s ease-in-out; /* Smooth animation if hiding on scroll */
    z-index: 1000; /* Ensure it stays above other content */
    /*padding: 0 40px;*/ /* Add horizontal padding for better spacing */
}


/* Reduce logo size in the sticky navbar */
.fixed-navbar .navbar-brand img {
    max-width: 93px; /* Adjust this value as needed */
    height: auto;
}

.navbar-toggler {
    border: none; /* Remove default border */
    background-color: transparent; /* Keep background transparent */
}

.navbar-toggler-icon {
    width: 24px; /* Set width */
    height: 24px; /* Set height */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23171717' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* When button is clicked, show your PNG */
.navbar-toggler.open .navbar-toggler-icon {
    background-image: url('../images/times.png') !important; /* Replace with the actual file path */
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px; /* Set width */
    height: 14px; /* Set height */
}

.fixed-navbar .navbar-nav {
    display: flex;
    gap: 40px;
}

.fixed-navbar .navbar-nav .nav-item {
    padding: 0 5px;
}

.fixed-navbar .header-btn .btn {
    font-size: 16px;
    padding: 14px 32px;
    border-radius: 30px;
}
.header-btn {
    display: flex;
    justify-content: center; /* Aligns right by default */
}


/* Responsive */
@media (max-width: 768px) {
    .fixed-navbar {
        height: auto; /* Allow expansion */
        min-height: 60px; /* Keep navbar visible when collapsed */
        padding: 0;

    }
    .fixed-navbar .container {
        padding: 0 20px; /* Apply padding inside */
    }

    .fixed-navbar .navbar-nav {
        display: flex;
        gap: unset;
    }

    .fixed-navbar .navbar-nav .nav-item {
        padding: 12px 0;
    }

    .fixed-navbar .navbar-nav .nav-item a {
        line-height: 160%;
    }

    .header .navbar-brand {
        margin: 0 0 0 12px;
    }

    .fixed-navbar .navbar-nav {
        flex-direction: column;
        align-items: flex-start;
        /*align-items: center;*/
        /*background-color: #F6F7F7;*/
        padding: 24px 4px;

    }

    .header-btn {
        margin-top: 10px;
    }
    .fixed-navbar .header-btn .btn {
        font-size: 16px;
        font-weight: bold;
        width: 335px;
    }
}



/* === End: custom/header.css === */
/*========== Header End ==========*/

/*========== Footer Start ==========*/
/* === Inlined: custom/footer.css === */
.footer {
    padding: 56px 0 24px;
    /*margin: 0 32px 32px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;*/
}

.footer-main {
    text-align: center;
    max-width: 1016px;
    width: 790px;
    margin: 0 auto;
}

.footer-links ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.footer-links ul li {
    color: var(--white);
    list-style-type: none;
    padding: 0 16px;
    margin: 0 0 16px;
    position: relative;
}

.footer-links ul li a:hover,
.footer-links ul li a.active {
    color: var(--yellow);
}

.footer-links ul li::before {
    content: "";
    background-color: var(--white);
    width: 1px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.footer-links ul li:last-child::before {
    display: none;
}

.footer-details {
    margin: 10px 0;
    text-align: left;
}

.footer-details p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px;
    color: #b4d3db;
}

.footer-details p:last-child {
    margin-bottom: 0;
    font-family: Roboto, sans-serif!important;
    font-size: 11px;
    line-height: 13px;
}

.copyright p {
    font-size: 14px;
    line-height: 20px;
    color: #A8D5D5;
    margin: 0;
}
#disclaimer .main.container > div {
    box-shadow: unset !important;
    padding: 0 12px;
    border-radius: 10px;
    background-color: #399796 !important;

}

.bg-img-disclaimer {
    background-image: url('../images/logo-buygoods-1.svg')!important;
    min-width: unset!important;
    background-repeat: no-repeat;
    width: 26%!important;
    min-height: 94px!important;
}
.bg-text-disclaimer
{
    max-width: unset!important;
    color: #b4d3db!important;
    font-family: Roboto, sans-serif!important;
    line-height: 13px!important;
}

#disclaimer > div {
    background: unset!important;
}

/* BuyGoods disclaimer: mobile only – logo centered, text below (avoid cropped layout) */
@media (max-width: 767px) {
    .footer #disclaimer > div {
        max-width: 100% !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    .footer #disclaimer > div > div {
        flex-direction: column !important;
        display: flex !important;
        align-items: center !important;
        text-align: center !important;
        max-width: 100% !important;
    }
    .footer #disclaimer > div > div > div:first-child {
        flex: none !important;
        width: 100% !important;
        max-width: 200px !important;
        margin: 0 auto !important;
    }
    .footer #disclaimer > div > div > div:last-child {
        flex: none !important;
        min-width: 0 !important;
        width: 100% !important;
        text-align: justify !important;
        padding: 10px 0 !important;
    }
}


/* === End: custom/footer.css === */
/*========== Footer End ==========*/

/*========== Banner Start ==========*/
/* === Inlined: custom/banner.css === */
.banner-wrp {
    background-image: url("../images/banner-Subtract.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    /* background-color: var(--sky); */
    margin: 32px 0 0;
    padding: 90px 0 38px;
    position: relative;
    z-index: 9;
    /*border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;*/
}

.banner-wrp::before {
    content: "";
    background-image: url('../images/Lines.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

/* .banner-wrp::after {
	content: "";
	background-color: var(--white);
	width: 138px;
	height: 138px;
	position: absolute;
	left: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
} */

.banner-content .main-title {
    margin: 0 0 24px;
}

.banner-content .large-detail {
    margin: 0 0 40px;
}

.banner-img {
    margin: 0 0 0 -50px;
}

.scroll-down {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -19px;
    max-width: 16px;
    width: 100%;
}

.scroll-down figure {
    display: flex;
}
/* === End: custom/banner.css === */
/*========== Banner End ==========*/

/*========== Upsell Page Start ==========*/
/* === Inlined: custom/upsell.css === */
.vsl-banner-wrp.upsell-page{
    padding: 50px 0 300px;
    margin-bottom: 10px;
}

.vsl-banner-wrp.upsell-page .vsl-banner-main .vsl-video{
    margin: 0px auto -244px auto;
    max-width: 1080px;
}

.vsl-banner-wrp.upsell-page .vsl-banner-main {
    text-align: start;
}

.vsl-banner-wrp.upsell-page .vsl-banner-main .banner-order-steps{
    display: flex;
    justify-content: space-between;
    max-width: 1050px;
    margin-bottom: 50px;
    background: var(--white);
    padding: 8px 40px 8px 8px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.banner-order-steps .icon{
    width: 64px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    border-radius: 50%;
    margin-right: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.banner-order-steps .order-step{
    display: flex;
    align-items: center;
}

.banner-order-steps .order-step.active{
    border-radius: 50px;
    border: 10px solid var(--White, #FFF);
    background: var(--Third, #41A3A3);
    padding: 8px 40px 8px 8px;
    margin: -17px 0;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
}

.banner-order-steps .order-step.active .small-title{
    font-size: 32px;
    line-height: 40px;
}

.banner-order-steps .order-step.active .order-details .details{
    font-size: 18px;
    line-height: 28px;
    color: var(--white);
}

.banner-order-steps .order-step  .order-details *{
    margin-bottom: 0;
}

.banner-order-steps .icon .section-title{
    color: var(--white);
}

.special-deal-section{
    padding: 30px 0 30px;
    margin: 30px 32px 32px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.special-deal-section .special-deal-wrap .special-deal-detail{
    margin-bottom: 40px;
}

.special-deal-section .special-deal-wrap .special-deal-right .saving-banner {
    margin-left: -45px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white);
    border-radius: 12px;
    box-shadow: 0px 4px 11.2px 0px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;

}

.saving-banner .left-details {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
}

.saving-banner .left-details .price-blink {
    color: var(--orange)
}

.saving-banner .left-details,
.saving-banner .right-details {
    flex: 0 0 auto;
}

.saving-banner .right-details{
    position: relative;
    padding: 15px;
    border-radius: 0 12px 12px 0;
    -webkit-border-radius: 0 12px 12px 0;
    -moz-border-radius: 0 12px 12px 0;
    -ms-border-radius: 0 12px 12px 0;
    -o-border-radius: 0 12px 12px 0;
}

.special-deal-right .details{
    color: var(--orange);
    font-weight: 700;
}

.special-deal-right .details p {
    margin: 0;
}

.special-deal-detail .large-detail *{
    /*margin-bottom: 4px;*/
}

.special-deal-main .special-deal-left{
    position: relative;
    z-index: 1;
    border-bottom: 7px solid var(--orange);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    background-color: var(--teal);
}

.special-deal-main .special-deal-left .special-deal-img{
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
}

/*.special-deal-main .special-deal-left .special-deal-img figure .img{
    width: 20% !important;
}*/

.special-deal-main .special-deal-left .special-deal-top-left {
    padding: 30px 20px 24px;
}

.special-deal-main .special-deal-left .special-deal-top-left .block-title {
    color: var(--white);
    font-weight: 500;
}

.special-deal-main .special-deal-left .special-deal-top-left .block-title span {
    font-weight: 700;
}

.saving-details {
    /*padding: 16px 24px 18px 40px;*/
    padding: 16px -1px 18px 40px;
}

.right-details .saving-details {
    padding: 0 24px 0 40px;
    /*padding: 0 32px 0 32px;*/
}

.right-details .small-title {
    padding: 0 24px 0 47px;
    /*padding: 0 32px 0 32px;*/
}

/*.saving-details span{
    font-family: "DM Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%
}*/

.saving-details span{
    font-family: "DM Sans";
    /*font-size: 56px;*/
    font-size: 54px;
    /*width: 2ch;*/
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}

.right-details .saving-details span {
    display: inline-block;
    width: 68px; /* Space for two digits and a buffer */
}

.saving-details span:first-child{
    margin-right: 6px;
    display: inline-block;
}

.saving-details sup{
    top: -23px;
}

.saving-details .per-bottle {
    top: -18px;
}
@media (max-width: 575px) {

    /* Mobile Banner left details */
    .left-details .saving-details sup {
        top: -18px!important;
    }
    .left-details .saving-details sup.per-bottle {
        top: -12px!important;
    }

    .left-details .you-save {
        margin: 5px 0!important;
    }

    .right-details .saving-details sup {
        top: -18px!important;
    }

    .right-details {
        width: 102px!important;
    }
    /* Mobile Banner right details */
    /*.special-deal-section .special-deal-wrap .special-deal-right .saving-banner .right-details {
        padding: 0!important;
    }*/
    .saving-banner {
        max-width: 100%!important;
        overflow-x: hidden; /* Prevents any extra width */
    }

    /*.saving-banner .left-details .saving-details{
        padding: 0!important;
        margin: 0!important;
    }*/
    /*.saving-banner .right-details {
        max-width: 50px;
    }*/
    /*.saving-banner .right-details .saving-details{
        padding: 0!important;
        margin: 0!important;
    }*/
    .saving-banner .right-details {
        padding: 16px 0 16px 0 !important;
    }
    .right-details .small-title {
        padding: 0;
        margin: 0 auto!important;
    }
}

@media (max-width: 424px) {

    /* Mobile Banner left details */
    .left-details .saving-details sup {
        top: -6px!important;
    }
    .left-details .saving-details sup.per-bottle {
        top: 0!important;
    }

    .left-details .you-save {
        margin: 5px 0!important;
    }

    .right-details .saving-details sup {
        top: -13px!important;
    }

    .right-details {
        width: 102px!important;
    }
    /* Mobile Banner right details */
    /*.special-deal-section .special-deal-wrap .special-deal-right .saving-banner .right-details {
        padding: 0!important;
    }*/
    .saving-banner {
        max-width: 100%!important;
        overflow-x: hidden; /* Prevents any extra width */
    }

    /*.saving-banner .left-details .saving-details{
        padding: 0!important;
        margin: 0!important;
    }*/
    /*.saving-banner .right-details {
        max-width: 50px;
    }*/
    /*.saving-banner .right-details .saving-details{
        padding: 0!important;
        margin: 0!important;
    }*/
    .saving-banner .right-details {
        padding: 16px 0 16px 0 !important;
    }
    .right-details .small-title {
        padding: 0;
        margin: 0 auto!important;
    }
}


.saving-details .you-save {
    padding: 2px 0;
}

.saving-details sup{
    font-family: 'Inter';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 11px; /* 100% */
    display: inline-block;
    max-width: 34px;
    text-align: left;
}

.right-details  .right-details-img{
    position: absolute;
    left: -76px;
    top: -30px;
    height: 180px;
}

.right-details  .right-details-img *{
    height: 100%;
    width: 100%;
}

.saving-details sup b{
    color: #0A0A0B;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
}

.special-deal-right .deal-list{
    padding: 40px 50px 32px 0;
}

.special-deal-right .deal-list ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.special-deal-right .deal-list ul li{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
    display: flex;
    /* align-items: center; */
}

.special-deal-right .deal-list ul li::before{
    content: "";
    display: inline-block;
    background: url('../images/yes.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    flex: 0  0 auto;
}

.special-deal-right {
    margin: 39px 0 0;
}

.special-deal-right .btn-orange {
    font-family: "DM Sans", serif;
    font-size: 28px;
    font-weight: 800;
    border-radius: 60px;
    padding: 18px 32px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
}

.special-deal-right .btn-orange br {
    display: none;
}

.special-deal-right .btn-orange span {
    font-family: "Inter", serif;
    font-weight: 500;
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.special-deal-wrap .details-bottom{
    max-width: 706px;
    margin: 48px auto 0;
    opacity: 0.8;
}

.special-deal-wrap .details-bottom a:first-child {
    text-decoration: underline;
}

.special-deal-right .icon-list ul{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.special-deal-right .icon-list ul li{
    margin-right: 24px;
}

.special-deal-right .icon-list ul li a{
    display: inline-block;
}

.special-deal-right .icon-list {
    margin-top: 28px;
}

.special-deal-right .icon-list ul li:last-child{
    margin-right: 0;
}

.official-page{
    margin: 40px 32px 20px;
    border-radius: 12px;
    padding: 40px 0 40px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.official-page-wrap .block-title span{
    color: var(--orange);
}

.official-page-wrap .official-page-top{
    max-width: 638px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.official-page-wrap .official-page-logo ul{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    list-style: none;
    justify-content: center;
}

.official-page-wrap .official-page-logo ul li{
    margin-right: 56px;
}

.official-page-wrap .official-page-logo ul li a{
    display: inline-block;
}

.official-page-wrap .official-page-logo ul li:last-child{
    margin-right: 0;
}

.official-page .block-title{
    margin-bottom: 16px;
}

.banner-upsell{
    padding: 30px 0 30px;
}

.banner-upsell .banner-shape{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.banner-upsell{
    position: relative;
    z-index: 9;
    margin: 0 32px 32px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.banner-upsell .banner-shape *{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.banner-upsell .banner-upsell-wrap {
    max-width: 894px;
    margin: 0 auto;
}

.banner-upsell .banner-upsell-wrap *{
    color: var(--white);
}

.banner-upsell .banner-upsell-wrap .small-title {
    font-weight: 900;
}

.banner-upsell .banner-upsell-wrap .main-title{
    text-transform: unset;
    margin-bottom: 16px;
}

/*
.btn-contain a {
    width: 100%;
}*/
.btn-contain .btn-orange .price {
    all: unset;  /* Resets all inherited styles */
}

/* blink effect */
/*@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.blink-animation {
    animation: blink 1.5s steps(1, end) 6;
}*/

@keyframes fadeBlink {
    0%, 100% { opacity: 1; }  /* Fully visible */
    50% { opacity: 0; }       /* Fully hidden */
}

.fade-blink-animation {
    animation: fadeBlink 1.5s ease-in-out 6; /* 1.5s per fade, 5 full blinks */
}

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


    .special-deal-section .special-deal-wrap .special-deal-right .saving-banner .right-details {
        padding: 12px 0px 12px 15px;
    }
}*/
div{
    word-wrap: unset!important;
}


.progress-steps {
    max-width: 800px;
    margin: auto;
}

.step .circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #ccc;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #000;
}

.step .label {
    font-size: 0.85rem;
    margin-top: 8px;
    white-space: nowrap;
}

.circle.completed {
    background-color: #f58634;
    border-color: #f58634;
    color: #fff;
}

.circle.active {
    background-color: #f58634;
    border-color: #f58634;
    color: #fff;
}

.bar {
    height: 4px;
    background-color: #f58634;
    border-radius: 2px;
    min-width: 40px;
}

@media (max-width: 575px) {
    .progress-steps {
        flex-direction: column;
        gap: 1rem;
    }

    .bar {
        display: none;
    }
}

/* === End: custom/upsell.css === */
/*========== Upsell Page End ==========*/

/*========== Offers Page Start ==========*/
/* === Inlined: custom/offers.css === */
.offers-wrp {
    padding: 50px 20px 64px;
    margin: 0 32px 0;
    background-color: var(--sky);
    background-image: url("../images/offers-lines.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.offers-main > .section-title {
    max-width: 800px;
    width: 100%;
    margin: 0 auto 56px;
    text-align: center;
}

.offers-section .row {
    margin: 0 -16px;
}

.offers-section .row>* {
    padding: 0 16px;
}

.offers-block {
    padding: 0 0 32px;
    cursor: pointer;
    /*overflow: hidden;
    */background-color: var(--white);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.offers-block:hover {
    transform: scale(1.025);
    -webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -o-transform: scale(1.025);
}


.offers-block-title {
    background-color: var(--teal);
    clip-path: polygon(100% 0, 100% 76%, 50% 100%, 0 72%, 0 0);
    text-align: center;
    padding: 24px 0 32px;
    color: var(--white);
    margin: -1px -2px 0;
    border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -ms-border-radius: 12px 12px 0 0;
    -o-border-radius: 12px 12px 0 0;
}

.offers-block-title .section-title {
    text-transform: unset;
}


.offers-product-img {
    /*max-width: 252px;
    max-height: 252px;*/
    object-fit: contain;
    text-align: center;
    margin: 32px auto 16px;

}


/** new added **/
.offers-product-img .bottle-img {
    /*width: 160px;
    height: 175px;*/
    width: 248px;
    height: 287px;
}

/*.best-offer-block .offers-product-img .bottle-img {
    width: 325px;
    height: 288px;
}*/

.offers-product-img .six-bottles-image {
    width: 329px;
    height: 288px;
}

.offers-product-img .three-bottles-image {
    width: 266px;
    height: 287px;
}



.offers-product-img figure {
    position: relative;
    display: inline-block;
}

.guarantee-badge {
    position: absolute;
    max-width: 100px!important;
    max-height: 100px!important;
    top: -40px;
    left: 97px;
    z-index: 1;
}

/*.best-offer-block .guarantee-badge {
    width: 100px;
    height: 100px;
}*/

/*.best-offer-block .offers-product-img img {
    max-width: 267px;
    max-height: 287px;
}*/



/** new added **/

.offers-product-price {
    margin: -21px 0 12px;
}

.offers-product-price h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.offers-product-price span {
    font-family: "Fira Sans Condensed", serif;
    font-size: 124px;
    line-height: 132px;
    font-weight: 700;
    display: block;
    padding: 0 6px;
}

.offers-product-price b {
    font-family: "DM Sans", serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    display: block;
}

.offers-product-price small {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    display: block;
    max-width: 52px;
}

.common-list ul {
    padding: 0;
    margin: 0 32px;
}

.common-list ul li {
    list-style-type: none;
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--grey5);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-list ul li::before {
    content: "";
    background-image: url("../images/check.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    display: flex;
    margin: 0 8px 0 0;
}

.payments-block ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payments-block ul li {
    list-style-type: none;
    padding: 0 8px 0 0;
}

.payments-block ul li:last-child {
    padding-right: 0;
}

.payments-block {
    margin: 32px 0 24px;
}

.offers-total p {
    margin: 0 0 2px 0;
    text-align: center;
    color: #0A0A0B;
}

.offers-total p strong {
    font-weight: 700;
    display: inline-block;
    padding: 0 0 0 8px;
}

.offers-total p:last-child {
    margin-bottom: 0;
}



.offers-total .free-shipping {
    color: #F67930;
    font-style: normal;
    font-weight: bold;
}

.offers-btn {
    margin: 24px 32px 0;
}

.offers-btn .btn {
    width: 100%;
}

.best-offer-block {
    background-color: #ECF6F6;
    border: 5px solid var(--orange);
    -moz-box-shadow: 0px 260px 73px 0px rgba(0, 0, 0, 0.00), 0px 166px 67px 0px rgba(0, 0, 0, 0.01), 0px 94px 56px 0px rgba(0, 0, 0, 0.02), 0px 42px 42px 0px rgba(0, 0, 0, 0.04), 0px 10px 23px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 260px 73px 0px rgba(0, 0, 0, 0.00), 0px 166px 67px 0px rgba(0, 0, 0, 0.01), 0px 94px 56px 0px rgba(0, 0, 0, 0.02), 0px 42px 42px 0px rgba(0, 0, 0, 0.04), 0px 10px 23px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 260px 73px 0px rgba(0, 0, 0, 0.00), 0px 166px 67px 0px rgba(0, 0, 0, 0.01), 0px 94px 56px 0px rgba(0, 0, 0, 0.02), 0px 42px 42px 0px rgba(0, 0, 0, 0.04), 0px 10px 23px 0px rgba(0, 0, 0, 0.04);
}

.best-offer-block .offers-block-title {
    background-color: var(--orange);
    padding: 32px 0 40px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.best-offer-block .offers-btn {
    margin: 24px 27px 0;
}

.offers-btn .btn {
    font-size: 24px;
    line-height: 32px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.offers-btn .btn span {
    font-size: 14px;
    line-height: 20px;
    display: block;
    text-transform: capitalize;
}

.best-offer-block .common-list ul li::before {
    background-image: url("../images/teal-check.svg");
}

.best-offer-block .common-list ul li {
    border-bottom-color: #C4E2E2;
}

.best-offer-block .offers-product-price {
    margin: 9px 0 12px;
}

.offers-total span {
    display: inline-block;
    position: relative;
    margin: 0 4px 0 8px;
}

.offers-total span::after {
    content: "";
    background-color: var(--black);
    width: 47px;
    height: 3px;
    position: absolute;
    left: -2px;
    right: 0;
    top: 11px;
}

@media (max-width: 767px) {
    .offers-wrp {
        padding: 48px 0 1px;
        margin: 10px 20px 0;
    }

    .offers-main > .section-title {
        margin: 0 auto 32px;
    }

    .offers-block {
        margin: 0 0 24px;
    }

    /* New mobile layout structure */
    .offers-inner {
        display: flex;
        flex-direction: column;
    }

    .offers-content-wrapper {
        display: flex;
        margin: 16px 0;
        align-items: center;
    }

    .offers-product-img {
        margin: 0;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: contain;
    }

    .best-offer-block .offers-product-img .bottle-img, .offers-product-img .bottle-img {
        width: 140px!important;
        height: auto;
        /*max-height: 180px;*/
        object-fit: contain;
    }

    .best-offer-block .offers-product-img .bottle-img {
        object-fit: contain;
        width: 130px!important;
        height: auto;
        /*height: 140px!important;*/
        /*max-height: 180px;*/

    }

    .offers-info-wrapper {
        width: 50%;
        margin: 0;
        /*padding-left: 16px;*/
    }

    .offers-product-price {
        margin: 0 0 12px;
        padding: 0;
    }

    .offers-product-price h3 {
        justify-content: flex-start;
    }

    .offers-product-price span {
        font-size: 75px;
        font-weight: bold;
        line-height: 1.03;
    }

    .offers-product-price small {
        font-size: 14px;
        line-height: 16px;
        font-weight: 500;
        display: block;
        max-width: 52px;
    }

    .common-list {
        text-align: left;
    }

    .common-list ul {
        margin: 0;
    }

    .common-list ul li {
        /*justify-content: flex-start;*/
        padding: 0;
        font-size: 10px;
        line-height: 16px;
        margin: 0 0 8px;
    }

    /* Button section below the two columns */
    .offers-btn {
        margin: 0 16px!important;
        width: auto;
        padding: 0 32px;
    }

    .offers-total {
        padding: 0 16px;
    }

    /* Maintain best offer styling */
    .best-offer-block .offers-content-wrapper {
        background-color: #ECF6F6;
    }

    /*.best-offer-block .offers-product-img img {
        max-width: 100%;
    }*/
    .offers-product-img figure {
        position: relative;
        margin: 0;
    }

    .guarantee-badge {
        width: 47px!important;
        height: 47px!important;
        left: 77px;
        top: -15px;
    }

    /*.best-offer-block .guarantee-badge {
        width: 47px!important;
        height: 47px!important;
        left: 77px;
        top: -25px;
    }*/
}

/* Additional adjustments for smaller screens */
@media (max-width: 370px) {
    .offers-product-price span {
        font-size: 48px;
        line-height: 56px;
    }

    .offers-content-wrapper {
        margin: 16px 12px;
    }

    .offers-info-wrapper {
        padding-left: 12px;
    }
}
/* === End: custom/offers.css === */
/*========== Offers Page End ==========*/

/*========== Healthy Page Start ==========*/
/*@import url('custom/healthy.css');*/
/*========== Healthy Page End ==========*/

/*========== New Healthy Page Start ==========*/
/* === Inlined: custom/new-healthy.css === */
/* Section Styling */

.healthy-wrp {
    padding: 100px 180px;
    margin-bottom: 10px;
}

.healthy-wrp .healthy-title {
    /*max-width: 624px;*/
    /*width: 100%;*/
    /*max-height: 144px;*/
    margin: 0 auto 56px;
    text-align: center;
}

/* Title Styling */

.healthy-wrp .healthy-title .section-title {
    /*max-width: 500px;*/
    /*height: auto;*/
    margin-bottom: 16px;
    font-size: 44px;
    font-weight: 700;
    line-height: 52px;
    text-align: center;
    /*margin-bottom: 10px;*/
}

.healthy-wrp .healthy-title .detail {
    /*margin: 0 30px;*/
    font-size: 16px;
    line-height: 24px;
    font-family: Inter, sans-serif;
}

.healthy-wrp .healthy-section {
    padding: 0;
    background-color: #ffffff;
}

.healthy-wrp .healthy-section .row {
    border-radius: 12px; /* Adjust to match Figma */
    overflow: hidden; /* Ensures child elements don't overflow the rounded corners */
}

.force-break {
    white-space: nowrap; /* Prevents "And Healthy" from breaking apart */
    display: inline-block; /* Ensures it stays on one line */
    color: unset!important;
}


/* Subtitle Styling */
.section-subtitle {
    font-size: 16px;
    color: #5a5a5a;
    margin-bottom: 40px;
}

/* Feature Box Styling */
.feature-box {
    padding: 32px 32px;
    text-align: center;
    height: 100%;
}

/* Light Background Boxes */
.light-bg {
    background-color: #FEF2EA;
}

/* Orange Background Boxes */
.orange-bg {
    background-color: #F47929;
    color: #fff;
}

/* Feature Title */
.feature-box h4 {
    font-size: 28px;
    font-family: "DM Sans", serif;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 40px;
}

/* Feature Text */
.feature-box p {
    font-size: 18px;
    font-family: "Inter", serif;
    color: #171717;
    line-height: 28px;
    max-width: 290px;
    margin: 0 auto;
}

/* Make the orange boxes text white */
.orange-bg p {
    color: #FFFFFF;
}

.healthy-section .row {
    margin: 0 0 !important;

}

.healthy-section .row>* {
    padding: 0 0 !important;
}
.healthy-section .row .col-md-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .healthy-wrp {
        padding: 32px 0;

    }



    .healthy-wrp .healthy-title {
        /*max-width: 375px!important;*/
        /*height: auto;*/

    }
    .healthy-wrp .healthy-title .section-title {

        line-height: 1.2;

    }

    .healthy-wrp .healthy-title .detail {

        line-height: 24px;

    }

    /*.healthy-title .force-break {display: none;}*/



}

/* === End: custom/new-healthy.css === */
/*========== New Healthy Page End ==========*/

/*========== Fat Loss Ingredients Start ==========*/
/* === Inlined: custom/ingredients.css === */
.ingredients-wrp {
    padding: 100px 148px;
    margin: 0 32px 40px;
    background-color: var(--grey3);
    /*border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;*/
}

.ingredients-wrp .ingredients-logos-main {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -12px 48px;
}

.ingredients-wrp .ingredients-logos {
    padding: 0 12px;
}

.ingredients-wrp .ingredients-logos img {
    width: 92px;
}

.ingredients-wrp .ingredients-title {
    max-width: 728px;
    width: 100%;
    margin: 0 auto 56px;
    text-align: center;
}

.ingredients-wrp .ingredients-title .section-title {
    margin: 0 0 16px;
    text-transform: unset;
}

.ingredients-wrp .ingredients-block {
    overflow: hidden;
    background-color: var(--white);
    /*border: 5px solid var(--grey4);*/
    text-align: left;
    margin: 0 0 32px;
    height: 100%;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.ingredients-wrp .ingredients-content .small-title {
    margin: 0 0 12px;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
}

.ingredients-wrp .ingredients-content .common-detail p {
    font-size: 18px !important;
    line-height: 28px !important;
    font-family: Inter, serif;
}

.ingredients-wrp .ingredients-section .row {
    margin: 0 -16px;
}

.ingredients-wrp .ingredients-section .row > * {
    padding: 0 16px;
}

.ingredients-section .row .col-md-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ingredients-section .row.d-flex {
    display: flex;
    flex-wrap: wrap !important;
}

.ingredients-section .row.d-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/* Horizontal layout (left column) */
.ingredients-block.horizontal {
    /*height: calc(50% - 16px);*/
    height: 218px;
    margin-bottom: 32px;
}

.ingredients-block.horizontal:last-child {
    margin-bottom: 0;
}

.ingredients-block.horizontal .ingredients-block-inner {
    display: flex;
    height: 100%;
}

.ingredients-block.horizontal .ingredients-img {
    width: 233px;
    flex-shrink: 0;
    height: 100%;
}

.ingredients-block.horizontal .ingredients-img figure {
    height: 100%;
    margin: 0;
}

.ingredients-block.horizontal .ingredients-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ingredients-block.horizontal .ingredients-content {
    flex: 1;
    padding: 29px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Vertical layout (right column) */
.ingredients-block.vertical {
    /*height: 100%;*/
    height: 468px;
}

.ingredients-block.vertical .ingredients-img {
    height: 278px; /* Double the horizontal image height to match */
}

.ingredients-block.vertical .ingredients-img figure {
    height: 100%;
    margin: 0;
}

.ingredients-block.vertical .ingredients-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ingredients-block.vertical .ingredients-content {
    padding: 29px 16px;
    text-align: left;
}

/* Responsive styles */
@media (max-width: 768px) {
    .ingredients-wrp .container {
        padding: 0;
    }
    .ingredients-wrp {
        /*margin: 0 15px 40px;*/
        margin: 0;
        padding: 32px 20px;
    }

    .ingredients-wrp .ingredients-logos-main { margin: 0 auto 16px; width: 100%; }
    .ingredients-wrp .ingredients-title {

        margin: 0 14px;
        text-align: left;

    }
    .ingredients-wrp .section-title {

        margin: 14px 0;

    }

    .ingredients-logos { padding: 0 8px 16px; }
    /*.ingredients-logos img {width: 56px;}
    .ingredients-logos-main {width: 100%;}*/

    .ingredients-title .detail {
        margin: 0 0 14px;
        text-transform: unset;
    }

    .ingredients-block.horizontal,
    .ingredients-block.vertical {
        height: auto;
        margin-bottom: 20px;
    }

    .ingredients-block.horizontal .ingredients-block-inner {
        flex-direction: column;
    }

    .ingredients-block.horizontal .ingredients-img {
        width: 100%;
        height: 218px;
    }

    .ingredients-block.horizontal .ingredients-content {
        text-align: left;
        padding: 29px 16px;
    }

    .ingredients-block.vertical .ingredients-img {
        height: 218px;
    }

    .ingredients-block.vertical .ingredients-content {
        padding: 29px 16px;
    }

    .ingredients-content .small-title {
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
    }

    .ingredients-content .common-detail p {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .ingredients-section .row {
        display: flex;
        flex-direction: column;
    }

    .ingredients-section .row > .col-lg-7 {
        order: 2;  /* Left column with 2 boxes moves second */
    }

    .ingredients-section .row > .col-lg-5 {
        order: 1;  /* Right column with vertical box moves first */
    }
}

/*@media (max-width: 768px) {
    .ingredients-logos img {
        width: 45px;
    }
    .ingredients-wrp .container {
        padding: 0;
    }
}*/

/* === End: custom/ingredients.css === */
/*========== Fat Loss Ingredients End ==========*/

/*========== Thank You Page Start ==========*/
/* === Inlined: custom/faq.css === */
.faq-wrp {
    padding: 0 0 64px;
}

.faq-main {
    max-width: 904px;
    width: 100%;
    margin: 0 auto;
}

.faq-main .section-title {
    text-align: center;
    margin: 0 0 56px;
}

.faq-section .accordion-item {
    padding: 17px 21px 17px 18px;
    margin: 0 0 24px;
    background-color: var(--white);
    border: 1px solid var(--grey5);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.faq-section .accordion-item.active {
    background-color: var(--grey3);
}

.faq-section .accordion-button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: var(--teal);
    padding: 0 20px 0 0;
}

.faq-section .accordion-body {
    padding: 16px 0 0;
}

.faq-section .accordion-button::after {
    width: 17px;
    height: 2px;
    background-color: var(--orange);
    background-image: none;
    position: absolute;
    right: 0;
    top: 50%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.faq-section .accordion-button::before {
    content: "";
    width: 2px;
    height: 17px;
    background-color: var(--orange);
    background-image: none;
    position: absolute;
    right: 7px;
    top: 50%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.faq-section .accordion-button:not(.collapsed)::after {
    background-color: var(--teal);
}

.faq-section .accordion-button:not(.collapsed)::before {
    transform: translate(0, -50%) rotate(90deg);
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -moz-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    -o-transform: translate(0, -50%) rotate(90deg);
}
/* === End: custom/faq.css === */
/*========== Thank You Page End ==========*/

/*========== Guarantee Start ==========*/
/* === Inlined: custom/guarantee.css === */
.guarantee-wrp {
    /*background-image: url("/images/guarantee-lines.png");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 88px 148px;
}

.guarantee-wrp .guarantee-logos-main {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -12px 48px;
}

.guarantee-wrp .guarantee-logos {
    padding: 0 12px;
}

.guarantee-wrp .guarantee-logos img {
    width: 92px;
}

.guarantee-wrp .guarantee-main {
    text-align: center;
}

.guarantee-wrp .guarantee-main .badge-img {
    margin: 0 0 24px;
}

.guarantee-wrp .guarantee-main .section-title {
    margin: 0 0 24px;
    text-transform: unset;
}

.guarantee-main .section-title span {
    display: block;
}

.guarantee-main .detail {
    max-width: 904px;
    width: 100%;
    margin: 0 auto 33px;
}

/*
.guarantee-main .guarantee-logos {
    padding: 0 20px;
}

.guarantee-main .guarantee-logos img {
    width: 120px;
}*/

@media (max-width: 767px) {
    .guarantee-wrp .guarantee-logos-main {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px; /* Adjust space between logos */
    }

    .guarantee-wrp .guarantee-logos {
        width: calc(33.33% - 12px); /* First row: 3 logos */
        display: flex;
        justify-content: center;
    }

    /* Target the last two logos in the second row */
    .guarantee-wrp .guarantee-logos:nth-child(4),
    .guarantee-wrp .guarantee-logos:nth-child(5) {
        width: calc(50% - 66px); /* Each takes 50% of the width */
        display: flex;
        justify-content: center;
    }
}



/* === End: custom/guarantee.css === */
/*========== Guarantee End ==========*/

/*========== Vsl Page Start ==========*/
/* === Inlined: custom/vsl.css === */
.vsl-banner-main {
    text-align: center;
}

.vsl-banner-main .banner-title {
    max-width: 801px;
    width: 100%;
    margin: 0 auto 24px;
}

.vsl-banner-main .detail {
    font-weight: 700;
    margin: 0 0 32px;
}

.vsl-banner-wrp {
    background-image: url("../images/banner-subtract-upsell.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    position: relative;
    z-index: 9;
    margin: 0 32px 16px;
    padding: 32px 0 76px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.vsl-banner-wrp::before {
    content: "";
    background-image: url(../images/Lines.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.vsl-video {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    border: 10px solid var(--grey4);
    overflow: hidden;
    position: relative;
    display: flex;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.vsl-video video {
    width: 100%;
    object-fit: cover;
}

.play-icon,
.pause-icon {
    width: 96px;
    height: 96px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    display: none;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.vsl-video:hover .play-icon {
    display: block;
}
#smartplay-poster {
    border: 4px solid rgba(255, 255, 255) !important;
    display: block!important;
}



.new-banner-title
{
    font-family: "Open Sans", serif !important;
    margin: 0 0 10px 0;
}

.new-banner-title span
{
    background-color: var(--orange)!important;
    color: var(--white);
    padding: 0 5px;
    white-space: nowrap; /* Prevent the span from wrapping to a new line */
}

.new-banner-title h1
{
    font-weight: bold!important;
    font-size: clamp(21px, 3vw, 53px); /* Responsive size */
    line-height: 1.2;
    text-align: center;
    max-width: 100%;
    word-break: keep-all;
}

.new-banner-title .intro-h5 {
    font-size: clamp(13px, 1.3vw, 18px); /* Smaller */
    text-align: center;
    line-height: 1;
}

.new-banner-title .highlight-h5 {
    font-size: clamp(10px, 2vw, 24px);
    color: var(--orange);
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}

/*.new-banner-title h5 {
    font-size: clamp(11px, 2vw, 24px) !important;
    text-align: center;
    line-height: 1.4;
}

.new-banner-title h5:last-child
{
    color: var(--orange)!important;
    font-weight: bold!important;
}*/

/*
@media (max-width: 400px) {
    .new-banner-title h1 {
        font-size: 24px;
    }

    .new-banner-title span {
        padding: 0 3px;
    }
}*/

/* === End: custom/vsl.css === */
/*========== Vsl Page End ==========*/

/*========== Vsl Page Start ==========*/
/* === Inlined: custom/references.css === */
.references-wrp {
    padding: 68px 0 88px;
}

.references-main > .section-title {
    text-align: center;
    margin: 0 0 50px;
}

.references-right .section-title {
    margin: 0 0 56px;
}

.references-details {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 16px;
}

.references-details:last-child {
    margin-bottom: 0;
}

.references-details p {
    margin: 0 0 4px;
}

.references-details p:last-child {
    margin-bottom: 0;
}

.references-details p span {
    color: #979797;
}

.slick-dots {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-dots li {
    font-size: 0;
    line-height: 0;
    list-style-type: none;
    padding: 0 24px 0 0;
}

.slick-dots li:last-child {
    padding-right: 0;
}

.slick-dots li button {
    width: 16px;
    height: 16px;
    border: 1px solid #C5C5C5;
    background-color: transparent;
    font-size: 0;
    line-height: 0;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.slick-dots li.slick-active button {
    background-color: #C5C5C5;
}

.references-slider .slick-dots {
    margin: 32px 0 0;
}

.references-img {
    text-align: center;
    margin: 4px 0 0;
}
/* === End: custom/references.css === */
/*========== Vsl Page End ==========*/

/*========== Contact Page Start ==========*/
/* === Inlined: custom/contact.css === */
.contact-wrp {
    margin: 156px 32px 88px 0;
    position: relative;
}

.contact-main {
    position: relative;
    z-index: 9;
}

.contact-img-main {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}

.contact-img {
    text-align: right;
}

.contact-img img {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.contact-left .section-title {
    margin: 0 0 16px;
}

.how-to-reach .small-title,
.product-return-block .small-title {
    margin: 0 0 16px;
}

.how-to-reach-block ul {
    padding: 0;
    margin: 0;
}

.how-to-reach-block ul li {
    list-style-type: none;
    padding: 0 0 12px;
}

.how-to-reach-block ul li:first-child a {
    border-bottom: 1px solid var(--black);
}

.how-to-reach-block ul li a:hover {
    color: var(--orange);
    border-bottom-color: var(--orange);
}


.how-to-reach-block p {
    margin: 0;
    padding: 0 0 12px;
}

.how-to-reach-block p:last-child {
    padding-bottom: 0;
}

.how-to-reach {
    padding: 32px 0;
}

.how-to-reach-block {
    background-color: var(--grey4);
    padding: 16px 24px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.product-return-block .detail ul {
    padding: 12px 0 12px 30px;
}

.product-return-block .small-detail {
    padding: 0 0 12px;
}

.product-return-block .detail a {
    border-bottom: 1px solid var(--black);
}

.product-return-block .detail a:hover {
    color: var(--orange);
    border-bottom-color: var(--orange);
}

.contact-top {
    margin: 0 10px 0 0;
}

.contact-left {
    padding: 44px 0;
}
/* === End: custom/contact.css === */
/*========== Contact Page End ==========*/

/*========== Vsl Opened Page End ==========*/
/* === Inlined: custom/vsl-opened.css === */
.reviews-wrp {
    padding: 88px 0 72px;
    margin: 40px 32px 0;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.reviews-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 56px;
}

.reviews-top .btn {
    flex: 0 0 auto;
}

.reviews-top .section-title {
    max-width: 682px;
    width: 100%;
    text-transform: unset;
}

.star-reviews {
    position: relative;
    vertical-align: middle;
    display: block;
    overflow: hidden;
    max-width: 144px;
    width: 100%;
    margin-left: auto;
    margin-bottom: 24px;
}

.empty-stars, .full-stars {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
}

.star-reviews img {
    width: 24px;
    margin: 0 6px 0 0;
}

.reviews-item {
    height: auto !important;
    margin: 0 16px;
    padding: 35px 19px 19px;
    border: 5px solid var(--grey4);
    background-color: var(--white);
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.reviews-name .common-detail {
    font-weight: 500;
    color: var(--teal);
}

.reviews-name .details {
    font-size: 14px;
    line-height: 20px;
    color: #979797;
}

.reviews-name .details p {
    margin: 0;
}

.reviews-bottom {
    display: flex;
    align-items: center;
    padding: 24px 0 0;
    border-top: 1px solid var(--grey5);
}

.reviews-img {
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
    margin: 0 12px 0 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.reviews-item .detail {
    margin: 0 0 24px;
}

.reviews-slider {
    opacity: 0;
    margin: 0 -16px;
}

.reviews-slider .slick-track {
    display: flex;
}

.reviews-slider.slick-initialized {
    opacity: 1;
}

.reviews-slider .slick-dots {
    padding: 32px 0 0;
}

.vsl-banner-wrp2 {
    margin-bottom: 60px;
}
/* === End: custom/vsl-opened.css === */
/*========== Vsl Opened Page End ==========*/

/*========== Thank You Page Start ==========*/
/* === Inlined: custom/thank-you.css === */
.order-validated-main {
    text-align: center;
}

.order-validated-main .small-title {
    font-weight: 900;
    margin: 0 0 4px;
}

.order-validated-main .main-title {
    margin: 0 0 16px;
    text-transform: unset;
}

.order-validated-img img {
    margin: 0 0 -180px;
    height: 602px;
}

.order-validated-wrp {
    padding: 40px 20px 0;
    margin: 0 32px 0;
}

.thank-you-details-wrp {
    padding: 166px 0 88px;
}

.thank-you-details-main {
    text-align: center;
}

.thank-you-details-main .attention {
    max-width: 617px;
    width: 100%;
    margin: 0 auto;
    background-color: var(--grey4);
    padding: 16px 32px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.thank-you-details-main .attention p {
    margin: 0;
}

.bravo-block {
    max-width: 802px;
    width: 100%;
    margin: 88px auto 56px;
}

.bravo-block .section-title {
    margin: 0 0 24px;
}

.bravo-block .common-detail p {
    padding: 0 0 12px;
}

.bravo-block .common-detail p a {
    border-bottom: 1px solid var(--black);
}

.bravo-block .common-detail p a:hover {
    color: var(--orange);
    border-bottom-color: var(--orange);
}

.bravo-block .common-detail p:last-child {
    padding-bottom: 0;
}

.order-summary ul {
    padding: 0;
    max-width: 431px;
    width: 100%;
    margin: 0 auto 72px;
}

.order-summary ul li {
    background-color: var(--grey4);
    padding: 8px 16px;
    margin: 0 0 12px;
    list-style-type: none;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.order-summary ul li span {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 199px;
    width: 100%;
}

.order-summary ul li span::before {
    content: "";
    background-image: url("../images/sky-check.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    display: flex;
    margin: 0 8px 0 0;
}

.order-summary ul li:last-child {
    margin-bottom: 0;
}

.order-summary .small-title {
    margin: 0 0 24px;
}

.signature {
    padding: 8px 0 0;
}
/* === End: custom/thank-you.css === */
/*========== Thank You Page End ==========*/

/*========== Privacy Policy Page Start ==========*/
/* === Inlined: custom/privacy-policy.css === */
.inner-header .navbar {
    justify-content: space-between;
}

.inner-bnr-wrp {
    /*background-image: url("/images/dead-sea-header.jpg");
    background-repeat: no-repeat;
    background-size: cover;*/
    display: flex;
    align-items: center;
    text-align: center;
    min-height: 250px;
    /*margin: 32px 32px 0;*/
    /*border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;*/
    /*opacity: 0.8;*/
}

.inner-bnr-main {
    padding: 50px 0 0;
}

.inner-bnr-main .large-detail {
    margin: 8px 0 0;
}

.privacy-wrp {
    padding: 50px 0 88px;
}

.privacy-main {
    max-width: 987px;
    width: 100%;
}

.privacy-block {
    margin: 0 0 44px;
}

.privacy-block .small-title {
    margin: 0 0 16px;
}

.privacy-block a {
    border-bottom: 1px solid var(--black);
}

.privacy-block a:hover {
    border-bottom-color: var(--orange);
}

.privacy-block .detail ul {
    padding: 0 0 0 22px;
    margin: 0 0 10px;
}

.privacy-block .detail p,
.privacy-block .detail ul li {
    padding: 0 0 12px;
}

.privacy-block .detail p:last-child,
.privacy-block .detail ul li:last-child {
    padding-bottom: 0;
}

.privacy-block:last-child {
    margin-bottom: 0;
}

.how-to-reach-wrp {
    padding: 12px 0 0;
}

.how-to-reach-wrp .how-to-reach-block {
    padding: 12px 16px;
    margin: 0 0 24px;
}

.how-to-reach-wrp .how-to-reach-block .large-detail {
    margin: 0 0 12px;
}

.reference-wrp .privacy-main {
    max-width: 100%;
    width: auto;
}

.reference-row {
    margin: 0 0 64px;
}

.privacy-block .detail .privacy-block-list li {
    padding: 0;
}
/* === End: custom/privacy-policy.css === */
/*========== Privacy Policy Page End ==========*/

/*---------- Google Fonts ----------*/
/* Google Font removed - loaded async in header.php */
/* font-family: "DM Sans", serif; */
/* Google Font removed - loaded async in header.php */
/* font-family: "Inter", serif; */
/* Google Font removed - loaded async in header.php */
/* font-family: "Fira Sans Condensed", serif; */

:root {
	--white: #fff;
	--orange: #F47929;
	--black: #171717;
	--teal: #41A3A3;
	--lightCyan: #75D2D4;
	--yellow: #FAA634;
	--sky: #D4F1F2;
	--orange50: #FEF2EA;
	--grey3: #F6F6F6;
	--grey4: #F1F1F1;
	--grey5: #DCDCDC;
}

body {
	font-family: "Inter", serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	background-color: var(--white);
	color: var(--black);
}

figure {
	margin: 0;
}

a,
input,
button,
textarea {
	outline: none !important;
}

a {
	color: inherit;
	text-decoration: none;
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}

.container-fluid,
.container {
	padding-left: 15px;
	padding-right: 15px;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.row>* {
	padding-left: 15px;
	padding-right: 15px;
}

p {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

p a {
	text-decoration: none;
	color: inherit;
}

p a:hover {
	color: var(--orange);
}

ul li,
ol li {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

ul li a,
ol li a {
	text-decoration: none;
	color: inherit;
}

ul li a:hover,
ol li a:hover {
	color: var(--orange);
}


/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/


/*========== Home Page Start ==========*/


/*========== Home Page End ==========*/


/*==================================================================*/
/*========== New Class Add End ==========*/
/*==================================================================*/


/*==================================================================*/
/*========== Custom Styles Start ==========*/
/*==================================================================*/

.make-bold {
	font-weight: bold;
}

.make-italic {
	font-style: italic;
}

/*.header {
	!*height: 75px;*! !* Adjust as needed *!
	line-height: 75px; !* Vertically center the content *!
	position: sticky;
	z-index: 1050; !* Ensure it stays above other elements *!
	!*background-color: #7fcccc;*! !* Maintain the navbar's background color *!
	background-color: #a4dbdb; !* Maintain the navbar's background color *!
	!*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*! !* Optional shadow for better visibility *!
	transition: background-color 0.3s, box-shadow 0.3s; !* Smooth transition when it sticks *!
	margin: 0;
	padding: 0;
	!*position: fixed;*!
	top: 0;
	left: 0;
	right: 0;
	opacity: 0.85;
}*/



/* For smaller screens */
/*@media (max-width: 768px) {
	.header {
		height: 60px; !* Adjust height for smaller screens *!
		line-height: 60px;
	}
}*/

/* Remove margin or padding from the next section */












































.navbar-toggler {
	border: none;
	/* Adjust color as needed */
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.collapse.show {

	padding: 10px 0;
}


.navbar {
	margin: 0;
	padding: 0;
	box-shadow: none; /* Optional: Remove shadow if it causes visual issues */
}
.navbar-toggler {
	margin: 0;
	padding: 0;
}

.header-mobile-view {
	display: none;
}

/*@media (max-width: 768px) {
	.header {
		position: fixed;
		top: 0!important;
		margin: 0 !important;
		padding: 0 !important;
		left: 0 !important;
		right: 0;
		bottom: 0;
		z-index: 1000;
		width: 100%;
		!* Ensure it has a background to prevent transparency issues *!

		max-height: 100px;
	}

	.header .navbar-brand {
		margin: 0 0 0 32px;
	}
	.ingredients-wrp {
		padding: 48px 20px 24px!important;
	}
	.inner-bnr-wrp {

		margin: 100px 0!important;
		min-height: 190px!important;

	}

	.header .navbar {
		overflow: visible;
		position: relative;
		z-index: 1000;
	}
	.header .navbar-collapse {
		transition: all 0.3s ease-in-out;
		top: 100%; !* Place the expanded menu below the navbar *!
		left: 0;
		right: 0;
		border-top: 1px solid #ddd; !* Optional: Add a border for separation *!
		text-align: center;
	}
	.navbar-collapse.show {
		 !* Ensure it displays vertically when expanded *!
		max-height: 470px; !* Adjust the height as per the number of menu items *!
	}


	!*Hide navbar in mobile*!
	.navbar-desktop-view {
		display: none;
	}

	!*Show logo in mobile*!
	.header-mobile-view {
		display: block; !* Show only on mobile/tablet *!
	}

	.mobile-view-logo-container {
		margin: 0 25px 0;
	}

}*/



/* Media query for mobile view */

/* Mobile view styles */
/* Default: Desktop View */
.desktop-view {
	display: block;
}

.mobile-view {
	display: none;
}

/* Mobile View */
/*@media (max-width: 768px) {
	.desktop-view {
		display: none;
	}

	.mobile-view {
		display: block;
	}
}*/







.navbar-logo {
	transition: all 0.3s ease; /* Smooth resizing */
	width: 120px; /* Default size */
}

.navbar-logo.shrink {
	width: 70px; /* Smaller size on scroll */
}
/*==================================================================*/
/*========== Custom Styles End ==========*/
/*==================================================================*/

/* === Inlined: responsive.css === */
/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 2133px) {
    .contact-img {max-width: 80%; margin-left: auto;}
    .contact-img img {width: 100%; height: 848px; object-fit: cover;}
}

@media (min-width: 1300px) and (max-width: 1399px) {
    .contact-img {margin: 0 0 0 20px;}
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .contact-img {margin: 0 0 0 20px;}
}

@media (min-width: 1200px) {
    .container {max-width: 1110px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common Style Start */
    .main-title {font-size: 54px; line-height: 58px;}
    .section-title { font-size: 40px; line-height: 48px; }
    .banner-title { font-size: 44px; line-height: 50px; }
    /* Common Style End */

    /* Contact Page Start */
    .contact-img {margin: 0 0 0 20px;}
    .contact-left { padding: 44px 0 0; }
    .contact-img-main, .contact-img-main .row, .contact-img-main .row>*, .contact-img, .contact-img figure, .contact-img img {height: 100%; object-fit: cover;}
    /* Contact Page End */

    /* Upsell Pages Start */
    .vsl-banner-wrp.upsell-page .vsl-banner-main .banner-order-steps{padding: 8px;}
    .banner-order-steps .icon{width: 54px;  height: 54px;}
    .special-deal-right .btn-orange{font-size: 22px;}
    .saving-details { padding: 16px 14px 16px 30px; margin-left: -30px; }
    .right-details .saving-details { padding: 0 0 0 72px; }
    .saving-banner .right-details { min-width: 162px; }
    .saving-banner .small-title { padding-left: 40px; }
    .banner-order-steps .order-step.active{padding: 8px 10px 8px 8px;}

    .order-details .small-title {font-size: 22px; line-height: 30px;}
    .banner-order-steps .order-step.active .small-title {font-size: 28px; line-height: 36px;}

    .saving-details span {font-size: 52px;}
    .right-details .right-details-img {left: -66px;}
    .references-details { font-size: 12px; line-height: 18px; }
    /* Upsell Pages End */
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .main-title {font-size: 44px; line-height: 46px;}
    .section-title { font-size: 40px; line-height: 48px; }
    .banner-title { font-size: 44px; line-height: 50px; }
    /* Common Style End */

    /* Header Start */
    .header .navbar-nav .nav-item { padding: 0 20px; }
    /* Header End */

    /* Home Page Start */
    .banner-wrp {padding: 140px 0 38px;}

    /*.healthy-wrp { padding: 50px 0 40px; }*/
    /*.healthy-title {margin: 0 auto 40px;}*/

    .ingredients-wrp { padding: 60px 20px 40px; }
    .ingredients-title {margin: 0 auto 40px;}
    .ingredients-section .row { margin: 0 -13px; }
    .ingredients-section .row>* {padding: 0 13px;}

    .offers-wrp { padding: 50px 20px 64px; }

    .guarantee-wrp {padding: 70px 0 25px;}
    .guarantee-main .section-title span {display: inline;}

    .references-img {margin: 0 0 30px;}
    /* Home Page End */

    /* VSL Page Start */
    .play-icon { width: 80px; height: 80px; }
    /* VSl Page End */
    
    /* VSl Opened Page Start */
    .reviews-top .section-title br {display: none;}
    /* VSl Opened Page End */

    /* Contact Page Start */
    .contact-wrp { margin: 170px 0 88px 0; }
    .contact-img {margin: 0 32px;}
    .contact-img img {width: 100%;}
    .contact-left { padding: 0 0 50px; }
    .contact-img-main {position: relative;}
    /* Contact Page End */

    /* Thank You Page Start */
    .order-validated-img img {height: auto; margin: 0 0 -240px;}
    .bravo-block {margin: 70px auto 50px;}
    .order-summary ul {margin: 0 auto 50px;}
    .thank-you-details-wrp { padding: 166px 0 60px; }
    /* Thank You Page End */

    /* Upsell Page Start */
    .saving-details sup { top: -1.4em; }
    .vsl-banner-wrp.upsell-page .vsl-banner-main .banner-order-steps{flex-direction: column;}
    .banner-order-steps .order-step.active { width: calc(100% + 30px); margin: 15px 10px 15px -10px; }
    .vsl-banner-wrp.upsell-page .vsl-banner-main .banner-order-steps{padding: 26px 13px 26px 6px;}
    .special-deal-main .special-deal-left .special-deal-top-left .block-title{font-size: 24px; line-height: 28px;}
    .saving-details span{font-size: 38px;}
    .saving-details { padding: 16px 24px 16px 20px; }
    .special-deal-right .btn-orange{font-size: 18px; padding: 13px 32px 16px 32px; line-height: 18px; }
    .right-details .right-details-img{height: 150px; left: -40px;}
    .saving-details span:first-child{margin-right: 6px;}
    .saving-banner .right-details .small-title { padding: 0 0 0 34px; }
    .right-details .saving-details { padding: 0 14px 0 50px; }

    .official-page-wrap .official-page-logo ul li { margin-right: 26px; }
    .saving-banner .left-details {max-width: 100%; width: auto;}
    /* Upsell Page End */
}

@media (max-width: 767px) {
    /* Common Style Start */
    .container {padding: 0 16px;}
    .main-title {font-size: 44px; line-height: 46px;}
    .section-title { font-size: 36px; line-height: 44px; }
    .block-title { font-size: 28px; line-height: 36px; }
    .banner-title { font-size: 44px; line-height: 46px; }
    .large-detail { font-size: 16px; line-height: 26px; }
    /*.banner-content { padding-left: 10px; }*/
    /* Common Style End */

    /* Header Start */
    .header { left: 20px; right: 20px; top: 36px; }
    .header .navbar-nav .nav-item { padding: 10px 20px; border-top: 1px solid rgb(23 23 23 / 10%); }
    .header .navbar-nav .nav-item:last-child { border-bottom: 1px solid rgb(23 23 23 / 10%); }
    .header .navbar-nav .nav-item .nav-link {display: inline-block;}
    .header .navbar-toggler { padding: 0; border: none; box-shadow: none; position: relative; z-index: 9; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .header .navbar-toggler span { background-color: var(--black); width: 24px; height: 2px; margin-bottom: 5px; display: block; position: relative; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
    .header .navbar-toggler span:last-child { margin-bottom: 0; }
    .header .navbar-toggler:not(.collapsed) span:first-child { top: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler:not(.collapsed) span:nth-child(2) {opacity: 0;}
    .header .navbar-toggler:not(.collapsed) span:last-child { top: -7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header .navbar-collapse { position: fixed; background-color: var(--white); max-width: 100%; width: 100%; height: 100%; top: 0; bottom: 0; right: -100%; overflow: auto; padding: 100px 0 20px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show {right: 0; height: auto;}
    .header .navbar-nav { padding: 0; }
    /* .header-btn {text-align: center; padding: 30px 0 0;} */
    /* Header End */

    /* Home Page Start */
    .banner-wrp { margin: 0 0; padding: 110px 0 30px; background-image: url("../images/BG.png"); text-align: left;}
    .banner-content .main-title { margin: 0 0 16px; }
    .banner-content .large-detail { margin: 0 0 24px; }
    .banner-img { margin: -5px -22px 0; }
    .banner-wrp::before {display: none;}
    .banner-wrp .scroll-down {display: none;}

    /**/




    .banner-wrp .banner-main {
        /*margin-top: 24px!important;*/
    }

    /*.banner-wrp .banner-content span {
        color:unset;
    }*/

        /* ✅ Right Column: Stack Image & Button Vertically */
    .banner-wrp .banner-img {
            display: flex;
            flex-direction: column;
            align-items: center; /* Centers both image & button */
            gap: 5px; /* Adds spacing between image and button */
        }
    /*.banner-wrp .row>* {
         padding-left: 0 !important;
         padding-right: 0 !important;
    }*/

    .banner-wrp .banner-img img {
            width: 230px!important;
            height: 242px;
        }

    .banner-wrp .banner-img .btn-orange {
            display: block;
            width: 80%;
            padding: 11px 24px;
           /* width: 164px!important;*/
            text-align: center;
        }

        /* Mobile: Left Column (Title) */
    .banner-wrp .banner-content {
            text-align: left;
            font-family: "DM Sans", sans-serif;
            font-size: 36px;
            font-weight: bold;
            line-height: 1.24;
            padding-bottom: 10px;
        }

    .banner-wrp .banner-content h1 {
            font-size: 36px!important;

        font-weight: bold;
        line-height: 1.24;
        text-align: left!important;
        }

        /* Mobile: Paragraph Below */
    .banner-wrp .large-detail {
        /*margin-top: 9px;*/
        text-align: left!important;
        line-height: 28px!important;
        }

    .banner-wrp .large-detail .p {
        font-size: 18px;
        font-weight: bold;

    }


    /**/

    /*.healthy-wrp { padding: 50px 0 10px; }
    .healthy-title {margin: 0 auto 44px;}
    .healthy-title .section-title br {display: none;}
    .healthy-title .detail { margin: 0; }
    .healthy-block {margin: 60px 0 20px; height: calc(100% - 80px); }*/
    .healthy-wrp .healthy-title .section-title {
        margin-bottom: 16px;
    }
    .healthy-wrp .healthy-title {
       padding: 0 20px;
        margin-bottom: 24px;
    }

    .healthy-wrp .healthy-section {
        padding: 0 20px;
        margin: 0;
    }

    .healthy-wrp .container {
        padding: 0;
    }

    /*.ingredients-wrp { padding: 48px 0 24px; margin: 0 20px 32px; }*/
    /*.ingredients-logos-main {margin: 0 -8px 16px; flex-wrap: wrap; }
    .ingredients-logos { padding: 0px 8px 16px; }
    .ingredients-logos img {width: 48px;}
    .ingredients-title {margin: 0 auto 32px;}
    .ingredients-section .row { margin: 0 -13px; }
    .ingredients-section .row>* {padding: 0 13px;}
    .ingredients-title .section-title { margin: 0 -10px 16px; }
    .ingredients-title .detail { margin: 0 -10px; }
    .ingredients-block { margin: 0 auto 24px; height: auto;}*/

    .offers-wrp { padding: 48px 0 1px; margin: 10px 20px 0; /*background-image: url("/images/offers-lines-mobile.png")*/; background-position: center; }
    .offers-main > .section-title {margin: 0 auto 32px;}
    .offers-block-title .section-title {font-size: 44px; line-height: 52px;}
    .offers-product-img { margin: 0 -16px; }
    .offers-block {margin: 0 0 24px;}

    .guarantee-wrp {padding: 32px 20px; /*background-image: url("/images/guarantee-lines-mobile.png");*/ }
    .guarantee-main .badge-img img {width: 96px;}
    .guarantee-main .badge-img { margin: 0 0 20px; }
    .guarantee-main .section-title { margin: 0 0 24px; }
    .guarantee-main .detail {
        margin: 0 0 32px;
    }
    .guarantee-main .ingredients-logos { padding: 0 12px 24px; }
    .guarantee-main .ingredients-logos img { width: 72px; }
    .guarantee-main .ingredients-logos-main {max-width: 100%; margin-bottom: 0;}

    /*.guarantee-main .ingredients-logos img {
        width: 120px;
    }*/


    /*.faq-wrp { padding: 32px 0 48px; }*/
    .faq-wrp { padding: 0 0 48px; }
    .faq-wrp { margin-top: 32px ; }
    .faq-section .accordion-item {margin: 0 0 16px;}
    .faq-main .section-title { margin: 0 0 32px; }

    .references-wrp { padding: 30px 0 64px; }
    .references-right { padding: 0 15px; }
    .references-main .section-title { margin: 0 0 15px; }
    .references-img {margin: 0 0 40px;}
    .references-right .section-title { text-align: left; margin: 0 0 32px; }
    .references-details {text-align: left; font-size: 13px;}
    /* Home Page End */

    /* VSL Page Start */
    .vsl-banner-wrp {margin: 0 20px 40px; padding: 5px 0 40px; background-image: url("../images/banner-Subtract-mobile.svg"); }
    .vsl-banner-wrp::before {display: none;}
    .play-icon { width: 28px; height: 28px; display: block; }
    .vsl-video { border-width: 3px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
    .vsl-banner-wrp .scroll-down {bottom: -30px;}
    /* VSl Page End */

    /* VSl Opened Page Start */
    .vsl-banner-wrp2 {margin-bottom: 44px;}

    .reviews-top .section-title br {display: none;}
    .reviews-wrp {margin: 32px 20px 0; padding: 48px 0 54px;}
    .reviews-top {display: block; margin: 0 0 40px; text-align: center;}
    .reviews-top .section-title {margin: 0 0 24px;}
    /* VSl Opened Page End */

    /* Contact Page Start */
    .contact-wrp { margin: 148px 0 64px 0; }
    .contact-img {margin: 0 20px;}
    .contact-img img {width: 100%;}
    .contact-left { padding: 0 0 56px; }
    .contact-img-main {position: relative;}
    /* Contact Page End */

    /* Thank You Page Start */
    .order-validated-wrp {margin: 0 20px 0; padding: 40px 0 189px;}
    .order-validated-img img {height: auto; margin: 0 0 -318px;}
    .bravo-block {margin: 48px auto 40px;}
    .order-summary ul {margin: 0 auto 56px;}
    .thank-you-details-wrp { padding: 100px 0 64px; }
    .order-validated-img {margin: 35px -30px 0;}
    .order-summary ul li {display: block; display: flex; flex-direction: column; min-height: 80px; justify-content: center;}
    .order-summary ul li span {padding: 0; justify-content: center; }
    .order-summary ul li span:before { display: none; }
    .signature { padding: 32px 0 0; }
    /* Thank You Page End */

    /* Privacy Page Start */
    .inner-bnr-main .banner-title {font-size: 40px; line-height: 42px;}
    .inner-bnr-wrp {min-height: 300px; margin: 20px 20px 0;}
    .inner-bnr-main {padding: 40px 0 0;}
    .inner-header .header-btn { padding: 0; }
    .header-btn .btn {font-size: 14px; line-height: 20px; padding: 10px 27px;}

    .privacy-wrp { padding: 40px 0 64px; }
    .privacy-block { margin: 0 0 32px; }
    .privacy-main {padding: 0 20px;}

    .reference-block {margin: 0 0 40px;}
    .reference-row { margin: 0; }
    .references-slider { padding: 0 15px 0 0; }
    /* Privacy Page End */

    /* Upsell Page Start */
    .banner-order-steps .order-step  .small-title{font-size: 19px; line-height: 26px;}
    .banner-order-steps .icon{width: 52px; height: 52px; margin-right: 14px;}
    .banner-order-steps .order-step.active .icon {width: 66px; height: 66px;}
    .banner-order-steps .order-step.active .small-title{font-size: 23px; line-height: 29px;}
    .vsl-banner-wrp.upsell-page .vsl-banner-main .banner-order-steps{flex-direction: column;}
    .banner-order-steps .order-step.active{ max-width: 313px; margin: 15px -32px; padding: 6px; }
    .vsl-banner-wrp.upsell-page { padding: 30px 0 140px; margin-bottom: 100px; }
    .vsl-banner-wrp.upsell-page .vsl-banner-main .vsl-video {margin: 0px auto -210px auto;}
    .banner-order-steps .order-step.active .order-details .details{font-size: 14px; line-height: 23px;}
    .vsl-banner-wrp.upsell-page .vsl-banner-main .banner-order-steps{ padding: 10px 13px 10px 6px; margin-bottom: 30px; max-width: 270px; margin-left: auto; margin-right: auto; border-radius: 31px; -webkit-border-radius: 31px; -moz-border-radius: 31px; -ms-border-radius: 31px; -o-border-radius: 31px; }

    .special-deal-main .special-deal-left .special-deal-top-left .block-title{font-size: 28px; line-height: 38px;}
    .saving-details span{font-size: 46px; line-height: 46px;}
    .saving-details { padding: 16px 24px 16px 20px; }
    .special-deal-right .btn-orange{font-size: 24px; line-height: 24px; padding: 13px 32px 16px 32px;}
    .right-details .right-details-img{height: 140px; left: -50px;}
    .saving-details span:first-child{margin-right: 6px;}
    .special-deal-section .special-deal-wrap .special-deal-right .saving-banner{margin-left: 0; margin-top: 24px;}
    .special-deal-right .btn-contain{text-align: center;}
    .official-page-wrap .official-page-logo ul{flex-direction: column;}
    .official-page-wrap .official-page-logo ul li{margin-right: 0; margin-bottom: 24px;}
    .official-page-wrap .official-page-logo ul li:last-child{margin-bottom: 0;}
    .official-page{padding: 40px 0;}
    .banner-upsell{margin: 0 20px 20px;}
    .official-page{margin-left: 20px; margin-right: 20px;}
    .special-deal-section{margin: 20px;}
    .right-details .saving-details { padding: 0 8px 0 0; }
    .special-deal-right .deal-list { padding: 40px 0 32px 0; }

    .left-details .saving-details span {font-size: 46px;}
    /* .left-details {width: calc(100% - 113px);} */
    .right-details .right-details-img{display: none;}
    .saving-banner .left-details {max-width: 100%; width: calc(100% - 113px);}

    .official-page-wrap {padding: 0 10px;}
    /* Upsell Page End */

    /* Footer Start */
    .footer { padding: 48px 0 24px; margin: 0 20px 20px; }
    .footer-main { width: 100%!important; }
    .footer-details { margin: 10px 0; }
    .bg-img-disclaimer {
        width: 80% !important;
        margin: 0 auto!important;
        float: unset!important;
    }

    /* Footer End */

    /* Terms STart */
    .how-to-reach-wrp .how-to-reach-block {margin: 0 0 20px;}
    /* Terms End */
}


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
    .left-details .saving-details span { font-size: 66px; line-height: 52px; }
    .saving-banner .small-title { line-height: 24px; }
    .saving-banner .right-details { padding: 22px 12px; }
}

@media (min-width: 425px) and (max-width: 767px) {
    
    .saving-banner .left-details { max-width: 100%; width: calc(100% - 113px); }
}

@media (max-width: 575px) {
    /* Home Page Start */
    /*.ingredients-logos-main { margin: 0 auto 16px; width: 100%; }*/
    /* Home Page End */

    /* Upsell Page Start */
    .left-details .saving-details span { font-size: 46px; }
    .special-deal-section{padding: 30px 0 38px;}
    .special-deal-section .special-deal-wrap .special-deal-detail{margin-bottom: 20px;}
    .saving-details{padding: 16px 8px 8px;}
    .saving-details span:first-child{margin-right: 0;}
    .special-deal-right .icon-list ul li img{height: 95px;}
    .special-deal-wrap .details-bottom{margin: 32px auto 0;}
    .special-deal-right .btn-orange{padding: 16px 18px; width: 100%;}
    .saving-banner .right-details{padding: 12px 15px 12px 15px;}
    .left-details .saving-details sup{top: -7px;}
    .left-details .saving-details .per-bottle{top: 0!important;}
    .right-details .saving-details sup{top: -11px;}
    /* Upsell Page End */
}

@media (max-width: 424px) {
    .saving-banner { overflow-x: hidden; }
    .left-details .saving-details span { font-size: 30px; }
    .saving-details span { font-size: 38px; line-height: 50px; }
    .saving-banner .right-details { padding: 12px 5px 12px 0; width: 106px}
    .right-details .small-title {padding: 0;margin: 0 auto!important;}
    .saving-banner .left-details { max-width: 100%; width: calc(100% - 98px); }
    .saving-details { padding: 16px 2px 8px; }
    .special-deal-right .icon-list ul li img { height: 75px; }
}

@media (max-width: 370px) {
    /* Common Style Start */
    .main-title { font-size: 38px; line-height: 40px; }
    .banner-title { font-size: 38px; line-height: 40px; }
    .btn {padding: 14px 20px;}
    .common-list ul { margin: 0 20px; }
    /* Common Style End */

    /* Home Page Start */
    .offers-product-price span { font-size: 104px; line-height: 112px; }
    /* Home Page End */

    /* Upsell Page Start */
    .special-deal-right .btn-orange {font-size: 20px; line-height: 24px; padding: 10px 10px;}
    /* Upsell Page End */
}