/** Shopify CDN: Minification failed

Line 716:0 Unexpected "{"
Line 3599:12 Expected ":"
Line 3600:4 Expected identifier but found ":"
Line 3952:10 Expected identifier but found whitespace
Line 3952:11 Unexpected "100%"

**/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
    --playfair: "Playfair Display";
    --lato: "Lato";
    --zk-primary: #380f5d;
    --secondary-font-family: Poppins, sans-serif;
}

body::-webkit-scrollbar-thumb {
    background: var(--zk-primary);
    border-radius: 50px;
}

body::-webkit-scrollbar {
    width: 9px;
    background-color: #B598F9;
}


::selection {
    background: var(--zk-primary);
    color: var(--white);
}

html,
body {
    width: 100%;
    scroll-behavior: smooth;
    height: 100%;
}

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a,
img {
    border: none;
}

a {
    text-decoration: none;
    transition: .7s;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: var(--lato);
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    -ms-transition: .7s;
}

.header_main_area {
    position: fixed !important;
}

.main_container {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.standard {
    position: relative;
    margin: 0 auto;
    width: 1300px;
}

.legalpages {
    max-width: 1300px !important;
    margin-bottom: 30px !important;
}

.container {
    max-width: 1300px !important;
}

/* Style Css Write Here.... */

.header_main {
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
    align-items: center;
}

.header_main ul li a {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--zk-primary);
}

.header_main ul {
    display: flex;
    gap: 20px;
}

.header_box {
    width: 100%;
}

.header_box:nth-child(2) {
    text-align: center;
}

.header_box:last-child {
    text-align: right;
}

.header_box a {
    display: block;
}

.header_btn {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}

.header_btn a:first-child {
    background: var(--white);
    color: var(--zk-primary);
    padding: 8px 20px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    border: 2px solid #E0E0E0;

    svg path {
        fill: var(--zk-primary);
    }
}

.header_btn a:nth-child(2) {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    background: var(--white);
    color: var(--zk-primary);
    padding: 8px 12px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.header_btn a:last-child {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--zk-primary);
    padding: 8px 12px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    border: 2px solid #E0E0E0
}

mobile-header {
    display: none
}

.banner_top {
    background: url('/cdn/shop/files/banner-top.png?v=1715884104');
    background-blend-mode: color;
    border-radius: 40px;
    padding: 50px 20px;
    margin: 20px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    text-align: center;
}

.banner_top h1 {
    font-family: var(--playfair);
    font-size: 70px;
    font-weight: 500;
    line-height: 80px;
    overflow: hidden;
    color: var(--white);
}

.banner_top p {
    color: var(--white);
    margin-top: 20px;
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.banner_top span {
    font-family: var(--lato);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 10px;
}

.col1 {
    position: relative;
    margin: 50px 0px;
}

.col1_main {
    display: flex;
    gap: 0px;
    align-items: center;
    justify-content: space-between;
}

.col1_box:first-child {
    width: 47%;
}

.col1_box img {
    width: 90%;
}

.col1_box:last-child {
    width: 50%;
}

.col1_box h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
}

.col1_box p {
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: var(--zk-primary);
    margin: 20px 0px;
    width: 100%
}

.col1_btn {
    position: relative;
    width: 100%;
    display: flex;
    gap: 20px;
}

.col1_btn_2 {
    background: var(--zk-primary) !important;
    width: 150px !important;
    color: var(--white) !important
}

.col1_btn a {
    background: linear-gradient(270deg, #B975CD 0%, #75B0FF 100%);
    color: var(--white);
    padding: 16px 0px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    width: 220px;
}

.col1_box ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.col1_box ul li p {
    margin: 5px 0px;
}

.col1_box ul {
    margin: 10px 0px;
    margin-bottom: 30px;
}

.col1_btn_1 a {
    width: fit-content;
    padding: 15px 30px;
}

.col2 {
    position: relative;
    margin: 70px 0px;
    margin-bottom: 100px;
}

.col2 h2,
.col4 h4 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--zk-primary);
}

.col2 h3 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
    margin-bottom: 10px;
}

.col2 p {
    font-family: var(--lato);
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: var(--zk-primary);
}

.col2_main {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 40px;
}

.col2_box {
    width: 100%;
}

.col2_box span {
    border: 2px solid #E0E0E0;
    display: inline-block;
    border-radius: 24px;
    font-family: var(--playfair);
    font-size: 80px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    line-height: 60px;
    height: 90px;
    background: linear-gradient(270deg, #B975CD 0%, #75B0FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.col2_box h4 {
    font-family: var(--lato);
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: var(--zk-primary);
    margin-top: 10px;
}

.col2_box p {
    font-family: var(--lato);
    font-size: 21px;
    font-weight: 400;
    line-height: 26px;
}

.col3 {
    position: relative;
}

.col3 h4 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
}

.col3_main {
    position: relative;
    margin-top: 50px;
}

.col3_box {
    border-radius: 40px;
    border: 1px solid #E0E0E0;
    padding: 50px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.col3_box h2 {
    font-family: var(--playfair);
    font-size: 80px;
    font-weight: 500;
    line-height: 85px;
    color: var(--zk-primary);
    margin-bottom: 10px;
}

.col3_box .month_box:first-child {
    width: 70%;
}

.col3_box p {
    font-family: var(--lato);
    font-size: 28px;
    font-weight: 700;
    line-height: 48px;
    color: var(--zk-primary);
}

.faq_box {
    width: 100%;
}

.col3_question {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
    margin-bottom: 14px;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #E0E0E0;
    border-radius: 50px;
    padding: 20px 20px;
    flex-wrap: wrap
}


.col3_ans p {
    font-size: 18px;
    line-height: 26px;
    padding: 20px 0px;
    font-weight: 500;
}

.image-with-faq .col3_question div {
    transform: unset !important;
}

.text-box {
    position: relative;
}

.text-box p {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.text-box h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    margin: 20px 0px
}

.reference-box {
    position: relative;
    border: 2px solid #E0E0E0;
    margin: 30px 0px;
    border-radius: 40px;
    padding: 30px 40px;
}

.reference-box h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
    margin-bottom: 10px;
}

.reference-box p {
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 15px;
    color: var(--zk-primary);
}

.faq_section_main {
    display: flex;
}

.faq_section_main h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    width: 510px;
    color: var(--zk-primary);
}

.faq_section_main p {
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: var(--zk-primary);
    width: 530px;
    margin-top: 0px;
}

.col3_ans {
    width: 100%;
}

.col3_question span {
    background: linear-gradient(270deg, #B975CD 0%, #75B0FF 100%);
    color: var(--white);
    padding: 10px;
    border-radius: 30px;
    font-size: 16px;
    height: 30px;
    line-height: 10px;
    width: 30px;
    text-align: center;
}

.video_section {
    position: relative;
    margin: 60px 0px;
}

.video_section h2 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--zk-primary);
}

.video_section h4 p {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
    margin-bottom: 20px;
}

.video_text {
    width: 100%;
    border: 2px solid #E0E0E0;
    border-radius: 24px;
    padding: 20px;
}

.video_box {
    position: relative;
    width: 80%;
}

.video_box img {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
    cursor: pointer;
}

.video_text h3 {
    font-family: var(--lato);
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    color: var(--zk-primary);
}

.video_text p {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: var(--zk-primary);
}

.video_txt_inner {
    position: relative;
    display: flex;
    gap: 20px;
    margin: 20px 0px;
}

.video_txt_inner h4 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: #75B0FF;
}

.col5_box h4 {
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--zk-primary);
    margin-top: 40px;
    margin-bottom: 10px;
}

.video_txt_inner svg {
    width: 22px;
}

.video_txt_inner h5 {
    display: flex;
    gap: 10px;
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: var(--zk-primary);
    align-items: center;
}

.video_txt_inner h5 span {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    padding: 10px;
    border-radius: 30px;
    font-size: 14px;
    height: 26px;
    line-height: 6px;
    width: 27px;
    text-align: center;
}

.text_with_box {
    position: relative;
}

.text_with_top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.text_with_top h2 {
    font-family: var(--playfair);
    font-size: 80px;
    font-weight: 500;
    line-height: 80px;
    color: #380F5E;
    width: 100%;
}

.text_with_top p,
{
color: var(--zk-primary);
font-family: var(--lato);
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-align: right;
}

.text_with_box p {
    color: var(--zk-primary);
    font-family: var(--lato);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 36px;
}

.text_with_boxText h3 {
    font-family: var(--playfair);
    font-size: 40px;
    color: var(--zk-primary);
    font-weight: 600;
}

.text_with_bottom {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin: 40px 0px;
}


.text_with_boxText h5 {
    font-family: var(--playfair);
    font-size: 30px;
    color: #75B0FF;
    font-weight: 600;
}

.text_with_boxText {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    align-items: center;
}

.text_with_btn {
    position: relative;
}

.text_with_btn a {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    padding: 13px 0;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    width: 150px;
}

.col4 {
    position: relative;
}

.col4 h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
}

.col4_main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
    flex-wrap: wrap;
    margin: 40px 0px;
}

.col4_box {
    border-radius: 40px;
    border: 2px solid #E0E0E0;
    width: 23%;
    padding: 30px;
    max-height: 300px;
}

.col4_box h3 {
    font-family: var(--lato);
    font-size: 19px;
    font-weight: 700;
    line-height: 25px;
    color: var(--zk-primary);
    margin: 10px 0px;
}

.col4_box p {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--zk-primary);
}

.col1_box_img h5 {
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 700;
    line-height: 38px;
    color: var(--zk-primary);
}

.col1_box h6 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    color: var(--zk-primary);
}

.col1_box_img .sub_para p {
    font-family: var(--lato);
    font-size: 16px !important;
    color: var(--zk-primary);
    font-weight: 400;
    line-height: 0px;
    text-align: left;
    margin: 0px;
}

.result_box_area {
    position: relative;
    width: 100%;
    margin: 40px 0px;
}

.result_box_main {
    display: flex;
    justify-content: space-between;
}

.result_box {
    width: 100%;
}

.result_box:last-child {
    text-align: right;
    width: 70%;
}

.result_box:first-child {
    border: 2px solid #E0E0E0;
    padding: 20px 40px;
    border-radius: 24px;
}

.result_box img {
    width: 90%;
}

.result_box h2 {
    font-family: var(--lato);
    font-size: 30px;
    font-weight: 700;
    line-height: 48px;
    color: var(--zk-primary);
}

.result_box p {
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    color: var(--zk-primary);
}

.blog-wrap {
    border-radius: 24px;
    border: 1px solid #E0E0E0 !important;
    padding: 0px !important;
}

.blog-img a img {
    border-radius: 0px 0px 20px 20px !important;
    overflow: hidden;
}

.blog-content {
    margin: 10px 0px !important;
}

.blog-content h6 {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
    margin-bottom: 10px;
}

.blog-content h3 {
    font-weight: 700 !important;
    font-size: 21px !important;
    margin: 0 !important;
    color: #383838;
    position: relative;
    min-height: 40px;
}

.blog-wrap .blog-content .blog-meta ul li a {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

.blog-details-top {
    background: url(/cdn/shop/files/banner-top.png?v=1715884104);
    background-blend-mode: color;
    border-radius: 40px;
    padding: 50px 20px;
    margin: 20px 0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    text-align: center;
}

.blog-details-content {
    margin: 0px !important;
}

#blog-details-top h3 {
    color: var(--white) !important;
    font-family: var(--playfair);
    font-size: 70px !important;
    font-weight: 500 !important;
    line-height: 80px;
    overflow: hidden;
    text-align: center
}

.blog-details-meta ul li {
    color: var(--white) !important;
    font-family: var(--lato);
    font-size: 12px;
    font-weight: 400;
}

.blog-details-content h3,
.blog-details-content h3 span {
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 25px;
    text-align: left;
    margin: 10px 0;
    color: #000;
}

.blog-details-content p,
.blog-details-content span {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.section-title h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    color: var(--zk-primary);
}

.rotateIcon {
    transform: rotate(180deg);
}

.card-header {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    border: 2px solid #E0E0E0 !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
    background: var(--white);
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.faq-page .card {
    border: none;
}

.faq-page .btn-link,
.faq-page .btn-link:hover {
    text-decoration: none;
}

.faq-page .card .card-header button {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--zk-primary);
}

.faq-page .card .card-header button:before {
    display: none;
}

.faq-page .card-body {
    padding-top: 0px
}

.faq-page .card-body p {
    font-family: var(--lato);
    color: var(--zk-primary);
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.footLine {
    border-bottom: 1px solid var(--white);
}

.footer_main {
    position: relative;
    width: 100%;
    background: var(--zk-primary);
    padding: 40px 0px;
    padding-top: 80px;
}

.footer_top {
    display: flex;
    justify-content: space-between;
}

.banner_bottom {
    position: absolute;
    bottom: 30px;
    background: var(--white);
    width: 100%;
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border-radius: 50px;
    font-size: 22px;
}


.footer_box img {
    margin-bottom: 10px;
}

.footer_box p {
    font-family: var(--lato);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--white);
}

.footer_box ul li a {
    font-family: var(--lato);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--white);
}

/* .footer_box:first-child {
width: 30%;
border-right: 2px solid var(--white);
} */

.blog_grid_custom h2 {
    text-align: left;
}

.blog_grid_custom p {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    color: var(--zk-primary);
    width: 100%;
}

.start-your-journey {
    position: relative;
    padding: 80px 250px;
    margin: 50px 0;
    text-align: center;
    background: url('/cdn/shop/files/journey.png?v=1716110563');
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    border-radius: 40px;
}

.start-your-journey p a {
    background: unset;
    color: #75B0FF;
    padding: unset;
    border-radius: unset;
    display: unset;
    width: auto;
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 500;
    padding-left: 5px;
}

.start-your-journey h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--white);
}

.start-your-journey p {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: var(--white);
    margin: 20px 0px;
}

.start-your-journey a {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    padding: 15px 50px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.start-your-journey h6 {
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 700;
    color: var(--white);
}

.success-box {
    background: url('/cdn/shop/files/success.png?v=1716112143');
    position: relative;
    margin: 50px 0;
    text-align: center;
    padding: 50px 80px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    border-radius: 40px;
}

.success-box h5 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--white);
}

.success-box h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--white);
}

.success-box-main {
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 30px;
    margin: 50px 0px;
}

.success-box-inner {
    border: 2px solid #E0E0E0;
    border-radius: 24px;
    width: 100%;
    padding: 20px;
}

.success-box-inner span {
    font-family: var(--playfair);
    font-size: 80px;
    font-weight: 500;
    line-height: 80px;
    color: var(--white);
}

.success-box-inner h3 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: var(--white);
    margin-top: 30px;
}

.five_step {
    position: relative;
    width: 100%;
    margin: 50px 0px;
}

.five_step h5 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    color: var(--zk-primary);
    width: 100%;
}

.five_step h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
}

.five_step_main {
    display: flex;
    margin: 30px 0px;
    gap: 20px;
}

.five_step_inner {
    width: 100%;
}

.five_step_inner img {
    border-radius: 25px;
    margin-bottom: 20px;
    width: 100%;
}

.five_step_inner span {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}

.five_step_inner h3 {
    font-family: var(--lato);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #000000;
}

.image-with-faq {
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    margin: 80px 0px;
}

.image-with-faq .faq_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    gap: 200px;
    align-items: center;
}

.image-with-faq .col3_faq {
    width: 30%;
}

.banner_box {
    width: 100%;
}

.banner_box img {
    width: 100%;
}


.banner_box h2 {
    font-family: var(--lato);
    font-size: 32px;
    font-weight: 500;
    line-height: 48px;
    margin: 20px 0px;
    color: var(--white);
}

.banner_icon_main {
    display: flex;
    gap: 50px;
}

.banner_icon_main div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.banner_icon_main div img {
    width: 25px;
}

.banner_btn {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 30px 0px;
}

.banner_btn a {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 12px 70px;
    width: fit-content;
    font-size: 16px;
    color: var(--zk-primary);
    border: 2px solid var(--white);
    background: var(--white);
}

.banner_btn a:last-child {
    background: transparent;
    color: var(--white);
    padding: 12px 40px;
}

