/*
Theme Name: LP Magnesium
Description: 
Version: 1.0.6
Author: Concepta Team
*/
*{
    padding: 0;
    margin:0;
}
html,body{
    width: 100%;
    overflow-x: hidden;
}
a{
    text-decoration: none;
}
.container{
    margin:0 auto;
}
header{
    position: relative;
    padding: var(--Gap-Large-40, 40px) 16px;
    gap: var(--Gap-Small-8, 8px);
    align-self: stretch;
    background-color: #282828;
    color: var(--Color-White-100, #FFF);
    text-align: center;

    /* H5 */
    font-family: "DM Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
    margin-bottom: 64px;
}
header span{
    
    text-decoration: underline;
}
header span:hover{
    cursor: pointer;
}
.copy{
    position: relative;
}
.copy_text{
    width: max-content;
    text-decoration: none;
    display: none;
    position: absolute;
    top:0;
    left:50%;
    padding: 5px;
    font-family: "DM Sans";
    font-size: 14px;
    line-height: 100%;
    background-color: rgba(203, 203, 226, 0.8);
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 5px;
    z-index: 10;
}
/*===========main=============*/
.main{
    max-width: 1760px;
    display: flex;
    align-items: center;
    margin: 0 auto 12px;
}
.main_left{
    width: 50%;
    max-width: 820px;
    margin:0 80px;
}
.main_subtitle{
    color: var(--Color-Water, #3870CA);
    /* H6 */
    font-family: "DM Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
    margin-bottom: 16px;
}
.title{
    color: var(--Color-Black-20, #282828);

    /* H5 */
    font-family: "DM Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
    text-transform: capitalize !important;
    margin-bottom: 16px;
}
.p1{
    color: var(--Color-Black-20, #282828);
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: -0.4px;
    margin-bottom: 32px;
}

.main_right{
    width: 50%;
    max-width: 815px;
}
.main_right img{
    width: 100%;
}
.order{
    display: flex;
    width: 100%;
    height: 56px;
    padding: var(--Gap-Small-16, 16px) var(--Gap-Middle-24, 24px);
    justify-content: center;
    align-items: center;
    gap: var(--Gap-Small-12, 12px);
    border-radius: var(--Border-radius-Absolute, 200px);
    background: var(--Color-Black-20, #282828);
    color: var(--Color-White-100, #FFF);
    text-align: center;
    /* P1 – Bold */
    font-family: "DM Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 23.8px */
    text-transform: uppercase;
    letter-spacing: -0.34px;
    box-sizing: border-box;
}
/*============small_features=============*/
.small_features{
    background: var(--Color-Sky, #D2E5F7);
    padding: 32px 120px;
}
.small_features_container{
    max-width: 1160px;
    display: grid;
    row-gap: 32px;
    column-gap: 66px;
    grid-template-columns: repeat(6,1fr);
    margin:0 auto;
}
.small_features_item{
    max-width: 155px;
    align-self: start !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--Color-Black-20, #282828);
    text-align: center;

    /* P1 – Bold */
    font-family: "DM Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 23.8px */
    letter-spacing: -0.34px;
}
.small_features_item img{
    max-width: 100px;
    margin-bottom: 16px;
}
.sugar{
    max-width: 135px !important;
    margin-bottom: -19px !important;
    position: relative;
    top:-17px;
}
/*===========description=============*/
.description_row{
    display: flex;
    align-items: center;
}
.description_img{
    min-width: 50%;
    height: calc(60vw);
    background-size: cover;
    background-position: center;
}
.description_img_1{
    background-image: url("img/product_image_1.webp");
}
.description_img_2{
    background-image: url("img/product_image_2.webp");
}
.description_img img{
    display: none;
}
.description_content{
    max-width: 800px;
    margin:0 80px;
}
.description_content img{
    display: none;
}
.description_content .order{
    max-width: 450px;
}
.description_content .order img{
    display: inline-block;
}
.description_row .title{
    margin-bottom: 40px;
}
.description_row p{
    color: var(--Color-Black-20, #282828);
    /* H8 */
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.4px;
    margin-bottom: 16px;
}
.description_content .order{
    margin-top:40px;
}
.description_content_mobile,.description_content_mobile_2{
    display: none;
}
/*============nutrients=============*/
.nutrients{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--Color-Sky, #D2E5F7);
    padding: 32px 160px;
}
.nutrients_top{
    text-align: center;
}
.nutrients_top .title{
    margin-bottom: 40px;
}
.nutrients img{
    width: 100%;
    max-width: 900px;
}
.nutrients_mobile{
    display: none;
}
/*============imagine=============*/
.imagine{
    padding: 64px 160px;
}
.imagine_top{
    text-align: center;
    margin-bottom: 40px;
}
.imagine_content{
    max-width: 1600px;
    display: grid;
    row-gap: 24px;
    column-gap: 24px;
    grid-template-columns: repeat(5,1fr);
    margin:0 auto 40px;
}
.imagine_content_item {
    max-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.imagine_content_item img{
    max-width: 80px;
    margin-bottom: 24px;
}
.imagine_item_title{
    color: var(--Color-Black-20, #282828);
    text-align: center;

    /* H7 */
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.48px;
    margin-bottom: 16px;
}
.imagine_content_item p{
    color: var(--Color-Black-20, #282828);
    text-align: center;
    /* P2 */
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.32px;
}
.imagine .order{
    max-width: 450px;
    margin:0 auto;
}
/*===========faq=============*/
.faq{
    padding: 0 160px 64px;
}
.faq .container{
    max-width: 1760px;
    display: grid;
    row-gap: 24px;
    column-gap: 24px;
    grid-template-columns: repeat(3,1fr);
}
.faq_item{
    border-radius: 30px;
    background: var(--Color-Sky-light, #F3F7FB);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding: 20px;
}
.faq_item_top{
    color: var(--Color-White-100, #FFF);
    border-radius: var(--Border-radius-M, 8px);
    background: var(--Color-Water, #3870CA);
    /* P2 – Bold */
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: -0.32px;
    padding: 6px;
    margin-bottom: 16px;
    box-sizing: border-box;
}
h4{
    color: var(--black-20, #282828);
    /* H7 */
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.48px;
    margin-bottom: 8px;
}
.faq_item p{
    color: var(--Color-Black-20, #282828);
    /* P1 */
    font-family: "DM Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
    letter-spacing: -0.34px;
}
.swiper-faq{
    display: none;
}
.swiper-pagination-bullet{
    background-color:#fff;
    border: 2px solid #8F8C8A !important;
}
.swiper-pagination-bullet-active{
    background-color: #8F8C8A;
}
/*===========compare=============*/
.compare{
    padding: 0 64px 64px;
}
.compare_top{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.compare table{
    width: 100%;
    max-width: 1600px;
    border-radius: 20px;
    background: var(--Color-Sky-light, #F3F7FB);
    border-collapse: collapse;
    overflow: hidden;
    margin:0 auto 40px;
}
.compare h3{
    max-width: 500px;
    color: var(--Color-Black-20, #282828);
    text-align: center;

    /* H5 */
    font-family: "DM Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}
.compare td{
    color: var(--Color-Black-20, #282828);

    /* H5 */
    font-family: "DM Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
    text-align: center;
    border-bottom: 0.7px solid #D2E5F7;
    position: relative;
    padding: 52px 40px;
    box-sizing: border-box;
}
.title_mobile{
    color: var(--Color-Black-20, #282828);
    text-align: left;

    /* H3 */
    font-family: "DM Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 95%; /* 53.2px */
    letter-spacing: -1.12px;
}
.compare tr:last-child td{
    border: none;
}
.compare tr td:first-child{
    max-width: 510px;
    text-align: left;
    margin-left:40px;
}
.compare tr td:first-child::before{
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -1px;
    left: 0px; 
    background-color: #F3F7FB;
}
.compare tr:first-child td:first-child::before{
    display: none;
}
.compare tr td:last-child::after{
    content: "";
    width: 40px;
    height:40px;
    position: absolute;
    bottom: -1px;
    right: 0px; 
    background-color: #F3F7FB;
}
.compare tr:first-child td:last-child::after{
    display: none;
}
.table_img{
    display: inline-block;
    max-width: 280px;
}
.table_img2{
    max-width: 170px;
}
.compare_bottom{
    display: flex;
    justify-content: center;
    align-items: center;
}
.compare .order{
    max-width: 450px;
}
/*===========energize=============*/
.energize{
    display: flex;
    align-items: center;
    padding: 64px 0;
}
.energize_left{
    width: 40%;
    margin:0 40px 0 160px;
}
.energize_right{
    width: 60%;
    display: flex;
    align-items: center;
    position: relative;
}
.energize_right_content{
    width: 50%;
    flex:1 1 auto;
}
.energize_right_img{
    display: inline-block;
    max-width: 50%;
    height: 100% !important;
    object-fit: cover;
}
.energize_item{
    width: fit-content;
    display: flex;
    align-items: center;
    border-radius: 23.156px;
    background: var(--Color-Sky-light, #F3F7FB);
    color: var(--black-20, #282828);
    font-family: "DM Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
    padding: 16px 26px;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.energize_item:last-child{
    margin-bottom: 75px;
}
.energize_item img{
    margin-right: 21px;
}
/*===========media=============*/
.reviews{
    padding: 48px 0;
}
.reviews .title{
    max-width: 500px;
    text-align: center;
    margin:0 auto 40px;
}
.reviews_content{
    display: flex;
    align-items: center;
}
.reviews_item_top{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.reviews_item_top_left img{
    max-width: 90px;
    border-radius: 50%;
    margin-right: 16px;
}
.reviews_content_left{
    width: 50%;
    padding: 0 32px 0 160px;
}
.reviews_left_item{
    border-bottom: 1px solid #E2E0DF;
    padding-bottom: 24px;
    margin-bottom: 24px;
}
.reviews_left_item:last-child{
    border:none;
    padding: 0;
    margin:0;
}
.reviews_rate{
    display: flex;
    align-items: center;
    color: var(--Color-Black-20, #282828);

    /* P1 – Bold */
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
    }
.reviews_rate img{
    max-width: 20px;
    margin-left:8px;
}
.review_title{
    color: var(--Color-Black-20, #282828);

    /* H7 */
    font-family: "DM Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
    margin-bottom: 8px;
}
.review_content{
    color: var(--Color-Black-20, #282828);

    /* P1 */
    font-family: "DM Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 23.8px */
    letter-spacing: -0.34px;
}
.review_name{
    color: var(--Color-Black-20, #282828);
    /* H7 */
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.48px;
    margin-bottom: 8px;
}
.reviews_content_right{
    width: 50%;
    display: grid;
    row-gap: 16px;
    column-gap: 16px;
    grid-template-columns: repeat(2,1fr);
    padding-right: 160px;
}
.reviews_right_item img{
    display: none;
    width: 100%;
}
.reviews_right_item {
    max-width: 385px;
    height: calc(44vh);
    background-size: cover;
    background-position: center;
    border-radius: 24px;
}
.reviews_img1{
    background-image: url("img/reviews11.webp");
}
.reviews_img2{
    background-image: url("img/reviews21.webp");
}
.reviews_img3{
    background-image: url("img/reviews31.webp");
}
.reviews_img4{
    background-image: url("img/reviews41.webp");
}
.reviews_img5{
    background-image: url("img/reviews51.webp");
}
.reviews_img6{
    background-image: url("img/reviews61.webp");
}
.reviews_title_mobile,.reviews_rate_mobile{
    display: none;
}
/*===========product=============*/
.product{
    max-width: 1600px;
    display: flex;
    align-items: center;
    padding: 64px 80px;
    margin: 0 auto;
}
.product h3{
    display: flex;
    flex-direction: column;
    color: var(--Color-Black-20, #282828);
    text-align: center;
    /* H5 */
    font-family: "DM Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
    margin-bottom: 0;
}
.product_sale .title{
    max-width: 640px;
    text-align: center;
}
.red_span{
    color: #DD2C2C;
}
.product_sale{
    width: 35%;
    max-width: 640px;
    margin:0 56px 0 0;
}
.product_content{
    width: 60%;
   
    flex:1 1 auto;
    display: flex;
    border: 3px solid #3870CA;
    border-radius: 24px;
    background: var(--Color-Sky-light, #F3F7FB);
}

.product_content_left{
    width: 100%;
    max-width: 380px;
}
.product_content_left img{
    width: 100%;
}
.product_content_right{
    padding: 20px;
}
.product_content h3{
    margin-bottom: 24px;
}
.product_content_right h3{
    text-align: left;
    font-size: 32px;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
}
.product_right_row{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.product_right_row img{
    margin-right: 16px;
}
.product_right_row p{
    color: var(--Color-Black-20, #282828);

    /* P1 */
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: -0.4px;
}
.product_content_bottom{
    display: grid;
    column-gap: 12px;
    grid-template-columns: repeat(2,1fr);
    margin-top: 20px;
}
.product_bottom_item{
    max-width: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--Color-Black-30, #3D3A37);
    text-align: center;

    /* P3 */
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: -0.28px;
}
.product_bottom_item img{
    max-width: 50px;
    margin-bottom: 8px;
}
.product .order{
    max-width: unset;
}
/*===========footer=============*/
footer{
    background: var(--Color-Black-20, #000);
    padding: 0 80px;
}
.footer_bottom{
    display: flex;
    padding: 96px 0;
    border-top: 1px solid rgba(150, 148, 145, 0.40);
}
.footer_bottom_social{
    display: none;
}
.footer_bottom_links{
    display: flex;
    flex:1 1 auto;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.footer_bottom_social{
    flex:1 1 auto;
}
.footer_bottom_social img{
    margin-right: 25px;
}
.footer_bottom_item{
    color: var(--Color-White-100, #FFF);
    text-align: right;
    font-family: "DM Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 27.2px */
    margin-left:32px;
}
/*============media=============*/
@media(max-width:1640px){
    .imagine{
        padding: 64px 56px;
    }
    .faq{
        padding: 0 56px 48px;
    }
    .energize_left{
        margin:0 40px 0 56px;
    }
    .reviews_content_left{
        padding: 0 32px 0 64px;
    }
    .reviews_content_right{
        padding-right: 64px;
    }
}
@media(max-width:1440px){
    header{
        font-size: 32px;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        letter-spacing: -0.64px;
        padding: 28px 16px;
        margin-bottom: 56px;
    }
    .main_left{
        margin: 0 5px 0 48px;
    }
    .main_subtitle{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 24px */
        letter-spacing: -0.4px;
    }
    .main .title{
        margin-bottom: 16px;
    }
    .title{
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        letter-spacing: -0.64px;
    }
    .p1{
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
        margin-bottom: 20px;
    }
    .main .p1 b{
        font-weight: 400;
    }
    .order{
        max-width: 400px;
    }
    .small_features_container{
        column-gap: 32px;
    }
    .small_features_item{
        justify-self: center;
        max-width: 96px;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 16.8px */
        letter-spacing: -0.24px;
    }
    .small_features_item img{
        max-width: 53px;
        margin-bottom: 8px;
    }
    .sugar{
        max-width: 75px !important;
        margin-bottom: -13px !important;
        position: relative;
        top:-10px;
    }
    .description_content_desktop{
        display: none;
    }
    .description_content_mobile{
        display: inline-block;
    }
    .description_content .title,.nutrients_top .title,.imagine_top .title,.energize .title,.reviews .title{
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
        margin-bottom: 32px;
    }
    .description_content p{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
        margin-bottom: 8px;
    }
    .description_content{
        margin:0 56px;
    }
    .nutrients{
        padding: 24px 56px;
    }
    .nutrients_top .title{
        margin-bottom: 24px;
    }
    .imagine{
        padding: 48px 56px;
    }
    .imagine_top{
        margin-bottom: 32px;
    }
    .imagine_content{
        grid-template-columns: repeat(1,1fr);
        margin:0 auto 37.5px;
    }
    .imagine_content_item {
        max-width: unset;
        flex-direction: row;
    }
    .imagine_content_item img{
        max-width: 80px;
        margin:0 24px 0 0;
    }
    .imagine_item_title{
        text-align: left;
    }
    .imagine_content_item p{
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
        text-align: left;
    }
    .imagine .order{
        max-width: 320px;
    }
    .faq{
        padding: 0 48px 48px;
    }
    h4{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 24px */
        letter-spacing: -0.4px;
    }
    .faq_item{
        padding: 16px;
    }
    .faq_item  p{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
    }
    .compare{
        padding: 48px;
    }
    .compare_top{
        width: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin-bottom: 24px;
    }
    .compare h3{
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        letter-spacing: -0.64px;
    }
    .compare table{
        margin-bottom:40px;
    }
    .compare table .title{
        display: none;
    }
    .compare table img{
        max-width: 40px;
    }
    .title_mobile{
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        letter-spacing: -0.64px;
    }
    .table_img{
        max-width: 112px !important;
    }
    .table_img2{
        max-width: 83px !important;
    }
    .compare table h3{
        font-size: 17px;
        font-weight: 700;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
    }
    .compare table td{
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
    }
    .compare td{
        padding: 24px;
    }
    .compare table tr:nth-child(2) td{   
        padding: 32px 24px 24px;
    }
    .compare table tr:last-of-type td{   
        padding: 24px 24px 32px;
    }
    .compare tr td:last-child::after,.compare tr td:first-child::before{
        content: "";
        width: 24px;
        height: 24px;
    }
    .compare .order{
        max-width: 320px;
    }
    .energize{
        padding:48px 0;
    }
    .energize .title{
        max-width: 350px;
    }
    .energize_item{
        
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
        padding: 8px 16px;
        margin-bottom: 32px;
    }
    .energize_item:last-child{
        margin-bottom: 0;
    }
    .energize_item img{
        max-width: 30px;
    }
    .reviews_right_item {
        max-width: 385px;
        height: calc(30vh);
        border-radius: 16px;
    }
    .reviews_content_left{
        padding: 0 42px 0 56px;
    }
    .reviews_item_top_left img {
        max-width: 50px;
    }
    .reviews_rate{
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 21px */
        letter-spacing: -0.28px;
    }
    .reviews_rate img{
        max-width: 12px;
    }
    .review_title{
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
        margin-bottom: 6px;
    }
    .review_name{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 24px */
        letter-spacing: -0.4px;
        margin-bottom: 10px;
    }
    .review_name{
        font-weight: 700;
    }
    .review_content{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 22.4px */
        letter-spacing: -0.28px;
    }
    .reviews_content_right{
        padding:0 56px 0 0;
    }
    .product{
        flex-direction: column;
        padding: 56px 64px;
    }
    .product_sale{
        width: 100%;
        margin:0 0 24px 0;
    }
    .product_content{
        width: 100%;
        max-width: 1000px;
    }
    .product_sale .title{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .product h3{
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
    }
    .product_content p{
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
    }
    .product_right_row img{
        max-width: 20px;
        margin-right: 16px;
    }
    .product_content_bottom{
        margin-top: 16px;
    }
    footer{
        padding: 0 56px;
    }
    .footer_bottom_social{
        display: flex;
        align-items: center;
    }
    .footer_bottom_links{
        display: flex;
        flex:0 0 auto;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .footer_bottom_social{
        flex:1 1 auto;
    }
}
@media(max-width:1224px){
    .small_features_container{
        column-gap: 32px;
        align-items: center;
    }
    .small_features_item{
        align-self: center;
        max-width: 96px;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 16.8px */
        letter-spacing: -0.24px;
    }
    .small_features_item img{
        max-width: 53px;
        margin-bottom: 8px;
    }
    
}
@media(max-width:1024px){
    .main{
        flex-direction: column;
        padding: 0 16px 40px 16px;
    }
    .main_left{
        width: 100%;
        max-width: 600px;
        order:2;
        margin:0;
    }
    .title{
        font-size: 24px;
        font-weight: 700;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
    }
    .main .title,.main_subtitle{
        margin-bottom: 12px;
    }
    .p1{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
        margin-bottom: 24px;
    }
    .main .p1 b{
        font-weight: 900;
    }
    .order{
        text-transform: capitalize !important;
    }
    .main_right{
        width: 100%;
        max-width: 600px;
        margin-bottom: 24px;
    }
    .small_features{
        padding: 20px 16px;
        margin-bottom: 40px;
    }
    .small_features_container{
        row-gap: 20px;
        column-gap: 12px;
        grid-template-columns: repeat(3,1fr);
    }
    .small_features_item{
        max-width: 155px;
        font-family: "DM Sans";
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
    }
    .small_features_item img{
        max-width: 100px;
    }
    .sugar{
        max-width: 135px !important;
        margin-bottom: -27px !important;
        position: relative;
        top:-17px;
    }
    .description{
        padding: 40px 16px;
    }
    .description_row{
        flex-direction: column;
        margin-bottom: 24px;
    }
    .description_row:last-child{
        margin-bottom: 0;
    }
    .description_content_desktop_2{
        display: none;
    }
    .description_content_mobile_2{
        display: inline-block;
    }
    .description_content{
        width: 100%;
        max-width: 490px;
        order: 2;
        margin:0 0 8px 0;
    }
    .description_content .title{
        text-align: center;
        margin-bottom: 24px;
    }
    .description_content img,.description_img img{
        width: 100%;
        display: inline-block;
        border-radius: var(--Border-radius-L, 16px);
        margin-bottom: 24px;
    }
    .description_img{
        max-width: 490px;
    }
    .description_content p{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
        margin-bottom: 16px;
    }
    .description_content .order{
        max-width: unset;
    }
    .description_content .order img{
        width: auto;
        margin-bottom: 0;
    }
    .description_img{
        height: auto;
        background-image: none !important;
    }
    .description_img_1{
        display: none;
    }
    .description_content .order{
        margin-top: 24px;
    }
    .nutrients{
        padding: 20px 16px;
    }
    .nutrients_top .title{
        margin-bottom: 24px;
    }
    .faq{
        padding: 0 16px 60px;
        box-sizing: border-box;
    }
    .faq .container{
        display: none;
    }
    .swiper-faq{
        display: grid;
        align-items: stretch !important; 
        position: relative;
    }
    .swiper-faq .swiper-slide{
        display: flex;
    }
    .swiper-pagination{
     
        bottom:-30px !important;
    }
    .faq_item{
        flex:1 1 auto;
    }
    .compare{
        padding: 40px 16px;
    }
    .compare h3{
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
    }
    .compare table{
        margin-bottom:24px;
    }
    .title_mobile{
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
    }
    .compare td{
        padding: 16px 24px;
    }
    .table_img{
        max-width: 83px !important;
    }
    .table_img2{
        max-width: 50px !important;
    }
    .compare table h3,.compare table td{
        font-size: 14px;
        font-weight: 500;
        line-height: 160%; /* 22.4px */
        letter-spacing: -0.28px;
    }
    .compare table h3{
        font-weight: 700;
    }
    .compare table img{
        max-width: 24px;
    }
    .compare table td{
        padding: 16px 10px;
    }
    .compare table tr:nth-child(2) td{   
        padding: 16px 24px 24px;
    }
    .compare table tr:last-of-type td{   
        padding: 24px 24px 16px;
    }
    .compare table tr td:first-child{
        padding: 16px 0 16px 24px;
    }
    .compare table tr td:last-child{
        padding: 16px 24px 16px 0;
    }
    .energize{
        flex-direction: column;
        padding: 20px 0;
    }
    .energize_left,.energize_right{
        width: 100%;
        
    }
    .energize_left{
        display: flex;
        justify-content: center;
        text-align: center;
        margin:0;
    }
    .energize_left .title{
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    .energize_right_img{
        width: calc(45vw);
        right:0;
    }
    .energize_item{
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 21px */
        letter-spacing: -0.28px;
        padding: 6px 10px;
        margin:0 0 24px 19px;
    }
    .energize_item img{
        max-width: 50px;
    }
    .energize_item{
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        letter-spacing: -0.64px;
        padding: 16px 26px;
        margin-bottom: 40px;
        box-sizing: border-box;
    }
    .energize_item:last-child{
        margin-bottom: 0;
    }
    .reviews{
        padding: 40px 16px;
    }
    .reviews .title{
        margin-bottom: 24px;
    }
    .reviews_title_mobile .title{
        display: inline-block;
        margin-bottom: 24px;
    }
    .reviews_title_mobile{
        display: flex;
        justify-content: center;
    }
    .reviews_content{
        flex-direction: column;
    }
    .reviews_content_left,.reviews_content_right{
        width: 100%;
    }
    .review_name{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 24px */
        letter-spacing: -0.4px;
        margin-bottom: 8px;
    }
    .reviews_content_left{
       margin-bottom: 24px;
    }
    .reviews_content_right{
        row-gap: 6px;
        column-gap: 6px;
        padding: 0;
        order: 2;
    }
    .reviews_rate{
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
    }
    .review_title{
        margin-bottom: 8px;
    }
    .reviews_left_item{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .reviews_right_item{
        max-width: unset;
        height: calc(65vw);
    }
    .product{
        padding: 40px 16px;
    }
    .product_sale .title{
        margin-bottom: 32px;
    }
    .product_content{
        max-width: 600px;
        flex-direction: column;
    }
    .product_content_left img{
        margin-bottom: -20px;
    }
    .product_content_right{
        padding: 0 20px 20px;
    }
    .product_content_left{
        width: 100%;
        max-width: unset;
        display: flex;
        justify-content: center;
    }
    .product_content_left img{
        width: 100%;
        max-width: 330px;
    }
    .product_content h3{
        text-align: left;
    }
    .product_right_row{
        align-items: start;
    }
    .product_content .p2{
        font-size: 14px;
        font-weight: 400;
        line-height: 160%; /* 22.4px */
        letter-spacing: -0.28px;
    }
    .product_content .order{
        margin:0 auto;
    }
    .product_content_bottom{
        margin-top: 16px;
    }
    .product_bottom_item{
        font-size: 12px;
        font-weight: 400;
        line-height: 150%; /* 18px */
        letter-spacing: -0.24px;
    }
    .product_content_right h3{
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
    }
    .product_right_row p{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
    }
    footer{
        padding: 0 16px;
    }
    .footer_bottom{
        padding: 64px 0;
    }
}
@media(max-width:768px){
    header{
        text-align: left;
        font-size: 16px;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
        padding: 12px 16px;
        margin-bottom: 24px;
    }
    .small_features_item{
        max-width: 100px;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 18px */
        letter-spacing: -0.24px;
    }
    .small_features_item img{
        max-width: 50px;
    }
    .sugar{
        max-width: 73px !important;
        margin-bottom: -15px !important;
        position: relative;
        top:-10px;
    }
    .imagine{
        padding: 40px 16px
    }
    .imagine_top{
        margin-bottom: 24px;
    }
    .imagine_content{
        margin:0 auto 24px;
    }
    .imagine_content_item img{
        max-width: 50px;
        margin:0 16px 0 0;
    }
    .imagine_item_title{
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
        margin-bottom: 8px;
    }
    .imagine_content_item p{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 22.4px */
        letter-spacing: -0.28px;
    }
    .imagine .order,.compare .order{
        text-transform: uppercase !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
    }
    .faq_item_top,.faq_item p{
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%; /* 22.4px */
        letter-spacing: -0.28px;
    }
    
    .faq_item p{
        font-weight: 400;
    }
    .energize_item{
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 18px */
        letter-spacing: -0.24px;
        border-radius: var(--Border-radius-M, 8px);
        padding: 8px 12px;
        margin-bottom: 24px;
    }
    .energize_item img{
        max-width: 20px;
        margin-right: 8px;
    }
    .energize_item:last-child{
        margin-bottom: 0;
    }
    .reviews_right_item{
        max-width: unset;
        height: calc(45vw);
    }
    .footer_bottom,.footer_bottom_links{
        flex-direction: column;
    }
    .footer_bottom_social{
        margin-bottom: 40px;
    }
    .footer_bottom_links{
        align-items: start;
    }
    .footer_bottom_item{
        margin:0 0 8px 0;
    }
    .footer_bottom_social{
        display: none;
    }
}
@media(max-width:480px){
    .nutrients_desktop{
        display: none;
    }
    .nutrients_mobile{
        display: inline-block;
    }
    .energize_right_content{
        width: 100%;
        background-position: right;
        background-size: 50%;
        background-repeat: no-repeat;
        background-image: url("img/hand.webp");
    }
    .energize_right_img{
        display: none;
        width: calc(70vw);
        background-position: center;
        background-size: cover;
    }
    
}