/*
Theme Name: Energy Theme
Description: 
Version: 1.0.6
Author: Concepta Team
*/

*{
    padding: 0;
    margin: 0;
}
html,body{
    width: 100%;
    overflow-x: hidden;
}
a{
    text-decoration: none;
}
header{
    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: 93px;
}
header span{
    text-decoration: underline;
}
/*===========main=============*/
.main{
    display: flex;
    align-items: center;
}
.main_left{
    width: 48%;
    padding: 56px 0;
    margin:0 65px 0 160px;
}
h1{
    color: var(--Color-Black-20, #282828);

    /* H4 */
    font-family: "DM Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 95%; /* 53.2px */
    letter-spacing: -1.12px;
    margin-bottom: 24px;
}
.p1{
    color: var(--Color-Black-20, #282828);
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
}
.main_row{
    display: grid;
    row-gap: 24px;
    column-gap: 24px;
    grid-template-columns: repeat(6,1fr);
    margin:40px 0;
}
.main_row_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--Color-Black-20, #282828);
    text-align: center;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
}
.main_row_item img{
    width: 100%;
    max-width: 50px;
    margin-bottom: 12px;
}
.order{
    display: flex;
    width: 100%;
    max-width: 400px;
    min-height: 65px;
    padding: var(--Gap-Small-12, 12px) 16px;
    justify-content: center;
    align-items: center;
    gap: var(--Gap-Small-8, 8px);
    border-radius: var(--Border-radius-L, 16px);
    border: 2px solid var(--Color-Black-20, #282828);
    background: conic-gradient(from -3deg at 100% -13%, #FFA502 0deg, #FFCC48 360deg);
    color: var(--Color-Black-20, #282828);
    text-align: center;
    text-transform: uppercase;
    /* H8 */
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
    box-sizing: border-box;
}
.order img{
    margin-left: 8px;
}
.main_right{
    width: 50%;

}
.main_right img{
    width: 100%;
}
.mobile_main{
    display: none;
}
/*===========divide=============*/
.divide{
    display: flex;
    justify-content: center;
    padding: var(--Gap-XL-64, 64px) 16px;
    flex-direction: column;
    align-items: center;
    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;
}
/*===========quality=============*/
.quality{
    display: flex;
    align-items: center;
    margin-bottom: 120px;
}
.quality_left{
    width: 48%;
    flex:1 1 auto;
    margin:0 120px;
    box-sizing: border-box;
}
.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;
    margin-bottom: 40px;
}
.quality_left .title,.quality_left_row{
    max-width: 720px;
}
.quality_left_row{
    display: flex;
    align-items: center;
}
.quality_left_row{
    border-bottom: 1px solid #F6F4F3;
}
.quality_left_row_desktop{
    color: var(--Color-Black-20, #282828);

    /* H8 */
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
    padding: 32px 0;
}
.quality_left_row:last-child{
    border-bottom: 0;
    margin-bottom: 0;
}
.quality_left_row img{
    margin-right: 8px;
}
.quality_left_row_mobile{
    display: none;
}
.quality_right{
    width: 50%;
    height: calc(60vw);
    background-size: cover;
    background-position: center;
   /* background-image: url("/wp-content/themes/energy/img/Girl3.png");*/
}
.quality_right img{
    width: 100%;
    display: none;
}
/*===========compare=============*/
.compare{
    padding: 0 56px;
    margin-bottom: 80px;
}
.compare_top{
    display: none;
}
.compare table{
    width: 100%;
    max-width: 1600px;
    border-radius: 20px;
    background: var(--Color-Biege-light, #F8F5F0);
    border-collapse: collapse;
    overflow: hidden;
    margin:0 auto 56px;
}
.title_mobile{
    display: none;
}
.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 #E2CFBB;
    position: relative;
    padding: 40px 32px;
    box-sizing: border-box;
}
.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; /* Отступ слева 40px */
    background-color: #F8F5F0;
}
.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; /* Отступ слева 40px */
    background-color: #F8F5F0;
}
.compare tr:first-child td:last-child::after{
    display: none;
}
.table_img{
    display: inline-block;
    max-width: 240px;
}
.table_img2{
    max-width: 130px;
}
h3{
    color: var(--Color-Black-20, #282828);
    text-align: center;

    /* H6 */
    font-family: "DM Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
}
.compare_bottom{
    display: flex;
    justify-content: center;
    align-items: center;
}
/*===========reviews=============*/
.reviews{
    padding: 0 64px;
    margin-bottom: 80px;
}
.reviews_top{
    display: flex;
    justify-content: center;
}
.reviews_content{
    display: grid;
    row-gap: 24px;
    column-gap: 24px;
    grid-template-columns: repeat(3,1fr);
}
.reviews_item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    align-self: stretch;
    border-radius: 20px;
    background: var(--Color-Biege-light, #F8F5F0);
}
.reviews_item_top{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.reviews_left{
    margin-right: 20px;
}
.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;
}
.rate{
    display: flex;
    align-items: center;
    color: var(--Color-Black-20, #282828);
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
    letter-spacing: -0.28px;
}
.rate img{
    margin-left:8px;
}
.h4_title{
    color: var(--Color-Black-20, #282828);

    /* H8 */
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
    margin-bottom: 6px;
}
.p2{
    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-reviews{
    display: none;
}
/*===========tips=============*/
.tips_row{
    display: flex;
    align-items: center;
}
.tips_img{
    min-width: 50%;
}
.tips_content_img{
    display: none;
}
.tips_img_1,.tips_img_2,.tips_img_3{
    height: calc(70vw);
    background-position: 50% 10%;
    background-size: cover;
    background-repeat: no-repeat;
}
.tips_img_1{
    /*background-image: url("/wp-content/themes/energy/img/Girl2.webp");*/
}
.tips_img_2{
    /*background-image: url("/wp-content/themes/energy/img/Girl_runnig.webp");*/
}
.tips_img_3{
    /*background-image: url("/wp-content/themes/energy/img/Happy_guys.webp");*/
}
.tips_content{
    margin: 0 120px;
    box-sizing: border-box;
}
.tips_content h3{
    max-width: 720px;
    text-align: left;
    margin-bottom: 40px;
}
.tips_row .p1{
    font-weight: 700;
}
.tips_row ul li{
    color: var(--Color-Black-20, #282828);

    /* H8 */
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
    margin-left:40px;
}
.tips_row .order{
    margin:40px auto 0;
}
.tips_mobile_1,.tips_content_mobile{
    display: none;
}

/*===========discover=============*/
.discover{
    background: var(--Color-Biege-light, #F8F5F0);
    padding: 80px 0;
}
.discover_top{
    text-align: center;
    margin-bottom:64px;
}
.discover_mobile{
    display: none;
}
.discover_content{
    display: grid;
    row-gap: 60px;
    column-gap: 60px;
    grid-template-columns: repeat(4,1fr);
    margin-bottom: 64px;
}
.discover_content_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.discover_img{
    width: 150px;
    height:150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
}
.discover_img_1{
    /*background-image: url("/wp-content/themes/energy/img/Ellipse.webp");*/
}
.discover_img_2{
    /*background-image: url("/wp-content/themes/energy/img/Ellipse2.webp");*/
}
.discover_img_3{
    /*background-image: url("/wp-content/themes/energy/img/Ellipse3.webp");*/
}
.discover_img_4{
    /*background-image: url("/wp-content/themes/energy/img/Ellipse4.webp");*/
}
.discover_bottom{
    text-align: center;
}
/*===========boost=============*/
.boost{
    display: flex;
}
.boost_left{
    width: 48%;
    padding: 80px 0;
    margin:0 120px;

}
.boost_right{
    width: 50%;
    height: calc(60vw);
    background-size: cover;
    background-position: center;
    /*background-image: url("/wp-content/themes/energy/img/Happy_guys2.webp");*/
}
.boost_right img{
    display: none;
}
.boost_row{
    max-width: 720px;
    display: flex;
    align-items: center;
    color: var(--Color-Black-20, #282828);

    /* H8 */
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
    border-bottom: 1px solid #F6F4F3;
    padding-bottom: 24px;
    margin:24px 0;
}
.boost_row img{
    margin-right: 10px;
}
.boost_last_row{
    border:none;
}
.boost_mobile_order{
    display: none;
}
/*===========change=============*/
.change{
    background: var(--Color-Biege-light, #F8F5F0);
    padding: 80px 40px;
}
.change_top{
    text-align: center;
    margin-bottom: 64px;
}
.change_content{
    max-width: 1600px;
    display: grid;
    row-gap: 60px;
    column-gap: 60px;
    grid-template-columns: repeat(4,1fr);
    margin:0 auto;
}
.change_content_item{
    max-width: 350px;
    text-align: center;
}
.change_content_item img{
    margin-bottom: 24px;
}
.change_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: 12px;
}
/*===========product=============*/
.product{
    max-width: 1600px;
    display: flex;
    align-items: center;
    padding: 120px 40px;
    margin: 0 auto;
}
.product_sale .title{
    max-width: 640px;
    text-align: center;
}
.red_span{
    color: #DD2C2C;
}
.product_sale{
    width: 42%;
    max-width: 640px;
    margin:0 56px 0 0;
}
.product_content{
    width: 55%;
   
    flex:1 1 auto;
    display: flex;
    border: 3px solid #C9C3BA;
    border-radius: 24px;
    background: var(--Color-Biege-light, #F8F5F0);
}
.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_right_row{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.product_right_row img{
    margin-right: 8px;
}
.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;
}
/*===========faq=============*/
.faq{
    background: var(--Color-Biege-light, #F8F5F0);
    padding:0 56px 120px 56px;
}
.faq_content{
    max-width: 1600px;
    display: flex;
    margin:0 auto;
}
.faq_left{
    width: 48%;
    padding: 24px 0 0 0;
}
.faq_left .p2{
    max-width: 565px;
}
.faq_right{
    width: 50%;
    padding: 24px 0 0 0;
}
.accordeon{
    width: 100%;
    border-bottom: 1px solid #E2E0DF;
    margin-bottom: 24px;
}
.accordeon:last-child{
    border-bottom: none;
}
.accordeon_top,.accordeon_bottom{
    display: flex;
    align-items: center;
    color: var(--Color-Black-20, #282828);

    /* P1 – Bold */
    font-family: "DM Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 23.8px */
    letter-spacing: -0.34px;
    margin-bottom: 24px;
}
.accordeon_top p{
    flex: 1 1 auto;;
}
.accordeon img:hover{
    cursor: pointer;
}
.accordeon_bottom{
    display: block;
    max-height: 0;
    overflow: hidden;
    font-weight: 400;
    margin-bottom: 0;
    transition-duration: .3s;
    box-sizing: border-box;
}
.minus{
    display: none;
}
/*===========footer=============*/
footer{
    background: var(--Color-Black-20, #282828);
    padding: 64px;
}
footer .p2{
    color:#fff;
}
.footer_top,.footer_bottom{
    max-width: 1760px;
    margin:0 auto;
}
.footer_top{
    padding-bottom: 64px;
}
.footer_top img{
    margin-bottom: 24px;
}
.footer_bottom{
    border-top: 1px solid rgba(150, 148, 145, 0.40);
}
.footer_bottom{
    display: flex;
    padding: 64px 0 0 0;
}
.footer_bottom_social,.footer_bottom_links{
    display: flex;
    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:1440px){
    header,.divide{
        font-size: 32px;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        letter-spacing: -0.64px;
    }
    header{
        margin-bottom: 56px;
    }
    h1{
        font-size: 32px;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        letter-spacing: -0.64px;
        margin-bottom: 16px;
    }
    .main .p1{
        font-size: 17px;
        font-weight: 400;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
    }
    .main_row{
        column-gap: 20px;
        grid-template-columns: repeat(4,1fr);
    }
    .main_left{
        padding: 0 0 56px 0;
        margin:0 32px 0 56px;
    }
    .main .order{
        max-width: unset;
    }
    .quality{
        margin-bottom: 56px;
    }
    .quality_left{
        order: 2;
        padding: 40px 56px;
        margin:0;
    }
    .quality_left_row{
        padding: 16px 0;
    }
    .quality_left_row_mobile{
        display: inline-block;
    }
    .title{
        font-size: 32px;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        letter-spacing: -0.64px;
    }
    .quality_right{
        height: calc(72vw);
    }
    .quality_left_row,.quality_left_row_mobile{
        font-family: "DM Sans";
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: -0.34px;
    }
    .quality_left_row_desktop{
        display: none;
    }
    .compare{
        margin-bottom: 64px;
    }
    .compare_top{
        width: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .compare table{
        margin-bottom:40px;
    }
    .compare table .title{
        display: none;
    }
    .title_mobile{
        display: inline-block;
        color: var(--Color-Black-20, #282828);
        text-align: center;
        /* H6 */
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        letter-spacing: -0.64px;
    }
    .compare table img{
        max-width: 30px;
    }
    .table_img{
        max-width: 125px !important;
    }
    .table_img2{
        max-width: 70px !important;
    }
    .compare h3{
        font-size: 17px;
        font-weight: 700;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
    }
    .compare table td{
        font-size: 24px;
        font-weight: 700;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
    }
    .compare td{
        padding: 32px 24px;
    }
    .compare tr td:last-child::after,.compare tr td:first-child::before{
        content: "";
        width: 24px;
        height: 24px;
    }
    .reviews_content{
        row-gap: 20px;
        grid-template-columns: repeat(1,1fr);
    }
    .reviews_item_top{
        align-items: flex-start;
    }
    .reviews_item_top img{
        max-width: 80px;
    }
    .tips .p1{
        font-weight: 400;
    }
    .tips_content{
        margin:0 56px;
    }
    .tips_row ul li{
        font-weight: 400;
    }
    .tips_row ul li::marker{
        font-size: 16px;
    }
    .tips_mobile_1{
        display: inline-block;
    }
    .tips_mobile_1 .p1{
        font-size: 17px;
        font-weight: 400;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
    }
    .tips_desktop_1{
        display: none;
    }
    .discover{
        padding: 40px 56px;
    }
    .discover_content{
        row-gap: 40px;
        column-gap: 20px;
    }
    .discover_content .h4_title{
        font-size: 16px;
        font-weight: 400;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
    }
    .discover_bottom .h4_title{
        font-size: 17px;
        font-weight: 700;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
    }
    .discover_bottom .h4_title::before{
        content: "*";
    }
    .boost{
        flex-direction: column;
    }
    .boost_left{
        width: 100%;
        max-width: 1024px;
        order: 2;
        padding: 0;
        margin:40px auto;
    }
    .boost_right{
        width: 100%;
        max-width: 1024px;
        height: auto;
        background-image: none !important;
        margin:0 auto;
    }
    .boost_right img{
        width: 100%;
        display: inline-block;
    }
    .boost_row{
        padding: 16px 0;
        margin:0;
    }
    .boost_order{
        display: none;
    }
    .change{
        padding: 64px 40px;
    }
    .change_title{
        font-size: 20px;
        font-weight: 700;
        line-height: 120%; /* 24px */
        letter-spacing: -0.4px;
    }
    .change_content{
        row-gap: 40px;
        column-gap: 32px;
    }
    .change_content .p1{
        font-size: 14px;
        font-weight: 400;
        line-height: 160%; /* 22.4px */
        letter-spacing: -0.28px;
    }
    .product{
        flex-direction: column;
        padding: 56px 40px;
    }
    .product_sale{
        width: 100%;
        margin:0;
    }
    .product_content{
        width: 100%;
        max-width: 920px;
    }
    .faq{
        padding:64px 56px;
    }
    .faq h1{
        font-size: 40px;
        font-weight: 700;
        line-height: 120%; /* 48px */
        letter-spacing: -0.8px;
    }
    .faq_left .p2{
        display: none;
    }
}
@media(max-width:1024px){
    .main{
        flex-direction: column !important;
    }
    .main_left{
        width: 100%;
        order: 2;
        padding: 0 16px 32px 16px;
        margin: 0;
        box-sizing: border-box;
    }
    .main_right{
        display: none;
    }
    .mobile_main{
        width: 100%;
        display: inline-block;
    }
    .quality{
        flex-direction: column;
        padding: 0 16px;
        margin-bottom: 32px;
    }
    .quality .title{
        margin-bottom: 24px;
    }
    .quality_left{
        width: 100%;
        padding: 40px 56px 24px 56px;
    }
    .quality_left_row_mobile{
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -0.32px;
    }
    .quality_right{
        order: 3;
        width: 100%;
        height: auto;
        background-image: none !important;
    }
    .quality_right img{
        display: inline-block;
        border-radius: 12px;
    }
    .title{
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
    }
    .compare{
        padding: 0 16px;
        margin-bottom: 40px;
    }
    .compare table{
        margin-bottom:24px;
    }
    .compare td{
        padding: 16px 24px;
    }
    .title_mobile{
        font-size: 17px;
        font-weight: 700;
        line-height: 140%; /* 23.8px */
        letter-spacing: -0.34px;
    }
    .table_img{
        max-width: 80px !important;
    }
    .table_img2{
        max-width: 45px !important;
    }
    .compare table td{
        font-size: 14px;
        font-weight: 500;
        line-height: 160%; /* 22.4px */
        letter-spacing: -0.28px;
    }
    .compare table td{
        padding: 16px 10px;
    }
    .compare table tr td:first-child{
        padding: 16px 0 16px 24px;
    }
    .compare table tr td:last-child{
        padding: 16px 24px 16px 0;
    }
    .reviews{
        padding: 0 16px;
        margin-bottom: 40px;
    }
    .reviews_top .title{
        margin-bottom: 32px;
    }
    .reviews_content{
        display: none;
    }
    .swiper-reviews{
        display: grid;
    }
    .reviews_item{
        height: 100%;
        padding: 14px;
        box-sizing: border-box;
    }
    .name{
        font-size: 20px;
        font-weight: 700;
        line-height: 120%; /* 24px */
        letter-spacing: -0.4px;
    }
    .order{
        font-size: 16px;
        font-weight: 700;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
    }
    .tips{
        padding: 0 16px;
    }
    .tips_row{
        flex-direction: column;
    }
    .tips_img{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        background-image: none !important;
    }
    .tips_img img{
        width: 100%;
        max-width: 600px;
        border-radius: 12px;
        display: inline-block;
        margin-bottom: 24px;
    }
    .tips_content{
        width: 100%;
        max-width: 600px;
        order: 2;
        margin:0;
        margin-bottom: 32px;
    }
    .tips_content .title{
        margin-bottom: 24px;
    }
    .tips_content_img{
        width: 100%;
        display: inline-block;
        border-radius: 12px;
        margin-bottom: 24px;
    }
    .tips .p1{
        font-size: 16px;
        font-weight: 400;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
    }
    .tips_row ul li{
        font-size: 16px;
        margin-bottom: 8px;
    }
    .tips  .order{
        margin-top: 32px;
    }
    .tips_content_desktop{
        display: none !important;
    }
    .tips_content_mobile{
        display: inline-block !important;
    }
    .tips_mobile_1 .p1{
        font-size: 16px;
        font-weight: 400;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
    }
    .discover{
        padding: 32px 16px;
    }
    .discover_top{
        margin-bottom: 12px;
    }
    .discover_top .title{
        margin-bottom: 0;
    }
    .discover_content{
        grid-template-columns: repeat(1,1fr);
        margin-bottom: 0;
    }
    .discover_content .h4_title{
        font-weight: 700;
    }
    .discover_img{
        width: 110px;
        height: 110px;
    }
    .discover_img h3{
        font-size: 24px;
        font-weight: 700;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
    }
    .discover_bottom{
        display: none;
    }
    .discover_mobile{
        display: flex;
        justify-content: center;
        color: var(--Color-Black-20, #282828);
        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;
        margin-bottom: 32px;
    }
    .boost{
        padding: 0 16px;
    }
    .boost_left{
        margin:40px 0 24px;
    }
    .boost_row{
        font-size: 16px;
        font-weight: 400;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
    }
    .boost_row:last-of-type{
        padding-bottom: 0;
    }
    .boost_right{
        order: 3;
    }
    .boost_right img{
        border-radius: 12px;
    }
    .boost_mobile_order{
        order: 4;
        display: flex;
        justify-content: center;
        margin:24px 0 40px;
    }
    .change{
        padding: 40px 16px;
    }
    .change_top{
        margin-bottom: 0;
    }
    .change_top .title{
        margin-bottom: 32px;
    }
    .change_content{
        grid-template-columns: repeat(1,1fr);
    }
    .change_content_item{
        width: 100%;
        max-width: unset;
    }
    .change_content_item img{
        max-width: 80px;
    }
    .product_sale .title{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .faq{
        padding: 40px 16px;
    }
    .faq h1{
        margin-bottom: 32px;
    }
    .faq_content{
        flex-direction: column;
    }
    .faq_left,.faq_right{
        width: 100%;
    }
    .faq_left,.accordeon,.accordeon:last-child{
        border-bottom:  1px solid var(--Color-White-60, #8F8C8A);
    }
    .accordeon_top p{
        margin-right: 20px;
    }
}
@media(max-width:860px){
    .product{
        padding: 40px 16px;
    }
    .product_sale .title{
        margin-bottom: 32px;
    }
    .product_content{
        max-width: 600px;
        flex-direction: column;
    }
    .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_right_row img{
        max-width: 24px;
    }
    .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;
    }
}
@media(max-width:768px){
    header{
        text-align: left;
        font-size: 16px;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
        padding: 8px 16px;
        margin-bottom: 32px;
    }
    .main+.divide{
        margin-bottom: 40px;
    }
    .divide{
        font-size: 24px;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
        padding: 32px 16px;
    }
    
    h1{
        margin-bottom: 24px;
    }
    .main_row{
        column-gap: 16px;
        margin:24px 0;
    }
    .main_row_item{
        font-size: 13px;
        font-weight: 400;
        line-height: 150%; /* 19.5px */
        letter-spacing: -0.26px;
    }
    .main_row_item span{
        display: none;
    }
    .quality_left{
        padding: 0 0 24px;
    }
    .quality_left_row{
        align-items: start;
    }
    .quality_left_row img{
        position: relative;
        top:-6px;
    }
    .compare_top .title{
        margin-bottom: 24px;
    }
    .compare h3{
        font-size: 14px;
        font-weight: 700;
        line-height: 160%; /* 22.4px */
        letter-spacing: -0.28px;
    }
    .compare table img{
        max-width: 25px;
    }
    .reviews_item_top img{
        max-width: 50px;
    }
    .reviews_item .h4_title{
        font-size: 16px;
        font-weight: 700;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
    }
    .reviews_item .p2{
        font-size: 14px;
        line-height: 160%; /* 22.4px */
        letter-spacing: -0.28px;
    }
    footer{
        padding: 64px 16px;
    }
    .footer_top{
        padding-bottom: 64px;
    }
    .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;
    }
}