.banner_icon_main div h3 {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: var(--white);
}

.welcome_section {
    position: relative;
    width: 100%;
    border: 2px solid #E0E0E0;
    border-radius: 24px;
    padding: 100px;
    margin: 100px 0px;
    display: flex;
    gap: 100px;
    align-items: center;
    justify-content: center;
}

.welcome_section h6 {
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 700;
    line-height: 48px;
    color: var(--zk-primary);
}

.welcome_section p {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--zk-primary);
    margin: 0px 0px;
}

.welcome_section p strong {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}

.welcome_btn {
    position: relative;
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    padding: 14px 10px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    width: 36%;
    margin-top: 30px;
}

.welcome_btn a {
    color: var(--white);
    display: block;
    width: max-content;
}

.col5 {
    position: relative;
}

.col5:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
    content: '';
    /* background: linear-gradient(270deg, #B975CD 0%, #75B0FF 100%); */
    background: url('/cdn/shop/files/Image.png?v=1717250071');
    background-size: cover;
}

#diet-and-lifestyle main .shopify-section:not(:first-child),
#medical-history main .shopify-section:not(:first-child),
#take-the-quiz main .shopify-section:not(:first-child),
#maintenance-take-the-quiz main .shopify-section:not(:first-child) {
    display: none;
}

.col5_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.col5_box {
    width: 40%;
}

.col5_box:last-child {
    text-align: center;
    visibility: hidden;
    padding: 70px 0px;
}

.col5_box img {
    width: 100%;
}

.col5_box h2 {
    font-family: var(--lato);
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    color: var(--zk-primary);
    margin-bottom: 20px;
}

input.col5_input {
    background: var(--white);
    border: 2px solid #E0E0E0;
    border-radius: 20px;
    margin-bottom: 20px;
    font-family: var(--lato);
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    padding-left: 20px;
}

.col5_inline {
    position: relative;
}

.col5_inline span {
    position: absolute;
    top: 12px;
    right: 12px;
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: #B598F9;
}

.col5_btn {
    position: relative;
    width: 100%;
}

.congrates_section {
    position: relative;
    padding: 50px 150px;
    text-align: center;
    border: 2px solid #E0E0E0;
    border-radius: 40px;
}

.congrates_section h2 {
    font-family: var(--lato);
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    color: var(--zk-primary);
    margin-bottom: 20px;
}


.sbs_btn {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    padding: 4px 20px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
}

.sbs_btn input {
    background: transparent;
    border: navajowhite;
    color: var(--white);
    padding: 0px !important;
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}

.email_box_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.col5_inline_1 {
    display: flex;
    align-items: center;
    gap: 5px;
}

.col5_inline_1 {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
}

.col5_inline_1 label {
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: var(--zk-primary);
    width: 100%;
}

.col5_inline_1 input[type="radio"] {
    height: 30px;
    width: 26px;
}

.text-box img {
    width: 100%;
    margin: 10px 0px;
}

.col5_box h5 {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: var(--zk-primary);
    text-transform: uppercase;
    margin-bottom: 10px;
}

.header_main_area {
    border-bottom: 2px solid #E0E0E0;
}

.header_main ul {
    display: flex;
    gap: 20px;
}

.header_box {
    width: 100%;
}

.header_box:nth-child(2) {
    text-align: center;
}

.header_box:last-child {
    text-align: right;
}

.header_box a {
    display: block;
}

.header_btn {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}

.header_btn a:first-child {
    background: var(--white);
    color: var(--zk-primary);
    padding: 8px 20px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    border: 2px solid #E0E0E0;
}

.header_btn a:nth-child(2) {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    background: var(--zk-primary);
    color: var(--white);
    padding: 8px 12px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.header_btn a:last-child {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    background: var(--white);
    color: var(--zk-primary);
    padding: 10px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    border: 2px solid #E0E0E0
}

mobile-header {
    display: none
}

.banner_top {
    background: url('/cdn/shop/files/banner-top.png?v=1715884104');
    background-blend-mode: color;
    border-radius: 40px;
    padding: 50px 20px;
    margin: 20px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    text-align: center;
}

.banner_top h1 {
    font-family: var(--playfair);
    font-size: 70px;
    font-weight: 500;
    line-height: 80px;
    overflow: hidden;
    color: var(--white);
}

.banner_top p {
    color: var(--white);
    margin-top: 20px;
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.banner_top span {
    font-family: var(--lato);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 10px;
}

.col1 {
    position: relative;
    margin: 50px 0px;
}

.col1_main {
    display: flex;
    gap: 0px;
    align-items: center;
    justify-content: space-between;
}

.col1_box:first-child {
    width: 47%;
}

.col1_box img {
    width: 90%;
}

.col1_box:last-child {
    width: 50%;
}

.col1_box h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
}

.col1_box p {
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: var(--zk-primary);
    margin: 20px 0px;
    width: 100%
}

.col1_btn {
    position: relative;
    width: 100%;
    display: flex;
    gap: 20px;
}

.col1_btn_2 {
    background: var(--zk-primary) !important;
    width: 150px !important;
    color: var(--white) !important
}

.col1_btn a {
    background: linear-gradient(270deg, #B975CD 0%, #75B0FF 100%);
    color: var(--white);
    padding: 16px 0px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    width: 190px;
}

.col1_box ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.col1_box ul li p {
    margin: 5px 0px;
}

.col1_box ul {
    margin: 10px 0px;
    margin-bottom: 30px;
}

.col1_btn_1 a {
    width: fit-content;
    padding: 15px 20px;
}

.col2 {
    position: relative;
    margin: 70px 0px;
    margin-bottom: 100px;
}

.col2 h2,
.col4 h4 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--zk-primary);
}

.col2 h3 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
    margin-bottom: 10px;
}

.col2 p {
    font-family: var(--lato);
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: var(--zk-primary);
}

.col2_main {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 40px;
}

.col2_box {
    width: 100%;
}

.col2_box span {
    border: 2px solid #E0E0E0;
    display: inline-block;
    border-radius: 24px;
    font-family: var(--playfair);
    font-size: 80px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    line-height: 60px;
    height: 90px;
}

.col2_box h4 {
    font-family: var(--lato);
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: var(--zk-primary);
    margin-top: 10px;
}

.col2_box p {
    font-family: var(--lato);
    font-size: 21px;
    font-weight: 400;
    line-height: 26px;
}

.col3 {
    position: relative;
}

.col3 h4 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
}

.col3_main {
    position: relative;
    margin-top: 50px;
}

.col3_box {
    border-radius: 40px;
    border: 1px solid #E0E0E0;
    padding: 50px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.col3_box h2 {
    font-family: var(--playfair);
    font-size: 80px;
    font-weight: 500;
    line-height: 80px;
    color: var(--zk-primary);
}

.col3_box .month_box:first-child {
    width: 70%;
}

.col3_box p {
    font-family: var(--lato);
    font-size: 28px;
    font-weight: 700;
    line-height: 48px;
    color: var(--zk-primary);
}

.faq_box {
    width: 100%;
}

.col3_question {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
    margin-bottom: 14px;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #E0E0E0;
    border-radius: 50px;
    padding: 20px 20px;
    flex-wrap: wrap
}

.col3_question div {
    display: flex;
    align-items: center;
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--zk-primary);
    gap: 20px;
}

.col3_ans p {
    font-size: 18px;
    line-height: 26px;
    padding: 20px 0px;
    font-weight: 500;
}

.text-box {
    position: relative;
}

.text-box p {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.text-box h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    margin: 20px 0px
}

.reference-box {
    position: relative;
    border: 2px solid #E0E0E0;
    margin: 30px 0px;
    border-radius: 40px;
    padding: 30px 40px;
}

.reference-box h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
    margin-bottom: 10px;
}

.reference-box p {
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 15px;
    color: var(--zk-primary);
}

.faq_section_main {
    display: flex;
}

.faq_section_main h3 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--zk-primary);
}

.faq_section_main h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    width: 510px;
    color: var(--zk-primary);
}

.faq_section_main p {
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: var(--zk-primary);
    width: 530px;
    margin-top: 0px;
}

.col3_ans {
    width: 100%;
}

.col3_question span {
    background: linear-gradient(270deg, #B975CD 0%, #75B0FF 100%);
    color: var(--white);
    padding: 10px;
    border-radius: 30px;
    font-size: 16px;
    height: 30px;
    line-height: 10px;
    width: 30px;
    text-align: center;
}

.video_section {
    position: relative;
    margin: 60px 0px;
}

.video_section h2 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--zk-primary);
}

.video_section h4 p {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
    margin-bottom: 20px;
}

.video_section_main {
    display: flex;
    gap: 20px;
}

.video_text {
    width: 100%;
    border: 2px solid #E0E0E0;
    border-radius: 24px;
    padding: 20px;
}

.video_text h3 {
    font-family: var(--lato);
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    color: var(--zk-primary);
}

.video_text p {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: var(--zk-primary);
}

.video_txt_inner {
    position: relative;
    display: flex;
    gap: 20px;
    margin: 20px 0px;
}

.video_txt_inner h4 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: #75B0FF;
}

.video_txt_inner h5 {
    display: flex;
    gap: 10px;
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: var(--zk-primary);
    align-items: center;
}

.video_txt_inner h5 span {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    padding: 10px;
    border-radius: 30px;
    font-size: 14px;
    height: 26px;
    line-height: 6px;
    width: 27px;
    text-align: center;
}

.text_with_box {
    position: relative;
}

.text_with_top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.text_with_top h2 {
    font-family: var(--playfair);
    font-size: 80px;
    font-weight: 500;
    line-height: 80px;
    color: #380F5E;
    width: 100%;
}

.text_with_top p {
    color: var(--zk-primary);
    font-family: var(--lato);
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    text-align: right;
}

.text_with_bottom {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin: 40px 0px;
}

.text_with_box_inner {
    width: 49%;
}

.text_with_box_inner>div {
    border: 2px solid #E0E0E0;
    border-radius: 24px;
}

.text_with_box_inner img {
    border-radius: 20px 20px 0px 0px;
}

.text_with_boxText {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.text_with_btn {
    position: relative;
}

.text_with_btn a {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    padding: 13px 0;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    width: 150px;
}

.col4 {
    position: relative;
}

.col4 h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
}

.col4_main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
    flex-wrap: wrap;
    margin: 40px 0px;
}

.col4_box {
    border-radius: 40px;
    border: 2px solid #E0E0E0;
    width: 23%;
    padding: 30px;
    max-height: 300px;
}

.col4_box h3 {
    font-family: var(--lato);
    font-size: 19px;
    font-weight: 700;
    line-height: 25px;
    color: var(--zk-primary);
    margin: 10px 0px;
}

.col4_box p {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--zk-primary);
}

.col1_box_img h5 {
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 700;
    line-height: 38px;
    color: var(--zk-primary);
}

.col1_box h6 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    color: var(--zk-primary);
}

.col1_box_img .sub_para p {
    font-family: var(--lato);
    font-size: 16px !important;
    color: var(--zk-primary);
    font-weight: 400;
    line-height: 0px;
    text-align: left;
    margin: 0px;
}

.result_box_area {
    position: relative;
    width: 100%;
    margin: 40px 0px;
}

.result_box_main {
    display: flex;
    justify-content: space-between;
}

.result_box {
    width: 100%;
}

.result_box:last-child {
    text-align: right;
    width: 70%;
}

.result_box:first-child {
    border: 2px solid #E0E0E0;
    padding: 20px 40px;
    border-radius: 24px;
}

.result_box img {
    width: 90%;
}

.result_box h2 {
    font-family: var(--lato);
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    color: var(--zk-primary);
}

.result_box p {
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    color: var(--zk-primary);
}

.blog-wrap {
    border-radius: 24px;
    border: 1px solid #E0E0E0 !important;
    padding: 0px !important;
}

.blog-img a img {
    border-radius: 0px 0px 20px 20px !important;
    overflow: hidden;
    width: 100%;
}

.blog-content {
    margin: 10px 0px !important;
}

.blog-content h3 {
    font-weight: 500 !important;
    font-size: 20px !important;
    margin: 0 !important;
    color: #383838;
    position: relative;
    min-height: 40px;
}

.blog-wrap .blog-content .blog-meta ul li a {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

.blog-details-top {
    background: url(/cdn/shop/files/banner-top.png?v=1715884104);
    background-blend-mode: color;
    border-radius: 40px;
    padding: 50px 20px;
    margin: 20px 0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    text-align: center;
}

.blog-details-content {
    margin: 0px !important;
}

#blog-details-top h3 {
    color: var(--white) !important;
    font-family: var(--playfair);
    font-size: 70px !important;
    font-weight: 500 !important;
    line-height: 80px;
    overflow: hidden;
    text-align: center
}

.blog-details-meta ul li {
    color: var(--white) !important;
    font-family: var(--lato);
    font-size: 12px;
    font-weight: 400;
}

.blog-details-content h3,
.blog-details-content h3 span {
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 25px;
    text-align: left;
    margin: 10px 0;
    color: #000;
}

.blog-details-content p,
.blog-details-content span {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.section-title h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    color: var(--zk-primary);
}

.rotateIcon {
    transform: rotate(180deg);
}

.card-header {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    border: 2px solid #E0E0E0 !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
    background: var(--white);
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.faq-page .card {
    border: none;
}

.faq-page .btn-link,
.faq-page .btn-link:hover {
    text-decoration: none;
}

.faq-page .card .card-header button {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--zk-primary);
}

.faq-page .card .card-header button:before {
    display: none;
}

.faq-page .card-body {
    padding-top: 0px
}

.faq-page .card-body p {
    font-family: var(--lato);
    color: var(--zk-primary);
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.footer_main {
    position: relative;
    width: 100%;
    background: var(--zk-primary);
    padding: 40px 0px;
    padding-top: 80px;
}

.footer_box img {
    width: 400px;
}

.footer_box img {
    width: 200px;
}

.footer_new {
    position: relative;
    margin: 20px 0px;
}

.footer_new h2 {
    font-size: 26px;
    font-family: var(--playfair);
}

.footer_new p {
    font-size: 18px;
}

.footer_new h4 {
    color: var(--white);
    font-size: 16px;
    margin: 10px 0px;
    font-weight: 700;
}

.footer_box {
    width: 100%;
}

.footer_box h2 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--white);
    margin-bottom: 10px;
}

.footer_box ul li a {
    font-family: var(--lato);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--white);
}

.footer_bottom {
    font-family: var(--lato);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--white);
    text-align: center;
    padding-top: 20px;
}

.blog_grid_custom h2 {
    text-align: left;
}

.blog_grid_custom p {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    color: var(--zk-primary);
    width: 100%;
}


.success-box {
    background: url('/cdn/shop/files/success.png?v=1716112143');
    position: relative;
    margin: 50px 0;
    text-align: center;
    padding: 50px 80px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain;
    height: 450px;
}

.success-box h5 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--white);
}

.success-box h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--white);
}

.success-box-main {
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 30px;
    margin: 50px 0px;
}

.success-box-inner {
    border: 2px solid #E0E0E0;
    border-radius: 24px;
    width: 100%;
    padding: 20px;
}

.success-box-inner span {
    font-family: var(--playfair);
    font-size: 80px;
    font-weight: 500;
    line-height: 80px;
    color: var(--white);
}

.success-box-inner h3 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: var(--white);
    margin-top: 30px;
}

.five_step {
    position: relative;
    width: 100%;
    margin: 50px 0px;
}

.five_step h5 {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    color: var(--zk-primary);
    width: 100%;
}

.five_step h2 {
    font-family: var(--playfair);
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    color: var(--zk-primary);
}

.five_step_main {
    display: flex;
    margin: 30px 0px;
    gap: 20px;
}

.five_step_inner {
    width: 100%;
}

.five_step_inner img {
    border-radius: 25px;
    margin-bottom: 20px;
    width: 100%;
}

.five_step_inner span {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}

.five_step_inner h3 {
    font-family: var(--lato);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #000000;
}

.image-with-faq {
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    margin: 80px 0px;
}

.image-with-faq .faq_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    gap: 200px;
    align-items: center;
}

.image-with-faq .col3_faq {
    width: 30%;
}

