html {scroll-behavior: smooth;}
.wellina-rebrand{
    /* ============================= START: COMMON STYLE ============================= */
    /* wr Colors */
    --wr-primary: #05855C;
    --wr-primary-light: #08B47D;
    --wr-primary-light2: #04B17A;
    --wr-text-color: #171717;
    --wr-bg1: #FAF8F5;
    --wr-bg2: #F5F5F5;

    /* Fonts */
    --wr-georgia: 'Georgia', 'Cambria', 'Times', serif;
    --wr-verdana: 'Verdana', sans-serif;
    --wr-Tahoma: 'Tahoma', sans-serif;
    --wr-h1: 2.25rem;
    --wr-h2: 1.875rem;
    --wr-sup-headline: 0.875rem;
    --wr-sub-headline: 1rem;

    font-family: var(--wr-verdana); font-size: 14px; color: var(--wr-text-color); background-color: var(--wr-bg1);

    h1{font-size: var(--wr-h1); font-family: var(--wr-georgia);}
    h2{font-size: var(--wr-h2); font-family: var(--wr-georgia);}
    .wr-sup-headline{font-size: var(--wr-sup-headline); font-family: var(--wr-Tahoma); color: var(--wr-primary); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
    .wr-sub-headline{font-size: var(--wr-sub-headline); line-height: normal;}
    .text-primary{color: var(--wr-primary);}
    .bg-darker{background-color: var(--wr-bg2);}
    .g-36{--bs-gutter-x: 2.25rem; --bs-gutter-y: 2.25rem;}

    .star-icon{
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M5.42624 0.312436C5.59477 -0.104287 6.18477 -0.104286 6.3533 0.312437L7.59133 3.37373C7.66295 3.55084 7.82924 3.67165 8.01981 3.68504L11.3138 3.91649C11.7623 3.94799 11.9446 4.50912 11.6003 4.79817L9.07143 6.9216C8.92513 7.04445 8.86161 7.23993 8.90777 7.42531L9.70556 10.6296C9.81417 11.0658 9.33684 11.4126 8.95556 11.1746L6.15459 9.42561C5.99254 9.32443 5.787 9.32443 5.62495 9.42561L2.82398 11.1746C2.4427 11.4126 1.96538 11.0658 2.07398 10.6296L2.87177 7.42531C2.91793 7.23993 2.85441 7.04445 2.70811 6.9216L0.179215 4.79817C-0.165034 4.50912 0.0172873 3.94799 0.465693 3.91649L3.75973 3.68504C3.9503 3.67165 4.11659 3.55084 4.18821 3.37373L5.42624 0.312436Z" fill="%23CC8F35"/></svg>');
        display: inline-flex;width: 14px;height: 14px;background-size: contain;background-repeat: no-repeat;background-position: center;
    }
    .quote-icon {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="37" viewBox="0 0 40 37" fill="none"><path d="M24.7207 1V8.68457H25.7207C26.7977 8.68457 27.5995 8.97107 28.2061 9.47656L28.251 9.51172C28.9221 10.0088 29.4961 10.7096 29.958 11.6504C30.4256 12.603 30.771 13.7097 30.9814 14.9814C31.0861 15.8921 31.1507 16.8026 31.1787 17.7129H27.2002C24.6425 17.7129 22.5996 19.8199 22.5996 22.3799V31.333C22.5996 33.893 24.6425 36 27.2002 36H34.4004C36.9579 35.9998 39 33.8928 39 31.333V18.7129L38.9893 17.8428C38.939 15.8271 38.7124 13.9202 38.3057 12.125L38.2998 12.0996C37.7571 9.96747 36.9741 8.0846 35.9404 6.46484L35.9316 6.4502L35.9219 6.43652C34.7978 4.80096 33.3861 3.48522 31.6934 2.5C29.9559 1.48886 27.9537 1 25.7207 1H24.7207ZM3.12109 1V8.68457H4.12109C5.198 8.6846 5.99989 8.9711 6.60645 9.47656L6.62793 9.49414L6.65137 9.51172C7.32242 10.0088 7.89657 10.7096 8.3584 11.6504C8.82751 12.6061 9.1726 13.7172 9.38281 14.9941C9.48662 15.9006 9.55119 16.8069 9.5791 17.7129H5.59961C3.04206 17.7131 1 19.8201 1 22.3799V31.333C1 33.8928 3.04206 35.9998 5.59961 36H12.7998C15.3575 36 17.4004 33.893 17.4004 31.333V18.7129C17.4004 16.3739 17.1699 14.1765 16.7051 12.125L16.6992 12.0996C16.1565 9.96755 15.3745 8.08456 14.3408 6.46484L14.3311 6.4502L14.3223 6.43652C13.1982 4.80096 11.7865 3.48522 10.0938 2.5C8.35628 1.48877 6.35416 1.00002 4.12109 1H3.12109Z" stroke="%2305855C" stroke-opacity="0.15" stroke-width="2"/></svg>');
        display: inline-flex;width: 36px;height: 33px;background-size: contain;background-repeat: no-repeat;background-position: center;
    }

    .wr-btn{
        display: inline-flex; align-items:center; justify-content: center; gap: 8px; font-family: var(--wr-verdana); font-size: 1rem; font-weight: 700; border: none; padding: 16px; border-radius: 10px; cursor: pointer; text-decoration: none; transition: all 0.3s ease;
        
        &:hover{box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.15);}

        &.wr-btn-primary{
            background-color: var(--wr-primary); color: #fff;
            &:hover{background-color: var(--wr-primary-light);}
        }

        &.wr-btn-style1{
            background-color: #ffffff; color: var(--wr-primary); border: 2px solid var(--wr-primary);
            &.wr-btn-icon::after {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.75C0 6.33579 0.335786 6 0.75 6L18.4393 6L13.7197 1.28033C13.4268 0.987438 13.4268 0.512562 13.7197 0.219669C14.0126 -0.0732243 14.4874 -0.0732243 14.7803 0.219669L20.7803 6.21967C21.0732 6.51256 21.0732 6.98744 20.7803 7.28033L14.7803 13.2803C14.4874 13.5732 14.0126 13.5732 13.7197 13.2803C13.4268 12.9874 13.4268 12.5126 13.7197 12.2197L18.4393 7.5L0.75 7.5C0.335786 7.5 0 7.16421 0 6.75Z" fill="%2305855C"/></svg>');}
            &.wr-btn-icon:hover::after{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.75C0 6.33579 0.335786 6 0.75 6L18.4393 6L13.7197 1.28033C13.4268 0.987438 13.4268 0.512562 13.7197 0.219669C14.0126 -0.0732243 14.4874 -0.0732243 14.7803 0.219669L20.7803 6.21967C21.0732 6.51256 21.0732 6.98744 20.7803 7.28033L14.7803 13.2803C14.4874 13.5732 14.0126 13.5732 13.7197 13.2803C13.4268 12.9874 13.4268 12.5126 13.7197 12.2197L18.4393 7.5L0.75 7.5C0.335786 7.5 0 7.16421 0 6.75Z" fill="%2304B17A"/></svg>');}
            &:hover{border-color: var(--wr-primary-light2); color: var(--wr-primary-light2);}
        }

        &.wr-btn-style2{
            background-color: #171717; color: #ffffff;
            &:hover{background-color: #2A2A2A;}
        }

        &.wr-btn-icon::after{
            content: '';background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.75C0 6.33579 0.335786 6 0.75 6L18.4393 6L13.7197 1.28033C13.4268 0.987438 13.4268 0.512562 13.7197 0.219669C14.0126 -0.0732243 14.4874 -0.0732243 14.7803 0.219669L20.7803 6.21967C21.0732 6.51256 21.0732 6.98744 20.7803 7.28033L14.7803 13.2803C14.4874 13.5732 14.0126 13.5732 13.7197 13.2803C13.4268 12.9874 13.4268 12.5126 13.7197 12.2197L18.4393 7.5L0.75 7.5C0.335786 7.5 0 7.16421 0 6.75Z" fill="white"/></svg>');
            background-size: contain;background-repeat: no-repeat;background-position: center;width: 18px;height: 16px;
        }
    }
    .wr-card{
        border-radius: 16px; border: 2px solid #D4D4D4; padding: 32px 12px; height: 100%;

        .wr-card-icon{
            padding: 8px; height: 64px; width: 64px; display: flex; align-items: center; justify-content: center; background-color: #EDFDF9; border-radius: 16px; margin-bottom: 16px;
            img{width: 40px; height: 40px; object-fit: contain; margin-bottom: 0;}
        }

        img{width: 64px; height: 64px; margin-bottom: 16px;}
        h4 {font-size: 0.875rem; font-family: var(--wr-verdana); font-weight: 700; margin-bottom: 7px;}
        p{font-size: 0.75rem;}
    }
    .wr-faq-accordion{
        display: flex;flex-direction: column;gap: 16px;

        sup{font-size: 60%; top: -0.5em;}
        .accordion-item{border-radius: 16px;border: 2px solid #D4D4D4;background: #FFF; overflow: hidden;}
        .accordion-item:has(.show){box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);}
        .accordion-header {font-family: var(--wr-verdana); line-height: normal;}
        .accordion-button {padding: 24px; font-weight: 700; font-size: 0.875rem;}
        .accordion-button:not(.collapsed) {background-color: transparent;box-shadow:none;}
        .accordion-button:focus{box-shadow: none;}
        /* .accordion-button:not(.collapsed):focus{box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);} */
        .accordion-body{padding: 0 24px 16px; font-size: 0.875rem;}
        .accordion-body h4{font-size: 0.875rem; font-weight: 700; font-family: var(--wr-verdana); margin-bottom: 7px;}
        .accordion-body p:not(:last-child) {margin-bottom: 20px;}
    }

    @media (min-width: 1200px) {
        --wr-h1: 3rem;
        --wr-h2: 2.25rem;
        --wr-sup-headline: 1rem;
        --wr-sub-headline: 1.125rem;

        font-size: 1rem;
    }

    @media (min-width: 1400px) {
        --wr-h1: 3.75rem;
        --wr-h2: 3rem;

        .wr-sub-headline{max-width: 896px; margin-left: auto; margin-right: auto;}
    }

    /* ============================= END: COMMON STYLE ============================= */

    /* Personalized Section */
    .personalized-section{
        padding: 40px 0 64px;

        .personalized-card{padding: 24px; font-size: 0.875rem; border-radius: 16px; border: 2px solid #D4D4D4; background: #FFF; height: 100%; display: flex; flex-direction: column;}
        .personalized-card-header {margin-bottom: 24px;}
        .personalized-card-header .personalized-card-icon{display: flex; font-size: 2rem; margin-bottom: 7px; height: 40px;}
        .personalized-card-header .personalized-card-icon img{height: 100%; width: auto;}
        .personalized-card-header h3{font-size: 1.5rem; margin-bottom: 7px; font-family: var(--wr-georgia);}
        .personalized-card-body {height: 100%; display: flex; flex-direction: column;}
        .personalized-card-body p {margin-bottom: 22px;}
        .personalized-card-body ul{margin-top: auto; list-style-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'>\<path d='M10.0351 0.321056C10.4632 -0.107019 11.1572 -0.107019 11.5853 0.321056C12.0081 0.74388 12.0133 1.42619 11.6008 1.85538L5.76609 9.14883C5.75767 9.15936 5.74867 9.16941 5.73914 9.17894C5.31106 9.60702 4.61702 9.60702 4.18894 9.17894L0.321056 5.31106C-0.107019 4.88299 -0.107019 4.18894 0.321056 3.76086C0.749131 3.33279 1.44318 3.33279 1.87125 3.76086L4.93101 6.82062L10.006 0.353845C10.015 0.342344 10.0248 0.331394 10.0351 0.321056Z' fill='%2305855C'/>\</svg>");}
        .personalized-card-body ul li {padding-left: 12px;}
        .personalized-card-body ul li:not(:last-child) {margin-bottom: 8px;}
        .personalized-card-body .wr-btn{margin-top: 32px;}

        @media (min-width: 1400px) {
            padding: 48px 0 80px;

            .container{max-width: 1155px;}
        }
    }

    /* Product List Section */
    .wr-product-list-section{
        padding: 40px 0;

        .wr-product-card{border-radius: 12px;border: 1px solid #D4D4D4;background: #FFF; overflow: hidden; height: 100%;}
        .wr-product-img {aspect-ratio: 1/1; width: 100%;}
        .wr-product-body{padding: 16px 12px;}
        .wr-product-body .wr-product-category{font-size: 0.688rem; text-transform: uppercase; margin-bottom: 5px;}
        .wr-product-body h3{font-size: 0.75rem; line-height: 1.5; margin-bottom: 5px; font-family: var(--wr-verdana); font-weight: 700; min-height: 50px;}
        .wr-product-body p{font-size: 0.688rem;}
        .wr-p-tags{display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px;}
        .wr-p-tags .wr-p-tag{display: flex; padding: 4px 8px;border: 1px solid #525252;border-radius: 64px;background: rgba(82, 82, 82, 0.13); font-size: 0.625rem; max-width: fit-content; line-height: 1;}
        .wr-p-tags .wr-p-tag.main-tag{border-color: var(--wr-primary); background: rgba(5, 148, 103, 0.13);}

        @media (min-width: 1400px) {
            padding: 80px 0;

            .container{max-width: 1155px;}
        }
    }

    /* How it Works Section */
    .wr-howitworks-section{
        padding: 48px 0;

        .wr-steps-wrapper{display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 16px; justify-content: center; margin-bottom: 54px;}
        .wr-step-card{text-align: center;padding: 0 12px;}
        .wr-step-card .wr-step-count{display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; padding: 8px; border-radius: 16px; background: #EDFDF9; font-size: 1.875rem; font-weight: 700; color: var(--wr-primary); margin-bottom: 24px;}
        .wr-step-card h4 {font-size: 1rem; font-weight: 700; margin-bottom: 7px; font-family: var(--wr-verdana);}
        .wr-step-card p {font-size: 0.75rem;}

        .starting-price{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; max-width: 896px; padding: 40px 24px; background-color: var(--wr-primary); color: #fff; border-radius: 16px; margin: auto;}
        .starting-price h3{font-size: 1.875rem; margin-bottom: 0; font-family: var(--wr-georgia);}
        .starting-price p:not(.note){font-size: 1.125rem; margin-bottom: 0;}
        .starting-price p.note{font-size: 0.688rem; margin-bottom: 0;}

        @media (min-width: 992px) {
            .wr-steps-wrapper{grid-template-columns: repeat(3, 1fr);}
        }

        @media (min-width: 1200px) {
            .wr-steps-wrapper{grid-template-columns: repeat(5, 1fr);}
        }

        @media (min-width: 1400px) {
            padding: 80px 0;

            .container{max-width: 1155px;}
        }
    }

    /* About Wellina Section */
    .wr-about-section {
        padding: 48px 0;

        .wr-about-content{max-width: 896px; margin: auto;}
        .wr-about-content p{line-height: normal;}
        .wr-about-content p:not(:last-child){margin-bottom: 16px;}
        .wr-card{text-align: center;}

        @media (min-width: 992px) {
            .wr-about-content p{line-height: 1.5;}
            .wr-about-content p:not(:last-child){margin-bottom: 24px;}
        }
        @media (min-width: 1400px) {
            padding: 80px 0;

            .container{max-width: 1155px;}
        }
    }

    /* Real Results Section */
    .wr-realresults-section{
        padding: 48px 0;

        .g-30{--bs-gutter-x: 1.875rem; --bs-gutter-y: 1.875rem;}
        .fs-11{font-size: 0.688rem;}

        .wr-testimonial-card{display: flex; flex-direction: column; padding:24px;border-radius: 16px;border: 2px solid #D4D4D4;background: #FFF; height: 100%;}
        .wrt-icon-container{display: flex; justify-content: space-between; margin-bottom: 16px;}
        .wrt-icon-container .stars{display: flex; gap: 4px;}
        .wrt-icon-container .star-icon{width: 28px; height: 28px;}
        .wrt-icon-container .quote {width:36px; height:34px;}
        .wrt-testimonial-msg{color:var(--wr-text-color); font-family:var(--wr-verdana); font-size:0.875rem; font-style:italic; font-weight:400; line-height:1.57; margin-bottom: auto;}
        .wrt-author {padding-top: 16px; margin-top: 16px; border-top: 1px solid #D4D4D4;}
        .wrt-author h5{color:var(--wr-text-color); font-family:var(--wr-verdana); font-size:0.875rem; font-weight:700; line-height:normal; margin-bottom: 4px;}
        .wrt-author p{color:var(--wr-primary); font-size:0.875rem; line-height:normal;}

        @media (min-width: 1400px) {
            padding: 80px 0;

            .container{max-width: 1155px;}
        }
    }

    /* FAQ Section */
    .wr-faq-section{
        padding: 48px 0;

        @media (min-width: 1400px) {
            padding: 80px 0;

            .container{max-width: 1155px;}
        }
    }

    /* Start Journey Section */
    .wr-start-journey{
        padding: 48px 24px; background-color: var(--wr-primary); color: #fff;

        .fs-14{font-size: 0.875rem;}

        @media (min-width: 1400px) {
            padding: 80px 24px;

            .container{max-width: 1155px;}
        }
    }

    /* Weight Loss Page */
    &.weight-loss-page{
        .wr-hero{
            .wr-hero-title{text-wrap: initial;}
            
            @media (min-width: 992px) {
                .wr-hero-p {margin-bottom: 26px;}
                .wr-guarantee{margin-bottom: 40px;}
            }

            @media (max-width: 991px) {
                .wr-hero-content{display: flex; flex-direction: column; align-items: center;}
                .wr-guarantee{order: 5;}
                .wr-btn {order: 4;}
            }
        }

        .wr-whatyouget-section{
            padding: 40px 0 64px;
            .g-30{--bs-gutter-x: 1.875rem; --bs-gutter-y: 1.875rem;}
            .fs-11{font-size: 0.688rem !important;}

            .wr-card{padding: 32px 16px; background-color: #ffffff;}
            .wr-card h4 {min-height: 28px;}
            .wr-card p {font-size: 0.875rem; line-height: 1.29;}
            .wr-card sup{font-size: 60%;}
            .wr-card .wr-card-icon img.bar-chart-icon {width: 30px; height: 30px;}

            @media (min-width: 1400px) {
                padding: 48px 0 80px;

                .container{max-width: 1155px;}
            }
        }

        .wr-your-journey-section{
            padding: 80px 0;

            
        }
    }
}