.image-with-faq .col3_faq .col3_question {
    padding: 10px 20px;
    border-radius: 20px;
    border: none;
}

.banner_home {
    position: relative;
    border-radius: 0 0 100px 100px;
    background-blend-mode: color;
    background: linear-gradient(270deg, #B975CD 0%, #75B0FF 100%);
    background-image: url(/cdn/shop/files/BG.png?v=1716462222);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner_home_main {
    display: flex;
    align-items: center;
    padding-top: 80px;
}

.banner_box {
    width: 100%;
}

.banner_box img {
    width: 100%;
}

.banner_box h1 {
    font-family: var(--playfair);
    font-size: 65px;
    font-weight: 500;
    line-height: 70px;
    color: var(--white);
}

.banner_box h2 {
    font-family: var(--lato);
    font-size: 32px;
    font-weight: 500;
    line-height: 48px;
    margin: 20px 0px;
    color: var(--white);
}

.banner_icon_main {
    display: flex;
    gap: 50px;
}

.banner_icon_main div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.banner_icon_main div img {
    width: 25px;
}

.banner_btn {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 30px 0px;
}

.banner_btn a {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 12px 70px;
    width: fit-content;
    font-size: 16px;
    color: var(--zk-primary);
    border: 2px solid var(--white);
    background: var(--white);
}

.banner_btn a:last-child {
    background: transparent;
    color: var(--white);
    padding: 12px 40px;
}

.banner_icon_main div h3 {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: var(--white);
}

.welcome_section {
    position: relative;
    width: 100%;
    border: 2px solid #E0E0E0;
    border-radius: 24px;
    padding: 100px;
    margin: 100px 0px;
    display: flex;
    gap: 100px;
    align-items: center;
    justify-content: center;
}

.welcome_section h2 {
    font-family: var(--playfair);
    font-size: 80px;
    font-weight: 500;
    line-height: 80px;
    color: var(--zk-primary);
    margin-bottom: 20px;
}

.welcome_section h6 {
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 700;
    line-height: 48px;
    color: var(--zk-primary);
}

.welcome_section p {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--zk-primary);
    margin: 0px 0px;
}

.welcome_section p strong {
    font-family: var(--lato);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}

.welcome_btn {
    position: relative;
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    padding: 14px 10px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    width: 36%;
    margin-top: 30px;
}

.welcome_btn a {
    color: var(--white);
    display: block;
    width: max-content;
}

.col5_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.col5_box {
    width: 40%;
}

.col5_box:last-child {
    text-align: center;
    padding: 70px 0px;
}

.col5_box img {
    width: 100%;
    opacity: 0
}

.col5_box h2 {
    font-family: var(--lato);
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    color: var(--zk-primary);
    margin-bottom: 20px;
}

input.col5_input {
    background: var(--white);
    border: 2px solid #E0E0E0;
    border-radius: 20px;
    margin-bottom: 20px;
    font-family: var(--lato);
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    padding-left: 20px;
}

.col5_inline {
    position: relative;
}

.col5_inline span {
    position: absolute;
    top: 12px;
    right: 12px;
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: #B598F9;
}

.col5_btn {
    position: relative;
    width: 100%;
}

.col5_btn a,
.med_cong_btn a,
.med_imp_btn a,
.diet_sorry_section .diet_sorry_btn a,
.diet_sorry_section .congrates_btn a,
.med_his_btn a {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    padding: 16px 20px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.diet_congrates_btn {
    position: relative;
    width: 100%;
}

.diet_congrates_btn a {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    padding: 16px 20px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.col5_btn_1 {
    position: relative;
    width: 100%;
}

.col5_btn_1 a {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    padding: 16px 20px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}


.congrates_section {
    position: relative;
    padding: 50px 150px;
    text-align: center;
    border: 2px solid #E0E0E0;
    border-radius: 40px;
}

.congrates_section h2 {
    font-family: var(--lato);
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    color: var(--zk-primary);
    margin-bottom: 20px;
}


.sbs_btn {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    padding: 4px 20px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
}

.sbs_btn input {
    background: transparent;
    border: navajowhite;
    color: var(--white);
    padding: 0px !important;
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}

.email_box_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.email_box_area input {
    width: 100%;
    max-width: 100%;
    border-radius: 50px;
    border: 2px solid #E0E0E0;
    padding-left: 20px;
    color: #000;
    height: 45px;
}

.col5_inline_1 {
    display: flex;
    align-items: center;
    gap: 5px;
}

.col5_inline_1 {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
}

.col5_box h5 {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: var(--zk-primary);
    text-transform: uppercase;
    margin-bottom: 10px;
}

.col5_inline_1 input[type=checkbox]:before,
.col5_inline_1 input[type=radio]:before {
    position: absolute;
    content: '';
    width: 55%;
    height: 60%;
    background: url('/cdn/shop/files/Vector.svg?v=1716228471');
    background-repeat: no-repeat;
    top: 9px;
    left: 7px;
    background-size: contain;
}

.col5_inline_1 input[type=checkbox]:checked,
.col5_inline_1 input[type=radio]:checked {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    border: none;
}

.col5_inline_1 input[type=checkbox],
.col5_inline_1 input[type=radio] {
    position: relative;
    appearance: none;
    cursor: pointer;
    background: var(--white);
    border-radius: 50px;
    height: 26px;
    width: 28px;
    border: 2px solid var(--zk-primary);
}

.diet_congrates_section .congrates_section {
    padding: 90px 340px;
}

.diet_sorry_section .diet_sorry_btn,
.diet_sorry_section .congrates_btn {
    width: 520px;
    margin: 20px auto;
}

.diet_sorry_section .diet_sorry_btn a,
.diet_sorry_section .congrates_btn a {
    padding: 20px;
}

.diet_sorry_section .diet_sorry_btn:nth-child(3) a {
    background: var(--white);
    color: var(--zk-primary);
    border: 2px solid #E0E0E0;
    padding: 18px;
}

.col5_box p {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--zk-primary);
}

.welcome_box h3 {
    font-family: var(--lato);
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    color: var(--zk-primary);
    margin: 20px 0px 5px 0px;
}

.welcome_box h4 {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.image {
    margin-bottom: 30px;
}

.image img {
    margin-top: 20px;
    width: 100%;
}

.desktop_none {
    display: none
}

.box_link {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin: 20px 0px;
}

.box_link a {
    border: 2px solid #E0E0E0;
    border-radius: 50px;
    padding: 15px 10px;
    display: block;
    width: 23%;
    color: var(--zk-primary);
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
}

.diet_congrates_section,
.diet_sorry_section {
    margin: 50px 0px;
}

.sorry_popup {
    position: absolute;
    z-index: 9;
    background: var(--white);
    padding: 50px 30px;
    border-radius: 30px;
    width: 300px;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    box-shadow: 2px 1px 10px #00000021;
}

.sorry_btn {
    position: relative;
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.sorry_btn a {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    border-radius: 50px;
    color: var(--white);
    font-size: 17px;
}

.sorry_popup p {
    font-family: var(--lato);
    font-size: 23px;
    font-weight: 700;
    line-height: 31px;
}

.sorry_btn a:last-child {
    background: var(--white);
    color: #000;
    border: 1px solid #E0E0E0;
}

.sorry_popup {
    display: none;
}

.image video {
    width: 100%;
}

.col4 video {
    width: 100%;
}

.video_box video {
    border-radius: 24px;
    width: 100%;
    height: 100%;
}

.bmi_congrates_section,
.bmi_sorry_section {
    margin: 50px 0px;
}

#home .header_main_area {
    border: none;
    position: absolute;
    z-index: 9;
    width: 100%;
}

#home .header_btn a:last-child {
    background: transparent;
}

#home .header_main ul li a {
    color: var(--white)
}

#home .header_btn a:last-child {
    color: var(--white)
}

#home .header_box a img {
    filter: brightness(0) invert(1);
}

#home .header_btn path {
    fill: var(--white);
}

.col5 input[type="text"] {
    border: 1px solid #E0E0E0;
    background: var(--white);
    border-radius: 50px;
    padding: 25px 26px;
    font-size: 17px;
    margin-bottom: 15px;
}

.bmiBtn {
    position: relative;
    width: 100%;
}

.bmiBtn a {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    padding: 16px 20px;
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.col5_box h6 {
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    color: var(--zk-primary);
    margin: 20px 0px;
    display: block;
}

.col5_box_txt_1 video {
    width: 100%;
    margin-bottom: 20px;
    border: 3px solid var(--zk-primary);
    border-radius: 20px;
}

.price_list {
    padding: 20px;
    margin-top: 30px;
}

.price_list h2 {
    font-weight: 500;
    line-height: 60px;
    font-family: var(--playfair);
    font-size: 48px;
    color: var(--zk-primary);
    margin-bottom: 20px;
}

.price_list_bottom {
    position: relative;
}

.price_list_bottom h4 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 20px;
    color: var(--zk-primary);
    font-weight: 700;
    border-bottom: 1px solid #efefef;
    padding-bottom: 5px;
}

.bullet_area {
    padding: 0px 20px;
}

.bullet_area h2 {
    display: flex;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: var(--zk-primary);
    align-items: center;
    margin-bottom: 20px;
}

.bullet_area h2:last-child {
    margin: 0px;
}

.register-form .input-full {
    background: var(--white) none repeat scroll 0 0;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
    border-radius: 50px;
    border: 2px solid #E0E0E0;
    padding-left: 20px;
    color: #000;
    height: 45px;
}

.bmi_congrates_btn {
    background: linear-gradient(270deg, #b975cd, #75b0ff);
    color: var(--white);
    border-radius: 50px;
    font-family: var(--lato);
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding: 16px;
    width: 100%;
}

.afterLogin:first-child path {
    fill: var(--white);
}

#welcome .start-your-journey {
    background: url(/cdn/shop/files/journey.png?v=1716110563) !important;
    background-size: cover !important;
    padding: 50px 120px;
}

#faq .text_with_box_inner>div,
#welcome .text_with_box_inner>div {
    border-radius: 0px 0px 24px 24px;
}

#faq .text_with_box_inner img,
#welcome .text_with_box_inner img {
    width: 100%;
}

.col6 {
    position: relative;
}

.col6 p {
    font-family: Lato;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    color: var(--zk-primary);
    margin-top: 60px;
}

.col6_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.col6_box h2 {
    font-family: Playfair Display;
    font-size: 44px;
    font-weight: 600;
    color: var(--zk-primary);
    border-radius: 50px;
    border: 1px solid #E0E0E0;
    padding: 10px 40px;
}

.col6_box {
    text-align: center;
}

.col6_box h3 {
    font-family: Lato;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: var(--zk-primary);
}

.eligible {
    display: none;
}

.medical-history .col5_box h5 {
    display: none;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.swiper-button-next,
.swiper-button-prev {
    width: 30px;
    height: 30px;
    color: var(--white);
    background: var(--zk-primary);
    border-radius: 50px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 14px !important;
}

input#Birthdate {
    min-width: 95%;
}

input[type="date"] {
    display: block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
}

.text_with_box_inner h6 {
    position: absolute;
    top: 20px;
    right: 15px;
    background: #75B0FF;
    color: var(--white);
    border-radius: 50px;
    padding: 8px 20px;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    opacity: 0;
}

.text_with_box_inner:first-child h6 {
    opacity: 1;
}

.footer_bottom p {
    color: var(--white);
    margin: 10px 0px;
}

.iconText p:before {
    position: absolute;
    content: '';
    background: url('/cdn/shop/files/tick-circle.svg?v=1716902685');
    width: 32px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: 19px;
    left: 0;
    top: 5px;
}

.iconText {
    position: relative;
    padding-;
    : ;
}

.iconText p {
    position: relative;
    padding-left: 25px;
}

.swatch.clearfix.Package.One.d-flex.flex-wrap.align-items-center {
    display: none !important;
}

body#the-most-personalised-weight-loss-plan-with-medical-support-trim .header_main_area {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    border: none;
}



.header_main_area .header_btn.hd-xs-btn.no-border a,
.header_btn.hd-xs-btn.no-border a,
.header_main_area .header_btn.hd-xs-btn.no-border a {
    background: transparent !important;
    color: var(--zk-primary) !important;
}

#breakthrough-weight-loss-treatment-with-an-expert-led-programme-trim {

    .header_main_area .header_btn.hd-xs-btn.no-border a,
    .header_btn.hd-xs-btn.no-border a,
    .header_main_area .header_btn.hd-xs-btn.no-border a {
        background: transparent !important;
        color: var(--white) !important;
    }
}

body#the-most-personalised-weight-loss-plan-with-medical-support-trim .header_main_area .header_btn.hd-xs-btn a,
body#thank-you .header_main_area .header_btn.hd-xs-btn a,
body#breakthrough-weight-loss-treatments .header_main_area .header_btn.hd-xs-btn a {
    background: transparent !important;
    border: 2px solid var(--white) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    color: var(--white) !important;
}

.header_main_area .header_btn.hd-xs-btn.no-border a,
.header_btn.hd-xs-btn.no-border a,
.header_main_area .header_btn.hd-xs-btn.no-border a,
body#the-most-personalised-weight-loss-plan-with-medical-support-trim .header_main_area .header_btn.hd-xs-btn.no-border a,
body#thank-you .header_main_area .header_btn.hd-xs-btn.no-border a,
body#breakthrough-weight-loss-treatments .header_main_area .header_btn.hd-xs-btn.no-border a {
    border: none !important;
    padding: 0 !important;
}




.header_main_area .header_btn.hd-xs-btn.no-border a svg,
.header_btn.hd-xs-btn.no-border a svg,
.header_main_area .header_btn.hd-xs-btn.no-border a svg {
    width: 19px;
    height: 17px;
}

.header_main_area .header_btn.hd-xs-btn.no-border a svg *,
.header_btn.hd-xs-btn .header_btn.hd-xs-btn.no-border a svg *,
.header_main_area .header_main_area .header_btn.hd-xs-btn.no-border a svg * {
    fill: var(--zk-primary) !important;
    stroke: var(--zk-primary) !important;
}

body#the-most-personalised-weight-loss-plan-with-medical-support-trim .header_main_area .header_btn.hd-xs-btn.no-border a svg *,
body#thank-you .header_main_area .header_btn.hd-xs-btn .header_btn.hd-xs-btn.no-border a svg *,
body#breakthrough-weight-loss-treatments .header_main_area .header_main_area .header_btn.hd-xs-btn.no-border a svg * {

    fill: var(--white) !important;
    stroke: var(--white) !important;
}




body#the-most-personalised-weight-loss-plan-with-medical-support-trim .header_main ul li a {
    color: var(--white);
}


@media (max-width: 767px) {
    .blog-details-top {
        border-radius: 15px !important;
        padding: 25px !important;
    }

    #blog-details-top h3 {
        font-size: 32px !important;
        line-height: 1.4;
    }

    .blog-details-img img {
        height: auto;
    }
}


div#medication-banner .text-wrapper p,
div#medication-banner .service-wrapper {
    display: none !important;
}

div#medication-banner .text-wrapper {
    margin-bottom: 20px !important;
    display: inline-block !important;
}

body#affiliate-program .month_box h2 {
    font-size: 40px !important;
    line-height: 48px !important;
}

body#affiliate-program .month_box p {
    font-size: 18px !important;
}

body#affiliate-program .col3_question div {
    font-size: 17px !important;
}

body#affiliate-program .col4_box h3 {
    font-size: 16px !important;
    line-height: 24px !important;
}

body#affiliate-program .col4_box p {
    font-size: 14px !important;
    line-height: 22px !important;
}

body#affiliate-program .col4_box {
    max-height: 380px !important;
    height: 380px !important;
}

body#affiliate-program .col1_box h2 {
    font-size: 35px !important;
    line-height: 43px !important;
}

body#affiliate-program .col1_box ul li p {
    font-size: 16px !important;
    line-height: 24px !important;
}

body#affiliate-program .col1_btn_1 a {
    padding: 15px 40px !important;
}

.col1_box h2 strong {
    font-weight: 400;
    font-size: 26px !important;
}


@media (max-width: 400px) {
    .banner_btn a {
        padding: 7px 20px;
        gap: 5px !important;
        font-size: 14px !important;
    }
}

body#medicines .faq_box .col1_btn {
    margin-top: 1rem;
}

.trustpilot-logo a {
    margin: 0 auto;
    display: table;
}

body#medicines .information-wrapper {
    margin-bottom: 2rem;
    position: relative;
    display: flex;
    padding-left: 2rem;
    padding-right: 1rem;
}

body#medicines .information-wrapper::before {
    content: '';
    background: url('/cdn/shop/files/icon-info.png');
    background-size: 5%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: left top;
    background-position-y: 22% !important;
}

@media (max-width: 480px) {
    #medicines #medication-banner .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin-left: -5.6rem;
        margin-top: 1rem;
    }

    #medicines #medication-banner .owl-carousel .owl-dot span {
        background: var(--white)fff !important;
    }

    #medicines #medication-banner .owl-carousel .owl-dot.active span {
        background: var(--zk-primary) !important;
    }
}

@media (max-width: 480px) {
    #medicines div#medication-banner {
        padding-bottom: 10px !important;
        margin-bottom: 0px !important;
    }

    #breakthrough-weight-loss-treatment-with-an-expert-led-programme-trim div#featured-sec .featured-logo img {
        height: 50px;
    }

    body#breakthrough-weight-loss-treatment-with-an-expert-led-programme-trim .trustpilot-logo img {
        max-width: 300px;
    }

    .mounjaro-faq__content,
    .mounjaro-faq__content h5 {
        font-size: 14px !important;
        line-height: 1.8;
        color: var(--zk-primary);
    }

    .customer-testimonials {
        padding: 30px 0;
    }
}


body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area {
    border: 0px !important;
    background: var(--white)0 !important;
    position: absolute;
    top: 0;
}

body#medicated-weight-loss-programme-online-pharmacy-trim {
    padding-top: 0px !important;
}

body#medicated-weight-loss-programme-online-pharmacy-trim .header_main ul li a {
    color: var(--white) !important;
}

body#medicated-weight-loss-programme-online-pharmacy-trim .header_box:nth-child(2) a img {
    filter: brightness(0)invert(1);
}

#bmi-congrats .register-form input#Birthdate1 {
    display: none;
    background-color: var(--white)0 !important;
    background-image: url('/cdn/shop/files/computer-icons-calendar-date-event-table-removebg-preview.png');
    background-repeat: no-repeat;
    background-size: 8.5%;
    background-position: right;
    background-position-x: 97%;
}

@media (max-width: 767px) {
    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area {
        left: 0;
        right: 0;
    }

    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area .header_btn.hd-xs-btn.no-border a svg,
    body#medicated-weight-loss-programme-online-pharmacy-trim .header_btn.hd-xs-btn.no-border a svg,
    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area .header_btn.hd-xs-btn.no-border a svg {
        filter: brightness(0)invert(1);
    }

    /* #bmi-congrats .register-form input#Birthdate {
display: none !important;
}
#bmi-congrats .register-form input#Birthdate1 {
display: block !important;
}
#bmi-congrats .register-form input#Birthdate1 {
    display: -webkit-flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    -webkit-appearance: unset !important;
    align-items: left !important;
} */
    #bmi-congrats .register-form input#Birthdate1::-webkit-date-and-time-value {
        text-align: left !important;
    }
}

@media (max-width: 699px) {
    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main path {
        stroke: var(--white) !important;
    }
}

@media (max-width: 698px) {
    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_1 img {
        filter: brightness(0)invert(1);
    }
}

@media (max-width: 576px) {
    #Birthdate {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body#bmi-congrats .register_bmi label#birth-date-label {
        display: block !important;
        position: relative !important;
        height: auto !important;
        padding-bottom: 10px;
        padding-left: 5px;
    }
}

@media (max-width: 480px) {
    body#bmi-congrats input#Birthdate {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        background-size: 5.5% !important;
        background-position-x: 97% !important;
    }
}

/* #Birthdate {
    width: 100%; /* Ensure it spans the full width */
max-width: 100%;
/* Prevent any potential size constraints */
box-sizing: border-box;
/* Ensure padding doesn't affect width */
appearance: none;
/* Remove iOS's native styling */
-webkit-appearance: none;
/* For Safari */
}

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

    /* Specific adjustments for small screens */
    #Birthdate {
        width: 100%;
        /* Re-enforce full width on small screens */
    }

    #bmi-congrats input#Birthdate {
        text-align: left !important;
    }
}

/* 
#bmi-congrats .register-form input#Birthdate1 {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    box-sizing: border-box; 
} 
*/

#bmi-congrats input#Birthdate::placeholder {
    color: #757575 !important;
}


/* div#mobile-team-section {
    display: none;
}
@media (max-width: 767px) {
div#desktop-team-section {
    display: none;
}
div#mobile-team-section {
    display: block;
}
} */

@media (max-width: 767px) {
    header a.icon-cart-active i {
        color: var(--white) !important;
    }

    header .header_btn.hd-xs-btn.no-border a,
    .header_main_area .header_btn.hd-xs-btn.no-border a {
        color: var(--white) !important;
    }

    .mounjaro-wegovy-product {
        padding-top: 0;
    }

    .mounjaro-wegovy-product .price {
        font-size: 18px !important;
    }

}

.maintenance-plan {
    --text-color: var(--zk-primary);
}


.maintenance-plan__main {
    padding: 0 0 30px;
}

.maintenance-plan__content-block h1 {
    font-size: 48px;
    font-family: var(--playfair);
    color: var(--text-color);
    margin: 0 0 15px;
}

.maintenance-plan__content-block p {
    font-size: 26px;
    line-height: 1.3;
    color: var(--text-color);
}


.maintenance-plan__icon-boxes {
    width: 80px;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    text-align: center;
}

.maintenance-plan__icon-boxes h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0 0;
    color: var(--text-color);

}

.maintenance-plan--product-image {
    padding-left: 90px;
}

.variant-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}

.variant-list label {
    margin: 0;
    width: 80px;
    height: 60px;
    font-weight: 600;
    text-align: center;
    line-height: 60px;
    padding: 0;
    border-radius: 10px;
    background: #f4e9ff;
    position: relative;
    transition: all 0.1s;
    font-size: 18px;
    position: relative;
}

.variant-list label span {
    position: relative;
    z-index: 1;
}

.variant-list label:before {
    content: "";
    position: absolute;
    border-radius: 10px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(270deg, #b975cd 0%, #75b0ff 100%);
    opacity: 0;
    transition: all 0.5s;
}

.variant-list label:has(input[type=checkbox]:checked) span {
    color: var(--white);
}

.variant-list label:has(input[type=checkbox]:checked):before {
    opacity: 1;
}

.variant-list li.disabled label {
    opacity: 0.5;
    cursor: not-allowed;
}

.variant-list input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100px;
    z-index: 999;
    height: 100%;
    opacity: 0;
}

.maintenance-plan__plan-meta {
    margin: 0 0 30px;
}

.maintenance-plan__plan-meta ul {
    display: flex;
    gap: 20px;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: bold;
    color: var(--text-color);
}

.maintenance-plan__plan-meta ul li {
    border: 3px solid var(--text-color);
    padding: 10px 30px;
    border-radius: 60px;
}


.variant-info ul {
    list-style: none;
    margin-bottom: 20px;
    display: flex;
    gap: 25px;
    font-size: 20px;
    color: var(--text-color);
}

.variant-info li {
    width: 50%;
}

.variant-info span {
    font-weight: bold;
}


.maintenance-plan__tabs {
    margin-bottom: 30px;
}

.maintenance-plan__main-tabs h3 {
    font-weight: bold;
    color: var(--text-color);
    margin-bottom: 15px;
}

.maintenance-plan__main-tabs .nav {
    gap: 20px;
}

.maintenance-plan__main-tabs .nav-link {
    font-weight: 600;
    font-size: 18px;
    color: var(--text-color);
    background: #f4e9ff;
    border-radius: 50px;
    padding: 18px 40px;
    position: relative;
    transition: all 0.1s;
    line-height: 1;
}

.maintenance-plan__main-tabs .nav-link span {
    position: relative;
    z-index: 1;
}

.maintenance-plan__main-tabs .nav-link:before {
    content: "";
    position: absolute;
    border-radius: 50px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(270deg, #b975cd 0%, #75b0ff 100%);
    opacity: 0;
    transition: all 0.5s;
}

.maintenance-plan__main-tabs .nav-link.active:before {
    opacity: 1;
}

.maintenance-plan__main-tabs .nav-link.active span {
    color: var(--white);
}



.maintenance-plan__paynow {
    margin-bottom: 30px;
}

.maintenance-plan__paynow .mp-paynow-btn {
    background: var(--text-color);
    width: 100%;
    padding: 17px;
    border-radius: 10px;
    color: var(--white);
    font-size: 24px;
    font-weight: bold;
    position: relative;
}

.maintenance-plan__paynow .mp-paynow-btn:before {
    content: "";
    position: absolute;
    border-radius: 10px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(270deg, #b975cd 0%, #75b0ff 100%);
    opacity: 0;
    transition: all 0.5s;
}

.maintenance-plan__paynow .mp-paynow-btn span {
    position: relative;
}

.maintenance-plan__paynow .mp-paynow-btn:hover:before {
    opacity: 1;
}

.maintenance-plan__paynow .mp-paynow-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.maintenance-plan__paynow .mp-paynow-btn.disabled:before {
    display: none;
}


.mf-block ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1% 1%;
}

.mf-block ul li {
    width: 49%;
    padding: 14px 0;
    font-size: 24px;
    padding-left: 35px;
    background-image: url('check-grd.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: left center;
}


.mf-block {
    display: none;
}

.mf-block.active {
    display: block;
}



.maintenance-plan__medicine-info {
    margin: 60px 0 60px;
}

.maintenance-plan__medicine-info:not(.active) h2 {
    background-image: url(plus-dark.png);
}

.medicine-info-title-block {
    margin-bottom: 15px;
}

.medicine-info-title-block h2 {
    font-family: var(--playfair);
    font-size: 36px;
    color: var(--text-color);
    padding-right: 50px;
    background-position: right center;
    background-image: url(minus-dark.png);
    background-size: 40px;
    background-repeat: no-repeat;
}


.medicines-work--version-two .title-wrapper h2 {
    border: none;
    padding: 0;
    font-family: var(--playfair);
    font-size: 36px;
    color: var(--text-color);
    padding-right: 50px;
    background-position: right center;
    background-image: url(plus-dark.png);
    background-size: 40px;
    background-repeat: no-repeat;
}

.medicines-work--version-two .title-wrapper h2.active {
    background-image: url(minus-dark.png);
}



.medicines-work--version-two .service-img {
    width: 220px;
    height: 220px;
    object-fit: contain;
}

.medicines-work--version-two h3 {
    font-size: 22px !important;
}


.non-presc-option--version-two .title-wrapper {
    text-align: left;
}

.non-presc-option--version-two .title-wrapper h2 {
    font-family: var(--playfair);
}

.non-presc-option--version-two .out-of-stock {
    color: red !important;
    border: 3px solid red !important;
    margin-bottom: 10px !important;
}

#shopify-section-custom-header .header_main_area {
    z-index: 999999999;
}

#shopify-section-custom-header .header_btn {
    opacity: 1 !important;
}

#shopify-section-custom-header .header_main_area.fixed {
    background: var(--white) !important;
}

body#medicated-weight-loss-programme-online-pharmacy-trim #shopify-section-custom-header .header_main_area.fixed ul li a {
    color: var(--zk-primary) !important;
}

@media (max-width: 1279px) {
    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area {
        z-index: 999999;
    }

    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area.fixed .header_box:nth-child(2) a img {
        filter: unset;
    }

    body#maintenance .header_main_area {
        position: relative !important;
    }
}

@media (max-width: 989px) {
    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area .header_btn.hd-xs-btn.no-border a svg {
        filter: brightness(0)invert(1);
    }

    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area.fixed .header_main_1 img {
        filter: unset !important;
    }

    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area.fixed svg.menu-icons {
        filter: unset !important;
    }

    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area.fixed svg path {
        stroke: #230644;
    }

    body#maintenance .header_main_1 img {
        filter: unset !important;
    }

    body#maintenance #shopify-section-custom-header .header_btn svg path {
        stroke: #380f5e !important;
    }

    body#maintenance-plan .header_main_1 img {
        filter: unset !important;
    }

    body#maintenance-plan #shopify-section-custom-header .header_btn svg path {
        stroke: #380f5e !important;
    }

    body#maintenance-plan .maintenance-plan__content-block h1 {
        font-size: 40px !important;
    }

    body#maintenance-plan .maintenance-plan__main {
        padding: 0 0 30px !important;
    }

    body#take-the-quiz #shopify-section-custom-header .header_main_area {
        position: relative !important;
    }

    body#take-the-quiz #shopify-section-custom-header .header_main_area .header_btn svg path {
        stroke: #380f5e !important;
    }

    body#take-the-quiz #shopify-section-custom-header .header_main_area .header_main_1 img {
        filter: unset !important;
    }
}

@media (max-width: 767px) {
    body #shopify-section-custom-header .header_main_area {
        position: relative !important;
    }

    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area {
        position: absolute !important;
    }
}

@media (max-width: 699px) {
    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area.fixed .header_main_1 img {
        filter: unset !important;
    }

    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area.fixed svg.menu-icons {
        filter: unset !important;
    }

    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area.fixed svg path {
        stroke: #230644 !important;
    }
}

@media (max-width: 480px) {
    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main_area {
        position: absolute !important;
    }

    body .header_main_area {
        position: relative !important;
    }
}

@media (max-width: 767px) {
    .maintenance-plan__content-block p {
        font-size: 20px;
        line-height: 1.4;
    }

    .maintenance-plan__icon-boxes {
        width: 50px;
        justify-content: space-evenly;

    }

    .maintenance-plan__icon-boxes h4 {
        font-size: 14px;
    }

    .maintenance-plan__icon-boxes img {
        width: 40px;
    }

    .maintenance-plan--product-image {
        padding-left: 50px;
        padding-left: 50px;
        min-height: 350px;
        display: flex;
        align-items: center;
    }


    .maintenance-plan__plan-meta li {
        font-size: 14px;
        padding: 4px 25px !important;
    }

    .maintenance-plan__main-tabs {
        margin-bottom: 30px;
    }

    .maintenance-plan__main-tabs h3 {
        font-size: 24px;
    }


    .variant-info ul {
        gap: 5px;
        font-size: 14px;
    }

    .variant-list ul {
        gap: 15px;
    }

    .variant-list li {
        width: 13% !important;
    }

    .variant-list label {
        width: 60px;
        font-size: 14px;
        line-height: 50px;
        height: 50px;
    }



    .mf-block ul li {
        padding: 8px 0;
        font-size: 16px;
        padding-left: 29px;
        background-size: 20px;
    }

    .medicines-work--version-two .title-wrapper h2 {
        font-size: 24px;
        font-family: 'Lato';
        font-weight: bold;
        background-size: 28px;
    }

    .medicine-info-title-block h2 {
        font-size: 24px;
        font-family: 'Lato';
        font-weight: bold;
        background-size: 28px;
    }

    .services-options-wrapper {
        padding: 20px;
        margin-bottom: 30px;
        min-height: 160px;
    }

    .medicines-work--version-two .service-img {
        width: auto;
        height: auto;
    }

    .medicines-work--version-two h3 {
        font-size: 16px !important;
    }

    .non-presc-option--version-two .title-wrapper h2 {
        font-size: 42px;
        line-height: 1.2;

    }

    .non-presc-option .option-wrapper h3 {
        line-height: 1;
    }

    .maintenance-plan__main-tabs .nav {
        gap: 10px;
    }

    .maintenance-plan__main-tabs .nav-link {
        font-size: 14px;
        padding: 15px 30px;
    }

    .mp-paynow-btn {
        font-size: 16px !important;
        padding: 10px !important;
    }

    .maintenance-plan__main {
        padding: 90px 0 30px;
    }

    body#maintenance-plan #shopify-section-custom-header .header_btn {
        opacity: 1 !important;
        gap: 20px !important;
    }
}

.cart-wrapper a.add-to-cart {
    color: var(--white) !important;
}

.maintenance-plan--product-image img.tab-product-image {
    height: 600px !important;
    object-fit: contain !important;
}

span.payment_pay__aXnYW.payment_pay_klarna__cVeU9 {
    display: none;
}


.page-maintenance-plan .items_quantity__f-GLi {
    display: none;
}


body.template-index #shopify-section-custom-header .header_main_area {
    position: absolute !important;
}

body.template-index #shopify-section-custom-header .header_main_area img {
    filter: brightness(0) invert(1);
}

body.template-index #shopify-section-custom-header .header_main ul li a {
    color: var(--white);
}

.template-index {
    padding-top: 0 !important;
}

@media (max-width: 480px) {

    body.template-index #shopify-section-custom-header .header_main_area .icon-cart-active i {
        color: var(--white) !important;
    }

    body.template-index #shopify-section-custom-header .header_main_area svg.menu-icons path {
        fill: var(--white) !important;
        stroke: var(--white) !important;
    }

    body.template-index #shopify-section-custom-header .header_main_area svg path {
        stroke: var(--white);
    }

    body#maintenance-plan mobile-header {
        position: relative;
        background: var(--white) !important;
    }

    body#maintenance-plan #shopify-section-custom-header .header_main_area {
        z-index: 999999999 !important;
    }

    body#product mobile-header {
        position: relative;
        background: var(--white) !important;
    }

    body#product #shopify-section-custom-header .header_main_area {
        z-index: 999999999 !important;
    }

    body#medicated-weight-loss-programme-online-pharmacy-trim .header_main .header_btn a.icon-cart-active * {
        color: var(--white) !important;
    }

    body#medicated-weight-loss-programme-online-pharmacy-trim #shopify-section-custom-header .header_main_area.fixed {
        background: var(--white)0 !important;
    }

    body#product .mounjaro-wegovy-product {
        padding-top: 80px;
    }

    body#your-shopping-cart .cart-main-area {
        padding-top: 100px !important;
    }

    .header_btn {
        gap: 15px !important;
    }

    #maintenance-banner-section .owl-nav button.owl-next {
        margin-right: -8px !important;
    }

    section#maintenance-team-slider .swiper-slide {
        flex-direction: column-reverse;
        gap: 0;
    }

    .page-maintenance-plan .header_main_area .header_btn.hd-xs-btn.no-border a {
        color: var(--zk-primary) !important;
    }

    .maintenance-plan--product-image img.tab-product-image {
        height: auto !important;
    }

    body#product .mounjaro-wegovy-product {
        padding-top: 0 !important;
    }

    body#account .header_main_area .header_btn.hd-xs-btn.no-border a,
    body#take-the-quiz .header_main_area .header_btn.hd-xs-btn.no-border a,
    body#medical-history .header_main_area .header_btn.hd-xs-btn.no-border a,
    body#privacy-policy .header_main_area .header_btn.hd-xs-btn.no-border a,
    body#cookie-policy .header_main_area .header_btn.hd-xs-btn.no-border a,
    body#terms-and-conditions .header_main_area .header_btn.hd-xs-btn.no-border a,
    body#terms-of-sale .header_main_area .header_btn.hd-xs-btn.no-border a,
    body#complaints-trim .header_main_area .header_btn.hd-xs-btn.no-border a,
    body#medicines .header_main_area .header_btn.hd-xs-btn.no-border a,
    body#diet-and-lifestyle .header_main_area .header_btn.hd-xs-btn.no-border a {
        color: #380f5e !important;
    }

    .medication-carousel .item {
        padding-top: 0 !important;
    }

    .diet_congrates_section {
        margin-top: 0 !important;
    }

    .col5_box {
        padding-top: 40px !important;
    }
}


.col5_inline_1 label {
    cursor: pointer;
}

.mounjaro-hero {
    text-align: center;
}

.mounjaro-hero__wrapper {
    padding: 110px 0 60px;
    background-position: center;
    background-size: 100% 100%;
}


.mounjaro-hero__title {
    font-size: 55px;
    color: var(--white);
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    font-family: var(--secondary-font-family);

}

.mounjaro-hero__content {
    margin-bottom: 50px;
}

.mounjaro-hero__title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgb(255 255 255 / 50%);
    max-width: 300px;
    margin: 0 auto;
}

.mounjaro-hero__subtitle {
    font-size: 25px;
    font-weight: 400;
    color: var(--white);
    font-family: var(--secondary-font-family);

}


.mounjaro-start-journey__content {
    display: flex;
    gap: 30px;
    align-items: center;
}

a.mounjaro-start-journey__button {
    font-size: 20px;
    color: var(--zk-primary);
    border: 1px solid var(--zk-primary);
    padding: 15px 30px 19px;
    line-height: 1;
    border-radius: 50px;
}

.mounjaro-start-journey__wrapper {
    max-width: 800px;
    margin: 0 auto;
}

.mounjaro-start-journey {
    padding: 0 0 60px;
}

.mounjaro-start-journey__button:hover {
    background: var(--zk-primary);
    color: var(--white);
}

.mounjaro-start-journey__time {
    font-size: 20px;
    color: var(--zk-primary);
    padding-left: 30px;
    background-image: url(clock.png);
    background-repeat: no-repeat;
    background-position: left center;
}


.mounjaro-faq__accordion {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mounjaro-faq {
    padding-bottom: 60px;
}

.mounjaro-faq__item {
    border: 1px solid #381F5C;
    border-radius: 50px;
}

.mounjaro-faq__title {
    font-size: 20px;
    font-weight: 700;
    color: var(--zk-primary);
    cursor: pointer;
    padding: 15px 20px;
    position: relative;

}

.mounjaro-faq__item:has(.show) {
    border-radius: 15px;
}

.mounjaro-faq__content {
    padding: 0px 20px 20px;
}

.mounjaro-faq__content p {
    font-size: 18px;
    color: var(--zk-primary);
    line-height: 1.8;
}

.mounjaro-faq__title:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 12px;
    background: url('arrow-down.png');
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.5s;
}

.mounjaro-faq__title:not(.collapsed):before {
    transform: rotate(180deg);
}

.mounjaro-faq__content p:not(:last-child) {
    margin-bottom: 15px;
}

.mounjaro-content {
    background: #F1F1F1;
    padding: 60px 0;
}

.mounjaro-content__image img {
    margin: 0 auto;
    display: block;
}

.mounjaro-content__title {
    font-size: 35px;
    line-height: 1.5;
    color: var(--zk-primary);
    margin-bottom: 15px;
    font-family: var(--secondary-font-family);
}

.mounjaro-content__title span {
    font-weight: 600;
}

.mounjaro-content__subtitle p {
    font-size: 20px;
    line-height: 1.7;
    color: var(--zk-primary);
    font-family: var(--secondary-font-family);

}

.mounjaro-content__logo {
    margin-top: 20px;
}

.mounjaro-table {
    padding: 60px 0;
    text-align: center;
}


.mounjaro-table__table {
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid #D4D4D4;
    border-radius: 15px;
    overflow: hidden;
}

.mounjaro-table__table td {
    text-align: center;
    color: var(--zk-primary);
    font-size: 20px;
    border-color: #D9D9D9;
    font-family: var(--secondary-font-family);

}


.mounjaro-projects {
    padding: 60px 0;
}

h2.mounjaro-projects__title {
    font-size: 35px;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--zk-primary);
    font-family: var(--secondary-font-family);
}

.mounjaro-projects__item {
    position: relative;
    padding-left: 85px;
    font-family: var(--secondary-font-family);
    margin: 20px 0;
}

.mounjaro-projects__count {
    background: linear-gradient(270deg, #B975CD 0%, #75B0FF 100%);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    line-height: 70px;
    text-align: center;
    font-size: 26px;
    font-family: var(--secondary-font-family);
    position: absolute;
    left: 0;
    color: var(--white);
}

.mounjaro-projects__title {
    font-size: 19px;
    font-family: var(--secondary-font-family);
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--zk-primary);
}

.mounjaro-projects__description {
    font-size: 16px;
    font-family: var(--secondary-font-family);
    color: var(--zk-primary);
}

.mounjaro-video {
    padding: 60px 0;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}



.mounjaro-video__title h2 {
    font-size: 35px;
    line-height: 1.5;
    color: var(--zk-primary);
    font-family: var(--secondary-font-family);
}


.mounjaro-video__video video {
    width: 100%;
}

.mounjaro-video__video {
    position: relative;
}

.mounjaro-video__image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.mounjaro-video__image img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    background: var(--white);
}


.mounjaro-video__play-button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mounjaro-video__play-button__btn {
    width: 90px;
    height: 90px;
    background: rgb(255 255 255 / 70%);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.mounjaro-video__play-button__btn svg {
    width: 40px;
}

.mounjaro-article {
    padding: 60px 0;
}


h2.mounjaro-article__title {
    font-size: 35px;
    font-weight: bold;
    font-family: var(--secondary-font-family);
    color: var(--zk-primary);
    line-height: 1.6;
}

.mounjaro-article__subtitle {
    font-family: var(--secondary-font-family);
    font-size: 35px;
    color: var(--zk-primary);
    margin-bottom: 10px;
}

.mounjaro-article__content {
    border: 1px solid #D9D9D9;
    border-radius: 15px;
    overflow: hidden;
}

.mounjaro-article__content_category {
    padding: 15px 20px;
    font-size: 20px;
    font-weight: bold;
}

.mounjaro-article__image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.mounjaro-article__content_title {
    padding: 0 20px 15px;
    line-height: 1.5;
    font-weight: bold;
    font-size: 25px;
}

.mounjaro-hero-v2 {
    padding: 60px 0;
}

.mounjaro-start-journey--version-two {
    text-align: center;
}

.mounjaro-start-journey__title {
    margin-bottom: 25px;
}

.mounjaro-start-journey__title h4 {
    color: #2C1053;
    font-family: var(--secondary-font-family);
    font-weight: 500;
    display: inline-block;
    padding-left: 35px;
    background-image: url('/cdn/shop/files/i.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px;
}

.mounjaro-start-journey--version-two .mounjaro-start-journey__wrapper {
    max-width: 1000px;
}

.mounjaro-start-journey--version-two .mounjaro-start-journey__content {
    justify-content: center;
}

.mounjaro-start-journey--version-two a.mounjaro-start-journey__button {
    width: 100%;
    max-width: 350px;
    background: var(--zk-primary);
    color: var(--white);
}


body#mounjaro-version-two {
    padding: 0 !important;
}

body#mounjaro-version-two .header_main_area:not(.fixed) .header_box li a {
    color: var(--white);
}

body#mounjaro-version-two .header_box img {
    filter: brightness(0) invert(1);
}

.mounjaro-hero__image img {
    max-width: 440px;
}

.mounjaro-content__logo svg {
    width: 65px;
}


.mounjaro-table__table th {
    text-align: center;
    color: var(--zk-primary);
    font-size: 20px;
    border-color: #D9D9D9;
    font-family: var(--secondary-font-family);
    font-weight: 500;
}

ul.submenu {
    position: absolute;
    border: 1px solid var(--zk-primary);
    top: 22px;
    left: 0;
    margin: 0;
    min-width: 300px;
    gap: 0;
    border-radius: 10px;
    background: var(--white);
    display: none;
    overflow: hidden;
}

.drop_arrow {
    position: relative;
}

.drop_arrow:hover ul {
    display: block;
}


ul.submenu a {
    padding: 11.5px 15px;
    color: var(--zk-primary) !important;
}

ul.submenu a:hover {
    background: var(--zk-primary);
    color: var(--white) !important;
}

ul.submenu li:not(:last-child) a {
    border-bottom: 1px solid var(--zk-primary);
}

ul.xs-sub-menu {
    padding: 0;
    margin: 20px 0 0;
    display: none;
}

ul.xs-sub-menu .sub-menu-li {
    margin-top: 20px;
}


.drop_arrow>a {
    display: flex;
}

.drop_arrow>a svg {
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
}

.drop_arrow>a svg path {
    fill: currentColor;
}

.xs-drop-menu>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xs-drop-menu>a .icon svg {
    width: 15px;
    height: 15px;
}

.xs-drop-menu>a .icon svg path {
    fill: var(--white);
}

div#shopify-section-template--24716856885571__app_hand_image_7wHpwA li {
    font-family: var(--secondary-font-family);
}

.mounjaro-hero__breadcrumb ul {
    display: flex;
    gap: 20px;
    margin-left: -11px;
}

.mounjaro-hero__breadcrumb-link {
    color: var(--white);
    font-size: 16px;
}

.mounjaro-hero__breadcrumb {
    margin-bottom: 60px;
}

.mounjaro-hero__breadcrumb-link:hover {
    color: var(--white);
}

.mounjaro-hero__breadcrumb-item:not(:last-child) {
    padding-right: 15px;
    position: relative;
}

.mounjaro-hero__breadcrumb-item:not(:last-child):before {
    content: "";
    position: absolute;
    right: -8px;
    top: 4px;
    bottom: 5px;
    width: 16px;
    transform: rotate(265deg);
    background-image: url(arrow-down.png);
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
    background-size: contain;

}

.mounjaro-hero-v2 {
    padding-top: 20px;
}

.mounjaro-hero-v2 .mounjaro-hero__breadcrumb {
    margin-bottom: 20px;
}

.mounjaro-hero-v2 .mounjaro-hero__breadcrumb-link {
    color: var(--zk-primary);
}

.mounjaro-hero-v2 .mounjaro-hero__breadcrumb-item:not(:last-child):before {
    filter: unset;
}

div#shopify-section-template--24692338524483__app_hand_image_7wHpwA .feature-block .feature-list ul li {
    font-family: var(--secondary-font-family);
}

.mounjaro-hero__breadcrumb-link svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
}

.app-welcome-hero {
    background-image: url('app-hero.jpg');
    background-position: 0 -200px;
    background-repeat: no-repeat;
    padding: 150px 0 0;
    background-size: 100% 100%;
    position: relative;
}

.app-welcome-hero__content {
    text-align: center;
    margin-bottom: 50px;
}

.app-welcome-hero__title {
    color: var(--white);
    font-weight: 600;
    font-size: 55px;
    font-family: var(--secondary-font-family);
    display: inline-block;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.app-welcome-hero__subtitle {
    font-size: 25px;
    color: var(--white);
    font-weight: 500;
    font-family: var(--secondary-font-family);
}

.app-welcome-hero__image {
    display: flex;
    justify-content: flex-end;
}

.app-welcome-hero__buttons {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 350px;
    position: absolute;
    bottom: 150px;
    z-index: 100;
}

.app-welcome-hero__buttons img {
    border-radius: 15px;
}

.app-welcome-hero__image-img {
    width: 100%;
    max-width: 1280px;
}

.cta-block {
    text-align: center;
    padding: 60px 0;
}

.cta-block__wrapper {
    background: url('d-cta-bg.jpg') no-repeat center;
    background-size: cover;
    padding: 60px;
    border-radius: 35px;
    max-width: 1200px;
    margin: 0 auto;
}

.cta-block__title {
    margin-bottom: 20px;
    font-size: 42px;
    color: var(--white);
    font-weight: bold;
    font-family: var(--secondary-font-family);
}

.cta-block__text p {
    font-size: 22px;
    color: var(--white);
    line-height: 1.5;
    font-family: var(--secondary-font-family);
}

.footer_bottom img {
    max-width: 180px;
}


.app-welcome-steps__carousel {
    max-width: 900px;
    margin: 0 auto;
}

.app-welcome-steps__carousel__item img {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: auto;
    max-width: 400px;
}

.app-welcome-steps__carousel__item .text-block {
    text-align: center;
}

.app-welcome-steps__carousel__item .text-block h2 {
    font-size: 35px;
    line-height: 1.5;
    color: var(--zk-primary);
    font-family: var(--secondary-font-family);
    font-weight: 600;
}

.app-welcome-steps__carousel__item .text-block h4 {
    font-size: 22px;
    line-height: 1.5;
    color: var(--zk-primary);
    font-family: var(--secondary-font-family);
    font-weight: 500;
}

.app-welcome-steps {
    overflow: hidden;
    padding-top: 60px;
}

.app-welcome-steps .slick-list {
    overflow: visible;
}

#shopify-section-template--24797393715523__mounjaro_video_c6ggkx .mounjaro-video__play-button {
    bottom: 50px;
}

.app-welcome-steps .slick-arrow {
    width: 60px;
    height: 60px;
    background: #220643;
    display: block;
    color: var(--white);
    border-radius: 500%;
    text-align: center;
    line-height: 60px;
    opacity: 1;
    position: absolute;
    left: inherit;
    top: 50%;
}

.app-welcome-steps .product-dec-next {
    right: 0;
}

.app-welcome-steps__content {
    text-align: center;
    margin-bottom: 40px;
}

.app-welcome-steps__content p {
    font-size: 22px;
    line-height: 1.8;
    font-weight: 500;
    font-family: var(--secondary-font-family);
    color: var(--zk-primary);
}

.mounjaro-hero__button__btn {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    padding: 12px 20px;
    border-radius: 50px;
    align-content: center;
    color: var(--white);
    background: linear-gradient(90deg, #7CAAF8 0%, #AA82D9 100%);
    width: 100%;
    max-width: 250px;
    font-weight: 600;
}

.mounjaro-hero__button__btn:hover {
    background: var(--zk-primary);
    color: var(--white);
}


.mounjaro-hero__button {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.mounjaro-hero__button__btn .icon {
    position: relative;
    top: 2px;
}


div#shopify-section-template--21550526497091__mounjaro_hero_qn6V9T .mounjaro-hero__image {
    position: relative;
    display: table;
    margin: 70px auto 0;
}

div#shopify-section-template--21550526497091__mounjaro_hero_qn6V9T .mounjaro-hero__image:before {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    background-image: url('ring.png');
    right: -50px;
    top: -50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.contact-info {
    padding: 60px 0;
}

.contact-info h2,
.contact-info p {
    font-size: 27px;
    display: flex;
    gap: 15px;
    line-height: 1.5;
    justify-content: center;
    color: var(--zk-primary);
    font-family: var(--secondary-font-family);
}

.contact-info p svg {
    width: 30px;
    height: 30px;
    position: relative;
    top: 5px;
}

.contact-info__address-text svg {
    width: 39px;
}

.contact-info h2 {
    font-weight: 600;
}

.mounjaro-hero-v2 svg path {
    fill: var(--zk-primary);
}

.mounjaro-maint {
    padding: 110px 0 60px;
    background-image: url('app-hero.jpg');
    background-position: center;
    background-size: 100% 100%;
}


.mounjaro-maint__content {
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
}

.mounjaro-maint__title {
    text-transform: uppercase;
    letter-spacing: 10px;
    font-size: 55px;
    color: var(--white);
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    font-family: var(--secondary-font-family);
}

.mounjaro-maint__title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgb(255 255 255 / 50%);
    margin: 0 auto;
    max-width: 400px;
}

.mounjaro-maint__text {
    font-size: 25px;
    font-weight: 400;
    color: var(--white);
    font-family: var(--secondary-font-family);
    line-height: 1.6;
}

.mounjaro-maint__plans__content {
    background-color: var(--white);
    background-image: url('reverse.webp');
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 395px 35px;
    border-radius: 15px;
    padding: 35px;
    min-height: 300px;
    border: 1px solid var(--zk-primary);
    box-shadow: 15px 15px 0 var(--zk-primary);
}

.mounjaro-maint__plans {
    max-width: 500px;
    margin: 50px auto 0;
}

.mounjaro-maint__plans__item {
    padding: 0 20px 20px;
}

.mounjaro-maint__plans__title {
    font-family: var(--secondary-font-family);
    color: var(--zk-primary);
    font-weight: 500;
    margin-bottom: 10px;
}

.mounjaro-maint__plans__pricing {
    font-family: var(--secondary-font-family);
    color: var(--zk-primary);
    font-size: 20px;
    margin-bottom: 5px;
}

.mounjaro-maint__plans__pricing span {
    font-weight: 600;
}

.mounjaro-maint__plans__after-price-text {
    font-family: var(--secondary-font-family);
    color: var(--zk-primary);
    font-size: 12px;
}

.mounjaro-maint__plans__text {
    text-align: center;
    margin: 20px 0;
}

.mounjaro-maint__plans__text p {
    font-family: var(--secondary-font-family);
    color: var(--zk-primary);
    font-size: 18px;
    line-height: 1.6;
}

.mounjaro-maint__plans__text p strong {
    font-weight: 600;
}

.mounjaro-maint__plans__checklist li {
    font-size: 18px;
    font-family: var(--secondary-font-family);
    color: var(--zk-primary);
    margin: 10px 0;
    padding-left: 30px;
    background-image: url(tick-circle.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left center;
}

.mounjaro-button {
    padding: 15px;
    display: block;
    margin-top: 20px;
    border-radius: 50px;
    text-align: center;
    font-family: var(--secondary-font-family);
    color: var(--zk-primary);
    font-size: 18px;
    line-height: 1.6;
    border: 1px solid var(--zk-primary);
    font-weight: 600;
}

.mounjaro-button:hover {
    background: var(--zk-primary);
    color: var(--white);
}


.mounjaro-maint__plans__carousel .slick-arrow {
    border: 2px solid var(--white);
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 38%;
    color: var(--white);
    text-align: center;
    line-height: 49px;
    border-radius: 100%;
}

.mounjaro-maint__plans__carousel .slick-arrow.product-dec-prev {
    left: -70px;
}

.mounjaro-maint__plans__carousel .slick-arrow.product-dec-next {
    left: auto;
    right: -85px;
}


.mounjaro-maint__plans__carousel .slick-arrow:hover {
    background: var(--zk-primary);
    color: var(--white);
    border-color: var(--zk-primary);
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
    img.app-welcome-hero__image-img {
        max-width: 900px;
    }

    .app-welcome-hero__buttons {
        left: 200px;
        max-width: 300px;
    }
}

@media screen and (max-width: 1140px) and (min-width: 768px) {
    .app-welcome-hero__image-img {
        max-width: 700px;
    }

    .app-welcome-hero__buttons {
        bottom: 50px;
        max-width: 250px;
    }
}

@media screen and (max-width: 767px) {
    .mounjaro-table__table th {
        font-size: 14px;
    }

    body#mounjaro-version-two .header_main_area {
        position: absolute !important;
    }

    body#mounjaro-version-two .header_main_area img {
        filter: brightness(0) invert(1);
    }

    body#mounjaro-version-two .header_main_area svg.menu-icons path {
        fill: var(--white) !important;
        stroke: var(--white) !important;
    }

    body#mounjaro-version-two .header_main_area svg path {
        stroke: var(--white);
    }

    .mounjaro-hero__wrapper {
        padding: 80px 0 60px;
        background-size: 124% 84%;
        background-repeat: no-repeat;
        background-position: top;
    }

    .mounjaro-hero__title {
        font-size: 26px;
    }

    .mounjaro-hero__title:before {
        max-width: 200px;
    }

    .mounjaro-hero__subtitle {
        font-size: 16px;
    }


    .mounjaro-hero__content {
        margin-bottom: 0;
    }

    .mounjaro-start-journey__content {
        margin-bottom: 10px;
        justify-content: center;
        gap: 15px;
    }

    a.mounjaro-start-journey__button {
        font-size: 16px;
        padding: 14px 24px;
    }

    .mounjaro-start-journey__time {
        font-size: 16px;
        background-size: 18px;
        padding-left: 24px;
    }

    .mounjaro-faq__title {
        font-size: 15px;
        padding-right: 20px;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }

    .mounjaro-faq__content p {
        font-size: 14px;
    }

    .mounjaro-faq__title:before {
        width: 18px;
        height: 18px;
        position: static;
    }


    .mounjaro-content__title {
        font-size: 20px;
        text-align: center;
        margin: 0;
    }

    .mounjaro-content__subtitle p {
        font-size: 14px;
    }

    .mounjaro-content__image {
        margin: 20px 0;
    }

    .mounjaro-content {
        padding: 40px 0;
    }

    .mounjaro-table__table td {
        font-size: 14px;
    }

    .mounjaro-table__table {
        max-width: 350px;
    }

    .mounjaro-table__image img {
        max-width: 300px;
    }


    .mounjaro-projects,
    .mounjaro-video,
    .mounjaro-article {
        padding: 40px 0;
    }

    h2.mounjaro-projects__title {
        font-size: 20px;
    }

    .mounjaro-projects__title {
        font-size: 16px;
    }

    .mounjaro-projects__description {
        font-size: 14px;
    }

    .mounjaro-projects__count:before {
        content: "";
        top: 100%;
        height: 120px;
        background: var(--zk-primary);
        width: 2px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .mounjaro-projects__grid .col-md-4:last-child :before {
        display: none;
    }


    h2.mounjaro-article__title {
        font-size: 20px;
        margin-bottom: 25px;
    }

    .mounjaro-article__subtitle {
        font-size: 20px;
        margin-bottom: 0;
    }

    .mounjaro-article__content_category {
        font-size: 14px;
        padding: 15px;
    }

    .mounjaro-article__content_title {
        font-size: 16px;
        padding: 0 15px 15px;
    }

    .mounjaro-video__title h2 {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .mounjaro-hero-v2 {
        padding: 0 0 40px;
    }

    .mounjaro-start-journey--version-two a.mounjaro-start-journey__button {
        width: auto;
    }

    .mounjaro-start-journey__title h4 {
        font-size: 16px;
        text-align: center;
        background-size: 16px;
        padding-left: 15px;
        line-height: 1.5;
        margin-bottom: 0;
        background-position: 0 4px;
    }

    .mounjaro-start-journey__title {
        margin-bottom: 15px;
    }

    .mounjaro-hero__image img {
        max-width: 250px;
    }

    .mounjaro-start-journey__image img {
        max-width: 300px;
        margin: 0 auto;
        display: block;
    }

    .mounjaro-content__logo {
        display: none !important;
    }

    .mounjaro-hero__breadcrumb ul {
        margin: 0;
    }

    .mounjaro-hero__breadcrumb {
        margin-bottom: 15px;
    }

    .app-welcome-hero {
        padding-top: 100px;
        background-position: 0 -50px;
    }

    .app-welcome-hero__content {
        margin-bottom: 25px;
    }

    .app-welcome-hero__title {
        font-size: 28px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .app-welcome-hero__subtitle {
        font-size: 16px;
    }

    .app-welcome-hero__image-img {
        max-width: 280px;
    }

    .app-welcome-hero__buttons {
        max-width: 110px;
        bottom: 15px;
        left: 15px;
    }

    .app-welcome-hero__buttons img {
        border-radius: 0;
    }

    .cta-block__wrapper {
        padding: 25px;
        border-radius: 20px;
    }

    .cta-block__title {
        font-size: 26px;
    }

    .cta-block__text p {
        font-size: 14px;
    }

    .app-welcome-steps__carousel {
        max-width: 200px;
    }

    .slick-slide img {
        max-width: 100px;
    }

    .app-welcome-steps__carousel__item .text-block h2 {
        font-size: 20px;
    }

    .app-welcome-steps__carousel__item .text-block h4 {
        font-size: 14px;
    }

    .app-welcome-steps .slick-arrow {
        top: 41%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    .app-welcome-steps {
        padding-top: 25px;
    }

    .app-welcome-steps .product-dec-prev {
        left: -25px;
    }

    .app-welcome-steps .product-dec-next {
        right: -25px;
    }

    #shopify-section-template--24797393715523__mounjaro_video_c6ggkx .mounjaro-video__play-button .mounjaro-video__play-button__btn {
        width: 60px;
        height: 60px;
    }

    #shopify-section-template--24797393715523__mounjaro_video_c6ggkx .mounjaro-video__play-button .mounjaro-video__play-button__btn svg {
        width: 20px;
    }

    .app-welcome-steps__content p {
        font-size: 14px;
    }

    .contact-info h2,
    .contact-info p {
        font-size: 16px;
        justify-content: flex-start;
        margin: 9px 0;
    }

    .contact-info {
        padding: 30px 0;
    }

    .contact-info p svg {
        width: 20px !important;
        height: 20px !important;
        top: 2px;
    }

    .mounjaro-maint__title {
        font-size: 28px;
        margin-top: 50px;
    }

    .mounjaro-maint {
        padding: 90px 0 0;
        background-size: 100% 94%;
        background-repeat: no-repeat;
        background-position: top;
    }

    .mounjaro-maint__text {
        font-size: 15px;
    }

    .mounjaro-maint__plans__content {
        padding: 30px 15px;
        box-shadow: 10px 10px 0 var(--zk-primary);
        background-position: 225px 29px;
        background-size: 25px;
    }

    .mounjaro-maint__plans__title {
        font-size: 20px;
    }

    .mounjaro-maint__plans__pricing {
        font-size: 14px;
        line-height: 1.6;
    }

    .mounjaro-maint__plans__text p {
        font-size: 14px;
    }

    .mounjaro-maint__plans__checklist li {
        font-size: 14px;
        margin: 3px 0;
    }

    .mounjaro-button {
        font-size: 14px;
        padding: 12px;
    }

    .mounjaro-maint__plans {
        max-width: 285px;
    }

    .mounjaro-maint__plans__item {
        padding: 0 10px 10px;
    }

    .mounjaro-maint__plans__carousel .slick-arrow.product-dec-prev {
        left: -35px;
    }

    .mounjaro-maint__plans__carousel .slick-arrow {
        width: 35px;
        height: 35px;
        line-height: 31px;
    }

    .mounjaro-maint__plans__carousel .slick-arrow i {
        font-size: 11px !important;
    }

    .mounjaro-maint__plans__carousel .slick-arrow.product-dec-next {
        right: -45px;
    }

    .mounjaro-maint__plans__item:not(.slick-active) {
        visibility: hidden;
    }
}

@media (min-width: 850px) and (max-width: 1024px) {
    .feature-block .feature-list {
        top: 32%;
    }
    .header_main_area:not(.fixed) .header_box li a {
            color: var(--zk-primary) !important;
    }

    .header_box img {
        filter: unset !important;
    }

    body:not(.template-index) .header_main_area {
        position: relative !important;
    }

}

@media (min-width: 768px) and (max-width: 820px) {
    body:not(.template-index) .header_main_area {
        position: relative !important;
    }

    body:not(.template-index) .header_main_area img {
        filter: unset !important;
    }

    body:not(.template-index) .header_main_area .menu-icons {
        filter: unset !important;
    }

    .mounjaro-hero__breadcrumb ul {
        margin-left: 0 !important;
    }

    .feature-block .feature-list {
        top: 40%;
        right: 15px;
    }

    .feature-block .feature-list ul {
        gap: 31px;
    }

    .feature-block .feature-list ul li {
        font-size: 18px;
    }

    .mounjaro-projects__count:before {
        height: 100px !IMPORTANT;
    }
}

@media (max-width: 375px) and (min-width: 360px) {
    .feature-block .feature-list {
        right: 15px;
    }
}

@media (max-width: 445px) {
    .mounjaro-projects__count:before {
        height: 135px;
    }
}


iframe[name="Messaging window"] {
    z-index: 999999999 !important;
}











/* =========================================================
   MEDICINES HEADER ONLY (stable across all breakpoints)
   Desktop >=1280: logo center, actions right, menu left
   Tablet 768-1279: logo left, actions right, hide desktop menu
   Mobile <768: use <mobile-header>, logo left, account icon only right
   + purple bottom border
   ========================================================= */

body.page-medicines #shopify-section-header > .header_main_area.medicines{
  --med-purple: var(--zk-primary, #380f5d);

  background: #fff !important;
  background-color: #fff !important;
  color: var(--med-purple) !important;

  border-bottom: 2px solid var(--med-purple) !important;

  /* consistent padding */
  padding: 10px 16px !important;

  /* prevent weird wraps from theme */
  box-sizing: border-box;
}

/* Force header links/buttons to purple (beats global a/button rules) */
body.page-medicines #shopify-section-header > .header_main_area.medicines a,
body.page-medicines #shopify-section-header > .header_main_area.medicines button,
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_btn a,
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_sidebar a{
  color: var(--med-purple) !important;
}

/* Borders (login pill + cart circle) */
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_btn a,
body.page-medicines #shopify-section-header > .header_main_area.medicines .hd-cart-btn a{
  border-color: var(--med-purple) !important;
}

/* Hamburger/menu icon in mobile header has stroke="white" inline */
body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header svg path{
  stroke: var(--med-purple) !important;
  fill: var(--med-purple) !important;
}

/* Make sure logo never “hides until scroll” */
body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box,
body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box img{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Prevent flex/grid children from overflowing */
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_main,
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_box,
body.page-medicines #shopify-section-header > .header_main_area.medicines .hd-right{
  min-width: 0;
}

/* -----------------------------------------
   DESKTOP (>= 1280px): use DESKTOP markup
   Logo centered, menu left, actions right
   ----------------------------------------- */
@media (min-width: 1280px){
  body.page-medicines #shopify-section-header > .header_main_area.medicines{
    padding: 12px 28px !important;
  }

  /* show desktop header, hide mobile-header */
  body.page-medicines #shopify-section-header > .header_main_area.medicines > .standard{
    display: block !important;
  }
  body.page-medicines #shopify-section-header > .header_main_area.medicines > mobile-header{
    display: none !important;
  }

  body.page-medicines #shopify-section-header > .header_main_area.medicines .header_main{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center !important;
    column-gap: 16px;
  }

  /* left menu box */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .header_box:not(.logo_box):not(.hd-right){
    justify-self: start !important;
    min-width: 0;
  }

  /* center logo */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box{
    justify-self: center !important;
  }
  body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box img{
    max-width: 160px;
    height: auto;
    display: block;
  }

  /* right actions */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .hd-right{
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px;
    flex-wrap: nowrap;
  }
}

/* -----------------------------------------
   TABLET (768px - 1279px): use DESKTOP markup
   Logo left, actions right, hide desktop menu
   ----------------------------------------- */
@media (min-width: 768px) and (max-width: 1279px){
  body.page-medicines #shopify-section-header > .header_main_area.medicines{
    padding: 10px 18px !important;
  }

  /* show desktop header, hide mobile-header */
  body.page-medicines #shopify-section-header > .header_main_area.medicines > .standard{
    display: block !important;
  }
  body.page-medicines #shopify-section-header > .header_main_area.medicines > mobile-header{
    display: none !important;
  }

  /* stable tablet row */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .header_main{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px;
    flex-wrap: nowrap;
  }

  /* hide menu box on tablet so it doesn't crush */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .header_box:not(.logo_box):not(.hd-right){
    display: none !important;
  }

  /* logo left */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box{
    margin-right: auto !important;
  }
  body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box img{
    max-width: 150px;
    height: auto;
    display: block;
  }

  /* actions right */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .hd-right{
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px;
    flex-wrap: nowrap;
  }

  /* make sure login pill doesn't wrap */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .header_btn a{
    white-space: nowrap;
  }
}

/* -----------------------------------------
   MOBILE (< 768px): use MOBILE markup
   Logo left, right shows icons (no pill text)
   ----------------------------------------- */
@media (max-width: 767px){
  body.page-medicines #shopify-section-header > .header_main_area.medicines{
    padding: 10px 14px !important;
  }

  /* hide desktop header, show mobile-header */
  body.page-medicines #shopify-section-header > .header_main_area.medicines > .standard{
    display: none !important;
  }
  body.page-medicines #shopify-section-header > .header_main_area.medicines > mobile-header{
    display: block !important;
  }

  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .header_main_1{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    flex-wrap: nowrap;
  }

  /* logo left, shrink safely on small widths */
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .logo-wrapper img{
    display: block;
    height: auto;
    max-width: clamp(92px, 32vw, 140px);
  }

  /* right icons area */
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .nav-wrapper{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px;
    flex-wrap: nowrap;
  }

  /* ensure account stays icon-only and doesn't reserve text width */
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header a.account-btnn{
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header a.account-btnn svg{
    width: 24px;
    height: 24px;
    display: block;
  }

  /* prevent the hamburger svg from forcing extra width */
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .hd-xs-btn{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
  }
}


/* =========================================================
   MEDICINES: fix logo hidden until scroll + reduce header height
   ========================================================= */

body.page-medicines #shopify-section-header > .header_main_area.medicines{
  --med-purple: var(--zk-primary, #380f5d);

  background: #fff !important;
  background-color: #fff !important;
  color: var(--med-purple) !important;

  border-bottom: 2px solid var(--med-purple) !important;

  /* reduce height */
  padding: 20px 14px !important;
}

/* 1) LOGO HIDDEN UNTIL SCROLL FIX
   Force AOS header items (logo/menu/right) visible immediately */
body.page-medicines #shopify-section-header > .header_main_area.medicines [data-aos],
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_box,
body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box,
body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box a,
body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box img,
body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .logo-wrapper,
body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .logo-wrapper img{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  display: block !important;
}

/* Reduce any delayed animation effects if AOS adds them */
body.page-medicines #shopify-section-header > .header_main_area.medicines [data-aos]{
  transition: none !important;
}

/* 2) FORCE PURPLE LINKS/ICONS (beats your global "a { color:#1f2226 }") */
body.page-medicines #shopify-section-header > .header_main_area.medicines a,
body.page-medicines #shopify-section-header > .header_main_area.medicines button,
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_btn a,
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_sidebar a{
  color: var(--med-purple) !important;
}

/* borders (login pill + cart circle) */
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_btn a,
body.page-medicines #shopify-section-header > .header_main_area.medicines .hd-cart-btn a{
  border-color: var(--med-purple) !important;
}

/* hamburger SVG has stroke="white" inline -> force purple */
body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header svg path{
  stroke: var(--med-purple) !important;
  fill: var(--med-purple) !important;
}

/* 3) REDUCE HEADER HEIGHT (logo + cart + pill) */
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_main{
  padding: 0 !important;
  min-height: 0 !important;
}

/* logo size */
body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box img,
body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .logo-wrapper img{
  max-height: 38px !important;
  width: auto !important;
  height: auto !important;
}

/* cart circle smaller */
body.page-medicines #shopify-section-header > .header_main_area.medicines .hd-cart-btn a{
  width: 40px !important;
  height: 40px !important;
}

/* login pill smaller */
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_btn a{
  padding: 8px 14px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap;
}

/* =========================================================
   MEDICINES: keep login icon visible on scroll + keep header white always
   ========================================================= */

body.page-medicines #shopify-section-header > .header_main_area.medicines,
body.page-medicines #shopify-section-header > .header_main_area.medicines.sticky,
body.page-medicines #shopify-section-header > .header_main_area.medicines.scrolled,
body.page-medicines #shopify-section-header > .header_main_area.medicines.is-scrolled{
  --med-purple: var(--zk-primary, #380f5d);

  background: #fff !important;
  background-color: #fff !important;
  color: var(--med-purple) !important;
}

/* Ensure the right side layout stays correct */
body.page-medicines #shopify-section-header > .header_main_area.medicines .hd-right{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

/* Ensure login link keeps icon + text aligned (desktop/tablet) */
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_btn a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  white-space: nowrap;
}

/* Force the login SVG to always render (even if AOS/scroll scripts mess with opacity) */
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_btn a svg,
body.page-medicines #shopify-section-header > .header_main_area.medicines a.account-btnn svg{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Force login icon color to purple */
body.page-medicines #shopify-section-header > .header_main_area.medicines .header_btn a svg path,
body.page-medicines #shopify-section-header > .header_main_area.medicines a.account-btnn svg path{
  fill: var(--med-purple) !important;
  stroke: var(--med-purple) !important;
}

/* =========================================================
   MEDICINES: FIX 1024px–1279px layout
   Logo left, actions right (no menu box)
   ========================================================= */
@media (min-width: 1024px) and (max-width: 1279px){

  body.page-medicines #shopify-section-header > .header_main_area.medicines > mobile-header{
    display: none !important;
  }
  body.page-medicines #shopify-section-header > .header_main_area.medicines > .standard{
    display: block !important;
  }

  /* Make the row behave properly */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .header_main{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    flex-wrap: nowrap !important;
  }

  /* Remove the left menu column in this range (prevents crowding) */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .header_box:not(.logo_box):not(.hd-right){
    display: none !important;
  }

  /* Logo stays left */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box{
    margin: 0 !important;
    flex: 0 1 auto !important;
  }
  body.page-medicines #shopify-section-header > .header_main_area.medicines .logo_box img{
    display: block !important;
    height: auto !important;
    max-height: 38px !important; /* adjust if needed */
    width: auto !important;
  }

  /* Actions forced to the far right */
  body.page-medicines #shopify-section-header > .header_main_area.medicines .hd-right{
    margin-left: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    white-space: nowrap !important;
  }
}



/* =========================================================
   MEDICINES HEADER – stable across all your theme bands
   (matches your loaded CSS files: 990–1300, 699–989, 320–699)
   ========================================================= */

body.page-medicines #shopify-section-header > div.header_main_area.medicines{
  --med-purple: var(--zk-primary, #380f5d);

  background: #fff !important;
  background-color: #fff !important;
  color: var(--med-purple) !important;

  border-bottom: 2px solid var(--med-purple) !important;

  /* reduce height */
  padding: 16px 16px !important;
}

/* Make sure container is full width so right side can reach the edge */
body.page-medicines #shopify-section-header > div.header_main_area.medicines > .standard{
  max-width: none !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Force all header links/icons purple (beats global a/button color rules) */
body.page-medicines #shopify-section-header > div.header_main_area.medicines a,
body.page-medicines #shopify-section-header > div.header_main_area.medicines button,
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_btn a,
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_sidebar a{
  color: var(--med-purple) !important;
}

/* Force login SVG visible always */
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_btn a svg,
body.page-medicines #shopify-section-header > div.header_main_area.medicines a.account-btnn svg{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_btn a svg path,
body.page-medicines #shopify-section-header > div.header_main_area.medicines a.account-btnn svg path{
  fill: var(--med-purple) !important;
  stroke: var(--med-purple) !important;
}

/* Prevent AOS fade-in hiding items until scroll (logo/menu/right) */
body.page-medicines #shopify-section-header > div.header_main_area.medicines [data-aos],
body.page-medicines #shopify-section-header > div.header_main_area.medicines .logo_box,
body.page-medicines #shopify-section-header > div.header_main_area.medicines .logo_box img{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}

/* Keep right group from wrapping */
body.page-medicines #shopify-section-header > div.header_main_area.medicines .hd-right{
  white-space: nowrap;
}



/* =========================================================
   MEDICINES HEADER – SINGLE CLEAN OVERRIDE
   Goals:
   - Always FULL width (no gaps, no overflow right)
   - White background + purple text/icons + purple bottom border
   - Fix “logo appears only after scroll” (AOS fade-in)
   - Responsive behavior:
     >=1280 : logo center, menu left, actions right
     990–1279 : logo left, actions right, hide menu box
     699–989 : logo left, actions right, hide menu box
     <=698 : use <mobile-header>, logo left, account icon only right
   ========================================================= */

body.page-medicines #shopify-section-header > div.header_main_area.medicines{
  --med-purple: var(--zk-primary, #380f5d);

  /* FULL WIDTH LOCK (prevents gaps & right overflow at ALL widths) */
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;

  /* Visual */
  background: #fff !important;
  background-color: #fff !important;
  color: var(--med-purple) !important;
border-bottom: 1px solid rgba(62, 15, 108, 0.25) !important; /* looks hairline */
  /* Padding on the header itself (so we can set .standard padding to 0 safely) */
  padding: 6px 16px !important;
}

/* Make inner container FULL width and remove its own padding/max-width */
body.page-medicines #shopify-section-header > div.header_main_area.medicines > .standard{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Fix AOS “hidden until scroll” */
body.page-medicines #shopify-section-header > div.header_main_area.medicines [data-aos],
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_box,
body.page-medicines #shopify-section-header > div.header_main_area.medicines .logo_box,
body.page-medicines #shopify-section-header > div.header_main_area.medicines .logo_box img{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}

/* Force purple for all header links/buttons (beats global a/button rules) */
body.page-medicines #shopify-section-header > div.header_main_area.medicines a,
body.page-medicines #shopify-section-header > div.header_main_area.medicines button,
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_btn a,
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_sidebar a{
  color: var(--med-purple) !important;
}

/* Borders (login pill + cart circle) */
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_btn a,
body.page-medicines #shopify-section-header > div.header_main_area.medicines .hd-cart-btn a{
  border-color: var(--med-purple) !important;
}

/* Base header row behavior */
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_main{
  width: 100% !important;
  min-width: 0 !important;
}

/* Keep logo from inflating height */
body.page-medicines #shopify-section-header > div.header_main_area.medicines .logo_box img,
body.page-medicines #shopify-section-header > div.header_main_area.medicines mobile-header .logo-wrapper img{
  max-height: 38px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}

/* Make sure right side is always visible and aligned */
body.page-medicines #shopify-section-header > div.header_main_area.medicines .hd-right{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  white-space: nowrap !important;

  /* prevent “goes outside right” caused by theme positioning */
  position: relative !important;
  right: auto !important;
  left: auto !important;
}

/* Ensure login link shows icon + text (desktop/tablet) */
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_btn{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_btn a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  white-space: nowrap !important;

  font-size: 13px !important;
  line-height: 1 !important;
  padding: 8px 14px !important;
}
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_btn a svg{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_btn a svg path{
  fill: var(--med-purple) !important;
  stroke: var(--med-purple) !important;
}

/* Mobile hamburger SVG has stroke="white" inline */
body.page-medicines #shopify-section-header > div.header_main_area.medicines mobile-header svg path{
  stroke: var(--med-purple) !important;
  fill: var(--med-purple) !important;
}

/* =========================================================
   >=1280: logo centered, menu left, actions right (desktop markup)
   ========================================================= */
@media (min-width: 1280px){
  body.page-medicines #shopify-section-header > div.header_main_area.medicines{
    padding: 10px 28px !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines > mobile-header{
    display: none !important;
  }
  body.page-medicines #shopify-section-header > div.header_main_area.medicines > .standard{
    display: block !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_main{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center !important;
    column-gap: 16px !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_box:not(.logo_box):not(.hd-right){
    display: block !important;
    justify-self: start !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines .logo_box{
    justify-self: center !important;
    margin: 0 !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines .hd-right{
    justify-self: end !important;
    margin: 0 !important;
  }
}

/* =========================================================
   990–1279: logo left, actions right, hide menu box (desktop markup)
   Uses the SAME “push to edge” strategy you liked
   ========================================================= */
@media (min-width: 990px) and (max-width: 1279px){
  body.page-medicines #shopify-section-header > div.header_main_area.medicines{
    padding: 8px 20px !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines > mobile-header{
    display: none !important;
  }
  body.page-medicines #shopify-section-header > div.header_main_area.medicines > .standard{
    display: block !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_main{
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_box:not(.logo_box):not(.hd-right){
    display: none !important;
  }

  /* KEY: push actions to far right */
  body.page-medicines #shopify-section-header > div.header_main_area.medicines .logo_box{
    margin-right: auto !important;
    flex: 0 0 auto !important;
  }
  body.page-medicines #shopify-section-header > div.header_main_area.medicines .hd-right{
    margin-left: auto !important;
  }
}

/* =========================================================
   699–989: logo left, actions right, hide menu box (desktop markup)
   Same strategy as 990–1279
   ========================================================= */
@media (min-width: 699px) and (max-width: 989px){
  body.page-medicines #shopify-section-header > div.header_main_area.medicines{
    padding: 8px 18px !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines > mobile-header{
    display: none !important;
  }
  body.page-medicines #shopify-section-header > div.header_main_area.medicines > .standard{
    display: block !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_main{
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_box:not(.logo_box):not(.hd-right){
    display: none !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines .logo_box{
    margin-right: auto !important;
  }
  body.page-medicines #shopify-section-header > div.header_main_area.medicines .hd-right{
    margin-left: auto !important;
  }
}

/* =========================================================
   <=698: use mobile-header, logo left, account icon only right
   ========================================================= */
@media (max-width: 698px){
  body.page-medicines #shopify-section-header > div.header_main_area.medicines{
    padding: 8px 14px !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines > .standard{
    display: none !important;
  }
  body.page-medicines #shopify-section-header > div.header_main_area.medicines > mobile-header{
    display: block !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines mobile-header .header_main_1{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  body.page-medicines #shopify-section-header > div.header_main_area.medicines mobile-header .nav-wrapper{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  /* icon-only account */
  body.page-medicines #shopify-section-header > div.header_main_area.medicines mobile-header a.account-btnn{
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  body.page-medicines #shopify-section-header > div.header_main_area.medicines mobile-header a.account-btnn svg{
    width: 24px !important;
    height: 24px !important;
    display: block !important;
  }
}


/* =========================================================
   MEDICINES: FIX 1024–1279px
   Force a stable grid so .hd-right cannot drift outside right
   ========================================================= */
@media (min-width: 1024px) and (max-width: 1279px){

  /* Ensure we are using desktop markup, not <mobile-header> */
  body.page-medicines #shopify-section-header > div.header_main_area.medicines > mobile-header{
    display: none !important;
  }
  body.page-medicines #shopify-section-header > div.header_main_area.medicines > .standard{
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Hard layout: grid keeps right side inside the container */
  body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_main{
    width: 100% !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto;  /* logo | spacer | actions */
    align-items: center !important;
    column-gap: 16px !important;
  }

  /* Hide menu box in this band (it’s usually what breaks spacing) */
  body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_box:not(.logo_box):not(.hd-right){
    display: none !important;
  }

  /* Logo left */
  body.page-medicines #shopify-section-header > div.header_main_area.medicines .logo_box{
    grid-column: 1 !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  /* Actions RIGHT — force inside */
  body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_box.hd-right{
    grid-column: 3 !important;
    justify-self: end !important;

    /* kill any theme positioning that pushes it outside */
    position: relative !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    white-space: nowrap !important;
    max-width: 100% !important;
  }

  /* Make login pill slightly smaller in this band so it never overflows */
  body.page-medicines #shopify-section-header > div.header_main_area.medicines .header_btn a{
    font-size: 13px !important;
    padding: 8px 12px !important;
    white-space: nowrap !important;
  }

  #wl-hero-template--25353252602179__weight_loss_hero_nVHCRd .wl-crumbs__item {padding:20px !important;}
}

/* =========================================================
   MEDICINES: remove header → hero white gap only at bad widths
   Fix the background layer offset (wl-hero__bg) + any top spacing
   ========================================================= */

   @media (min-width: 850px) and (max-width: 1024px){
  body.page-medicines .wl-hero{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.page-medicines .wl-hero__container{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* THIS is usually the real cause of the visible white strip */
  body.page-medicines .wl-hero__bg{
    top: 0 !important;
    transform: none !important;
    margin-top: 0 !important;
  }
    #wl-hero-template--25353252602179__weight_loss_hero_nVHCRd .wl-crumbs__item {padding:20px !important;}

}

/* Bad bands you mentioned are inside 768–1024 */
@media (min-width: 768px) and (max-width: 820px){
  body.page-medicines .wl-hero{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.page-medicines .wl-hero__container{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* THIS is usually the real cause of the visible white strip */
  body.page-medicines .wl-hero__bg{
    top: 0 !important;
    transform: none !important;
    margin-top: 0 !important;
  }
    #wl-hero-template--25353252602179__weight_loss_hero_nVHCRd .wl-crumbs__item {padding:20px !important;}

}



/* Below 480px */
@media (max-width: 480px){
  body.page-medicines .wl-hero{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.page-medicines .wl-hero__container{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.page-medicines .wl-hero__bg{
    top: 0 !important;
    transform: none !important;
    margin-top: 0 !important;
  }
    #wl-hero-template--25353252602179__weight_loss_hero_nVHCRd .wl-crumbs__item {padding:20px !important;}

}

/* =========================================================
   MEDICINES: prevent wl-hero background from covering header
   (fix header "hidden" between 480–1024)
   ========================================================= */
@media (min-width: 480px) and (max-width: 1024px){

  /* Keep header above everything */
  body.page-medicines #shopify-section-header,
  body.page-medicines #shopify-section-header > div.header_main_area.medicines{
    position: relative;
    z-index: 999999 !important;
  }

  /* Make hero a stacking context and keep its BG behind */
  body.page-medicines .wl-hero{
    position: relative !important;
    z-index: 1 !important;
  }

  /* IMPORTANT: keep hero bg inside hero, not fixed on viewport */
  body.page-medicines .wl-hero__bg{
    position: absolute !important;
    inset: 0 !important;         /* top/right/bottom/left:0 */
    z-index: 0 !important;
    pointer-events: none !important;
  }

  body.page-medicines .wl-hero__container{
    position: relative !important;
    z-index: 2 !important;
  }
}

/* Medicines: fixed rotating announcement above header */
body.page-medicines #medicines-announcement-wrap{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000001;
}

/* Push medicines header down by measured bar height */
body.page-medicines #shopify-section-header > div.header_main_area.medicines{
  top: var(--med-announcement-h, 0px) !important;
}

/* =========================================
   MEDICINES: rotating announcement above header
   ========================================= */

/* Default (in case JS hasn’t run yet) */
body.page-medicines{
  --med-announcement-h: 40px;
}

/* Make the rotating announcement section fixed at the top, above the header */
body.page-medicines #shopify-section-rotating-announcement-bar{
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 2000000 !important;
}

/* Push the medicines header down under the bar */
body.page-medicines #shopify-section-header > div.header_main_area.medicines{
  top: var(--med-announcement-h) !important;
  z-index: 1000000 !important; /* keep below the bar */
}


/* =========================================================
   MEDICINES: REMOVE BURGER MENU ON MOBILE ONLY
   Put this at the VERY END of your medicines CSS
   ========================================================= */
@media (max-width: 767px){
  /* Most common wrappers/triggers in your header markup */
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .hd-xs-btn,
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .header_sidebar,
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .menu-toggle,
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .mobile-menu,
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header button[aria-label*="menu" i],
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header button[aria-controls*="menu" i],
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header a[aria-label*="menu" i]{
    display: none !important;
  }

  /* Keep the account/cart area pinned to the right after burger removal */
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .nav-wrapper{
    margin-left: auto !important;
  }
}

/* =========================================================
   MEDICINES: REMOVE BURGER MENU ON MOBILE ONLY
   Put this at the VERY END of your medicines CSS
   ========================================================= */
@media (max-width: 767px){
  /* Most common wrappers/triggers in your header markup */
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .hd-xs-btn,
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .header_sidebar,
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .menu-toggle,
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header .mobile-menu,
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header button[aria-label*="menu" i],
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header button[aria-controls*="menu" i],
  body.page-medicines #shopify-section-header > .header_main_area.medicines mobile-header a[aria-label*="menu" i]{
    display: none !important;
  }

}

/* MEDICINES: match logo size to home (32px) */
body.page-medicines #shopify-section-header > div.header_main_area.medicines .logo_box img,
body.page-medicines #shopify-section-header > div.header_main_area.medicines mobile-header .logo-wrapper img{
  height: 32px !important;
  max-height: 32px !important;
  width: auto !important;
}


/* =========================================================
   MEDICINES: hide announcement + header on scroll down
   (scoped to body.page-medicines)
   ========================================================= */

body.page-medicines #shopify-section-rotating-announcement-bar,
body.page-medicines #shopify-section-header > div.header_main_area.medicines{
  will-change: transform;
  transition: transform 240ms ease;
  transform: translate3d(0,0,0);
}

/* Hide both when scrolling down */
body.page-medicines.med-chrome-hidden #shopify-section-rotating-announcement-bar{
  transform: translate3d(0, -110%, 0) !important; /* hide bar */
}

body.page-medicines.med-chrome-hidden #shopify-section-header > div.header_main_area.medicines{
  /* hide header by its own height + the bar height */
  transform: translate3d(0, calc(-100% - var(--med-announcement-h, 0px)), 0) !important;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  body.page-medicines #shopify-section-rotating-announcement-bar,
  body.page-medicines #shopify-section-header > div.header_main_area.medicines{
    transition: none !important;
  }
}

/* =========================================================
   MEDICINES: hide announcement + header on scroll down
   (make sure this block is LAST so it wins)
   ========================================================= */

body.page-medicines #medicines-announcement-wrap,
body.page-medicines #shopify-section-rotating-announcement-bar{
  will-change: transform, opacity;
  transition: transform 240ms ease, opacity 240ms ease;
  transform: translate3d(0,0,0);
  opacity: 1;
}

/* Hide announcement wrapper + section when scrolling down */
body.page-medicines.med-chrome-hidden #medicines-announcement-wrap,
body.page-medicines.med-chrome-hidden #shopify-section-rotating-announcement-bar{
  transform: translate3d(0, -110%, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hide header too (keep your existing rule, included here for completeness) */
body.page-medicines #shopify-section-header > div.header_main_area.medicines{
  will-change: transform;
  transition: transform 240ms ease;
  transform: translate3d(0,0,0);
}

body.page-medicines.med-chrome-hidden #shopify-section-header > div.header_main_area.medicines{
  transform: translate3d(0, calc(-100% - var(--med-announcement-h, 0px)), 0) !important;
}

@media (prefers-reduced-motion: reduce){
  body.page-medicines #medicines-announcement-wrap,
  body.page-medicines #shopify-section-rotating-announcement-bar,
  body.page-medicines #shopify-section-header > div.header_main_area.medicines{
    transition: none !important;
  }
}

/* =========================================================
   FIX: On 480–1024 the header was forced to position:relative,
   so it can't reappear on scroll-up. Keep it FIXED instead.
   ========================================================= */
@media (min-width: 480px) and (max-width: 1024px){

  /* keep the rotating bar fixed (already is, but safe) */
  body.page-medicines #shopify-section-rotating-announcement-bar{
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
  }

  /* IMPORTANT: make medicines header fixed again */
  body.page-medicines #shopify-section-header > div.header_main_area.medicines{
    position: fixed !important;
    top: var(--med-announcement-h, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000000 !important; /* below bar, above page */
    transform: translate3d(0,0,0) !important; /* ensure it resets when showing */
  }
}

#wl-hero-template--25353252602179__weight_loss_hero_nVHCRd .wl-hero__breadcrumbs {background:none !important;}








/* =========================================================
   MOUNJARO: force same header layout as Medicines
   Scope by .mounjaro-header (NOT body.page-mounjaro)
   ========================================================= */

/* Fixed rotating announcement ONLY when it is inside the mounjaro wrapper */
#mounjaro-announcement-wrap #shopify-section-rotating-announcement-bar{
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 2000000 !important;
}

/* Default announcement height (until JS updates it) */
#shopify-section-header > .header_main_area.mounjaro-header,
#shopify-section-header > div.header_main_area.mounjaro-header{
  --mj-purple: var(--zk-primary, #380f5d);
  --mj-announcement-h: 40px;
}

/* Header chrome */
#shopify-section-header > .header_main_area.mounjaro-header,
#shopify-section-header > div.header_main_area.mounjaro-header{
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;

  background: #fff !important;
  background-color: #fff !important;
  color: var(--mj-purple) !important;
  border-bottom: 1px solid rgba(62, 15, 108, 0.25) !important;

  padding: 10px 28px !important;

  position: fixed !important;
  top: var(--mj-announcement-h, 40px) !important;
  z-index: 1000000 !important;
}

/* Make inner container full width */
#shopify-section-header > .header_main_area.mounjaro-header > .standard,
#shopify-section-header > div.header_main_area.mounjaro-header > .standard{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* IMPORTANT: override the global .header_main padding on Mounjaro */
#shopify-section-header .header_main_area.mounjaro-header .header_main{
  padding: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* AOS hidden-until-scroll fix */
#shopify-section-header .header_main_area.mounjaro-header [data-aos],
#shopify-section-header .header_main_area.mounjaro-header .header_box,
#shopify-section-header .header_main_area.mounjaro-header .logo_box,
#shopify-section-header .header_main_area.mounjaro-header .logo_box img{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}

/* Purple links/icons */
#shopify-section-header .header_main_area.mounjaro-header a,
#shopify-section-header .header_main_area.mounjaro-header button,
#shopify-section-header .header_main_area.mounjaro-header .header_btn a,
#shopify-section-header .header_main_area.mounjaro-header .header_sidebar a{
  color: var(--mj-purple) !important;
}

/* Borders */
#shopify-section-header .header_main_area.mounjaro-header .header_btn a,
#shopify-section-header .header_main_area.mounjaro-header .hd-cart-btn a{
  border-color: var(--mj-purple) !important;
}

/* Hamburger svg override */
#shopify-section-header .header_main_area.mounjaro-header mobile-header svg path{
  stroke: var(--mj-purple) !important;
  fill: var(--mj-purple) !important;
}

/* Logo size (match medicines) */
#shopify-section-header .header_main_area.mounjaro-header .logo_box img,
#shopify-section-header .header_main_area.mounjaro-header mobile-header .logo-wrapper img{
  height: 32px !important;
  max-height: 32px !important;
  width: auto !important;
  display: block !important;
}

/* >=1280: grid layout like Medicines (logo center) */
@media (min-width: 1280px){
  #shopify-section-header .header_main_area.mounjaro-header > .standard{ display:block !important; }
  #shopify-section-header .header_main_area.mounjaro-header > mobile-header{ display:none !important; }

  #shopify-section-header .header_main_area.mounjaro-header .header_main{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center !important;
    column-gap: 16px !important;
  }

  #shopify-section-header .header_main_area.mounjaro-header .header_box:not(.logo_box):not(.hd-right){
    display: block !important;
    justify-self: start !important;
  }

  #shopify-section-header .header_main_area.mounjaro-header .logo_box{
    justify-self: center !important;
    margin: 0 !important;
  }

  #shopify-section-header .header_main_area.mounjaro-header .hd-right{
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    white-space: nowrap !important;
  }
}


/* =========================================================
   MOUNJARO ONLY: tablet login icon-only, mobile login hidden
   ========================================================= */

/* Tablet band used by your theme CSS */
@media (min-width: 699px) and (max-width: 989px){

  /* Hide logout link on tablet */
  #shopify-section-header .header_main_area.mounjaro-header .header_btn > a[href="/account/logout"]{
    display: none !important;
  }

  /* Make the first link (login/account) icon-only */
  #shopify-section-header .header_main_area.mounjaro-header .header_btn > a:first-of-type{
    font-size: 0 !important;
    line-height: 0 !important;

    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 999px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    white-space: nowrap !important;
  }

  #shopify-section-header .header_main_area.mounjaro-header .header_btn > a:first-of-type svg{
    width: 22px !important;
    height: 22px !important;
    display: block !important;
  }
}

/* Mobile band used by your theme CSS */
@media (max-width: 698px){
  /* Hide account icon in mobile-header */
  #shopify-section-header .header_main_area.mounjaro-header mobile-header a.account-btnn{
    display: none !important;
  }
}


/* =========================================================
   MOUNJARO + WEGOVY + Orlos: Announcement + Header hide/show
   (works with .mj-hidden toggled by JS)
   Put this in custom-style.css so it loads on Wegovy too.
   ========================================================= */

#mounjaro-announcement-wrap{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 2000000 !important;

  transform: translate3d(0,0,0);
  opacity: 1;
  transition: transform 240ms ease, opacity 240ms ease;
}

/* IMPORTANT: avoid double-fixed */
#mounjaro-announcement-wrap .rot-ann--fixed{
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

/* Hide wrapper */
#mounjaro-announcement-wrap.mj-hidden{
  transform: translate3d(0,-110%,0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hide the actual bar too (this fixes Wegovy when bar stays fixed) */
.rot-ann.mj-hidden{
  transform: translate3d(0,-110%,0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Header hide/show */
#shopify-section-header .header_main_area.mounjaro-header{
  transform: translate3d(0,0,0);
  transition: transform 240ms ease, opacity 240ms ease;
  opacity: 1;
}

#shopify-section-header .header_main_area.mounjaro-header.mj-hidden{
  transform: translate3d(0, calc(-100% - var(--mj-announcement-h, 0px)), 0) !important;
  pointer-events: none !important;
}

#xo-dose-template--25358751891779__trim_dose_pricing_Y3RC7U .xo-dose__title {
    font-weight:700 !important;
}

#tr-template--25364916732227__treatments_carousel_iaAJtY .tr-card__img {
    height: 250px !important;
}