@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


@font-face {
    font-family: "Revx";
    src: local("Revx"),
    url("../font/RevxNeueDemo-Regular.woff2") format("woff2");
}
@font-face {
    font-family: 'RevxNeueDemo-SemiBold';
    src: local("Revx"),
    url("../font/RevxNeueDemo-SemiBold.woff2") format("woff2");
}


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
li{
    list-style-type: none;
}
input, textarea, button{
    border: none;
    outline: none;
}
img{
    max-width: 100%;
}
body{
    font-size: 16px;
    font-family: Inter, sans-serif;
    color: #2f2f2f;
}

.container{
    padding: 0 15px;
    margin: auto;
}
.section{
    padding: 30px 0;
}
.title{
    font-size: 35px;
}
.head{
    padding: 8px 0;
    background: #ecf5ff;
}
.head__container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.head__top{
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}

/* Header Language Switcher */
.header__lang-switcher {
    position: relative;
    margin-left: auto;
}

/* Mobile language switcher in head__top */
.header__lang-switcher--mobile {
    /*margin-left: auto;*/
    /*margin-right: 15px;*/
    order: 1;
    display: none; /* Hidden by default, shown on mobile */
}

/* Show mobile switcher on mobile, hide desktop switcher */
@media screen and (max-width: 1280px) {
    .head__menu .header__lang-switcher:not(.header__lang-switcher--mobile) {
        display: none !important;
    }
    
    .header__lang-switcher--mobile {
        display: block !important;
    }
}

.lang-switcher__trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 4px;
}

.lang-switcher__trigger:hover {
    background: rgba(42, 155, 160, 0.5);
}

.lang-switcher__icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #2a9ba0;
    display: inline-block;
    position: relative;
    flex-shrink: 0;
}

.lang-switcher__icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.lang-switcher__icon:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-sizing: border-box;
}

.lang-switcher__current {
    font-weight: bold;
    color: #2a9ba0;
    font-size: 14px;
}

.lang-switcher__dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 180px;
    display: none;
    flex-direction: column;
    overflow: hidden;
    z-index: 10000;
    cursor: pointer;
}

.lang-switcher__dropdown.open {
    display: flex;
}

.lang-switcher__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: all 0.2s;
    color: #2f2f2f;
}

.lang-switcher__item:hover {
    background: #f5f5f5;
}

.lang-switcher__item.active {
    background: #ecf5ff;
    color: #2a9ba0;
}

.lang-switcher__item.active .lang-switcher__code {
    font-weight: bold;
    color: #2a9ba0;
}

.lang-switcher__code {
    font-weight: bold;
    min-width: 30px;
    font-size: 14px;
}

.lang-switcher__name {
    font-size: 14px;
    flex: 1;
}

/* Mobile styles */
@media screen and (max-width: 767px) {
    .lang-switcher__dropdown {
        right: 0;
        left: auto;
    }
}

/* Desktop styles */
@media screen and (min-width: 768px) {
    .header__lang-switcher:hover .lang-switcher__dropdown {
        display: flex;
    }
    
    .lang-switcher__trigger {
        padding: 6px 10px;
    }
    
    /* Keep dropdown open when hovering over it */
    .lang-switcher__dropdown:hover {
        display: flex !important;
    }
}
.head__logo{
    max-width: 150px;
    width: 100%;
}
.head__mobile-btn.active .head__menu-open{
    display: none;
}
.head__mobile-btn.active .head__menu-close{
    display: block;
}

.head__mobile-btn{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-direction: column;
    position: absolute;
    right: 80px;
}
.head__menu-open{
    position: relative;
    height: 2px;
    width: 40px;
    background: #000;
    pointer-events: none;
}
.head__menu-open:before, .head__menu-open:after{
    content: '';
    position: absolute;
    right: 0;
    background: #000;
    height: 2px;
    border-radius: 10px;
}
.head__menu-open:before{
    top: -10px;
    width: 20px;
}
.head__menu-open:after{
    width: 30px;
    bottom: -10px;
}
.head__menu-close{
    position: relative;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: none;
    pointer-events: none;
}
.head__menu-close:before, .head__menu-close:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
}

.head__menu-close:before{
    top: 18px;
    left: 2px;
    transform: rotateZ(45deg);
}
.head__menu-close:after{
    top: 18px;
    left: 2px;
    transform: rotateZ(-45deg);
}


.head__menu.show{
    display: flex;
    flex-direction: column;
    font-size: 25px;
    padding: 50px 0;
    width: 90%;
}
.head__menu{
    display: none;
    font-family: Revx, sans-serif;
}
.menu{
    display: none;
    flex-direction: column;
    /*width: 50%;*/
    margin: auto;
    text-align: center;
}
.menu__item{
    padding: 25px 0;
    width: 100%;
    border-bottom: 1px solid #CFD8E0;
    color: #2F2F2F;
    text-decoration: none;
}
.menu__item:last-child{
    border: none;
}
.menu__title{

}
.menu__sub-list.open{
    display: flex;
    flex-direction: column;
}
.menu__sub-list{
    display: none;
}

/* Desktop hover for submenu */
@media screen and (min-width: 768px) {
    .sub-btn {
        position: relative;
    }
    
    .head__menu {
        position: relative;
    }
    
    .sub-btn:hover ~ .menu__sub-list,
    .menu__sub-list.open {
        display: flex;
        flex-direction: column;
    }
    
    .sub-btn:hover .sub-arrow,
    .sub-btn .sub-arrow.open {
        transform: rotateZ(180deg);
    }
    
    /* Keep submenu visible when hovering over it */
    .menu__sub-list:hover {
        display: flex !important;
        flex-direction: column;
    }
    
    .menu__sub-list {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        background: #ffffff;
        min-width: 200px;
        max-width: 220px;
    }
}
.menu__sub-item:before{
    /*content: '';*/
    position: absolute;
    top: 5px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
}
.menu__sub-item{
    position: relative;
    width: 80%;
    margin: auto;
    padding: 25px 0;
    font-size: 20px;
    border-bottom: 1px solid #CFD8E0;
    color: #2F2F2F;
    text-decoration: none;
}
.sub-arrow{
    position: relative;
    width: 26px;
    height: 30px;
    display: inline-block;
    margin-left: 5px;
    transition: transform 0.3s ease;
    vertical-align: middle;
}
.sub-arrow:before, .sub-arrow:after{
    content: '';
    position: absolute;
    top: 21px;
    width: 16px;
    height: 2px;
    background: #000;
    transition: background 0.3s ease;
}
.sub-arrow:before{
    transform: rotateZ(45deg);
    left: 0;
}
.sub-arrow:after{
    transform: rotateZ(-45deg);
    right: 0;
}
.sub-arrow.ocean{
    top: -0px;
    margin-left: 5px;
}
.sub-arrow.ocean:before, .sub-arrow.ocean:after{
    background: #43c2c9;
}

/* Rotate arrow when menu is open */
.sub-arrow.open {
    transform: rotateZ(180deg);
}

@media screen and (min-width: 768px) {
    .sub-btn:hover .sub-arrow,
    .sub-btn .sub-arrow.open {
        transform: rotateZ(180deg);
    }
}


.about{
    padding: 30px 0;
    background: url("../img/bg1.jpg") 0 0 no-repeat;
    background-size: 2000px;
}
.about__container{
    text-align: center;
}
.about__title{
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    font-size: 40px;
    color: #ffffff;
    margin-bottom: 20px;
}
.about__info{
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 26px;
}
.ocean{
    font-weight: bold;
    color: #43c2c9;
}
.about__btn, .main__btn{
    max-width: 236px;
    padding: 14px 0;
    text-align: center;
    background: #43c2c9;
    border-radius: 30px;
    color: #ffffff;
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    margin: auto;
}

.main{

}
.main__title{
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    font-size: 30px;
    margin-bottom: 20px;
}
.main__info:last-child{
    margin-bottom: 0;
}
.main__info{
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 180%;
}
.main__btn{

}

.format-a{
overflow: hidden;
}
.format-a__container{

}
.format-a__left{
    margin: 0 auto 20px;
}
.format-a__right{
    text-align: center;
}


.bg2{
    background: #f2f9ff;
}

.format-b__col:last-child{
    margin-bottom: 0;
}
.format-b__col{
    margin-bottom: 30px;
}
.format-b__left{
    margin: 0 auto 20px;
    /*max-width: 450px;*/
}
.format-b__right{
    text-align: center;
}
.format-b__
.format-b__
.format-b__




.foot{
    font-size: 16px;
}
.foot-ocean{
    background: #f2f9ff;
}
.foot-ocean .foot__container:before{
    content: none;
}
.foot__container{}
.foot__main{}
.foot__left{
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.foot__right{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 25px;
    /*background: #fff;*/
    padding: 25px 0px;
    margin-bottom: 25px;
}
.foot__logo{
    max-width: 250px;
    width: 100%;
    margin: 0 auto 10px;
}
.foot__copyright:last-child{
    margin-bottom: 0;
}
.foot__copyright{
    margin-bottom: 5px;
    display: inline-block;
}
.foot__menu{
    display: flex;
    flex-direction: column;
    /*width: 150px;*/
    padding-top: 42px;
}
.foot__link{
    text-decoration: none;
    position: relative;
    color: #2F2F2F;
    margin-bottom: 10px;
    transition: .3s;
}
.foot__link:hover{
    content: none;
}
.foot__link:before{
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    height: 1px;
    background: #2F2F2F;
}
.foot__sub{
    width: 170px;
}
.foot__privacy{
    position: relative;
    padding-top: 20px;
    display: flex;
    justify-content: space-around;
}
.foot__privacy:before{
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
    height: 1px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #CFD8E0;
}
.foot__url{
    color: #2F2F2F;
    text-decoration: none;
    position: relative;
}
.foot__url:before{
    content: '';
    width: 100%;
    height: 1px;
    background: #2F2F2F;
    left: 0;
    bottom: 0;
    transition: .3s;
    position: absolute;
}
.foot__url:hover:before{
    width: 0;
}
.foot__
.foot__

.sub{
    color: #2F2F2F;
}
.sub__link{
    position: relative;
    text-decoration: none;
    margin-bottom: 10px;
    display: flex;
    color: #2F2F2F;
}
.sub__list{
    display: flex;
    flex-direction: column;
}
.sub__item{
    text-decoration: none;
    position: relative;
    color: #2F2F2F;
    margin-bottom: 10px;
    /*padding-left: 15px;*/
    margin-left: 15px;
    transition: .3s;
}
.sub__item:last-child{
    margin-bottom: 0;
}
.sub__item:before{
    content: '';
    position: absolute;
    top: 6px;
    left: -15px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
}
.sub__url{
    text-decoration: none;
    color: #2F2F2F;
    position: relative;
}
p.left-t{
    text-align: left;
}
div.auto-w{
    width: auto;
}
.present{
    background: url("../img/tec_bg.jpg") center no-repeat;
    display: flex;
    align-items: center;
    background-size: cover;
}
.present.prod-bg{
    background: url("../img/prod-bg.jpg") center no-repeat;
    background-size: cover
}
.present.oem-bg{
    background: url("../img/oem-bg.jpg") center no-repeat;
    background-size: cover;
    position: relative;
}
.present.how-bg{
    background: url("../img/how1.jpg") center no-repeat;
    background-size: cover;
}
.present.range-bg{
    background: url("../img/range-bg.jpg") center no-repeat;
    background-size: cover;
    position: relative;
}

.present.ingredient-bg{
    background: url("../img/ingredient-bg.jpg") center no-repeat;
    background-size: cover;
    position: relative;
}
.present.forms-bg{
    position: relative;
    background: url("../img/forms-bg.jpg") center no-repeat;
    background-size: cover;
}
.present.forms-a-bg{
    position: relative;
    background: url("../img/a-forms-bg.jpg") center no-repeat;
    background-size: cover;
}
.present.rec-bg{
    position: relative;
    background: url("../img/rec-bg.jpg") center no-repeat;
    background-size: cover;
}


.present.forms-bg:before, .present.oem-bg:before, .present.range-bg:before, .present.ingredient-bg:before, .present.forms-a-bg:before, .present.rec-bg:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
}
.present.forms-bg .container, .present.oem-bg .container, .present.range-bg .container, .present.ingredient-bg .container, .present.forms-a-bg .container, .present.rec-bg .container{
    position: relative;
    z-index: 1;
}





.present__container{

}

.present__title{
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    /*margin-bottom: 25px;*/
    font-family: RevxNeueDemo-SemiBold, sans-serif;

}
.present__info{

    font-size: 18px;
    color: #ffffff;
    text-align: center;
    max-width: 750px;
    margin: 25px auto 0;
    line-height: 29px;
}
.present__info.no-width{
    max-width: 100%;
}

.format-c{
    overflow: hidden;
}
.format-c__container{
    text-align: center;
}
.format-c__box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
.format-c__left{
    margin-bottom: 15px;
}
.format-c__right{

}
.format-c__info{
    font-weight: bold;
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 30px;
}

.ocean__list{
    line-height: 29px;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.ocean__item:before{
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #43c2c9;
}

.ocean__item{
    margin-left: 15px;
    position: relative;
    font-size: 16px;
    line-height: 160%;
}

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

}
.plate__box:last-child{
    margin-bottom: 0;
}
.plate__box{
    margin-bottom: 30px;
}
.plate__img{
    margin: 20px 0;
    max-width: 550px;
    width: 100%;
}
.plate__info{
    text-align: left;
}
.plate__info.first{
    /*margin-bottom: 30px;*/
}
.plate__title{
    font-size: 35px;
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    margin-bottom: 20px;
}
.plate__total{
    text-align: center;
    max-width: 960px;
    line-height: 160%;
    margin: auto;
}
.products{}
.products__container{
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}
.products__title{
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
    display: none;
}
.products__img{
    max-width: 352px;
    margin: auto;
    width: 100%;
}
.products__categories{
    /*display: grid;*/
    /*grid-template-columns: repeat(2, 1fr);*/
    /*gap: 10px;*/
    /*align-items: center;*/
    margin-bottom: 25px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px 15px;
    background: whitesmoke;

    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
}
.products__category{
    width: calc(50% - 5px);
    color: #fff;
    background: #2a9ba0;
    padding: 10px;
    font-weight: bold;
    font-style: italic;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
    box-shadow: 1px 1px 3px #333;
}
.products__niche{
    padding: 40px 0;
}
.niche{

}
.niche__name{
    color: #ffffff;
    background: #2a9ba0;
    padding: 5px 10px;
    margin-bottom: 15px;
}
.niche__short-description{
    font-style: italic;
    margin-bottom: 15px;
}
.niche__info{
    background: #f3f3f3;
    padding: 15px;
    text-align: left;
    margin-bottom: 20px;
}
.niche__text{
    margin-bottom: 15px;
    text-align: justify;
}
.niche__text:last-child{
    margin-bottom: 0;
}


.niche__sub{
    display: none;
    font-weight: bold;
    color: red;
    background: #f3f3f3;
    padding: 15px;
    font-size: 18px;
}
.niche__sub span{

}


.product{
    display: flex;
}
.product__left{
    text-align: left;
}
.product__right{
    display: none;
}
.product__name{
    font-weight: bold;
    margin-bottom: 15px;
}
.product__short-description{
    margin-bottom: 15px;
}
.product__description{
    margin-bottom: 15px;
}
.product__box{
    margin-bottom: 20px;
}
.product__title{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 17px;
}
.product__list{}
.product__item{
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
}
.product__item:before{
    content: '';
    position: absolute;
    top: 7px;
    left: 5px;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 50%;
}
.product__sheet{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    flex-direction: column;
}
.product__col{
    display: flex;
    flex-wrap: nowrap;
    /*width: 400px;*/
    /*flex-shrink: 0;*/
    overflow: auto;
    /*border-bottom: 1px solid #ccc;*/
    text-align: left;
}
.product__col:nth-child(odd){
    background: whitesmoke
}

.product__row{
    position: relative;
    display: flex;
    flex-shrink: 0;
    width: 50%;
    align-items: center;
    padding: 10px 10px;
    font-size: 14px;

}
.product__row:first-child:before{
    content: '';
    background: url("../img/arrow.svg") 0 0 no-repeat;
    width: 17px;
    height: 24px;
    background-size: 25px;
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
}
.product__img{
    max-width: 250px;
    display: block;
    margin: auto;
}

.choice{

}
.choice__title{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}
.choice__card:last-child{
    margin-bottom: 0;
}
.choice__card{
    background: #EDEDED;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
}
.choice__name{
    font-size: 17px;
    margin-bottom: 10px;
}
.choice__description{
    font-style: italic;
    margin-bottom: 20px;
}
.choice__img{
    max-width: 150px;
}
.choice__details{
    background: #43c2c9;
    border-radius: 10px;
    color: #ffffff;
    padding: 10px;
    box-shadow: 1px 1px 3px #888;
    /*letter-spacing: 1px;*/
    /*text-decoration: underline;*/
}

.choice__img[alt="NANOBIOTICA S-FACTOR"], .choice__img[alt="NANOBIOTICA H-FACTOR"],.choice__img[alt="NANOBIOTICA V-FACTOR"],.choice__img[alt="NANOBIOTICA V-FACTOR"],.choice__img[alt="NANOBIOTICA B-FACTOR"],.choice__img[alt="NANOBIOTICA D-FACTOR"] {
    right: 5px;
}
@media screen and (min-width: 480px){
    .choice__img{
        position: absolute;
        top: 0;
        right: 0;
    }
    .choice__card{
        padding-right: 160px;
        min-height: 266px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        text-align: left;
    }
    .choice__details{
        text-align: center;
    }
    .present__title{
        font-size: 35px;
    }
}

@media screen and (min-width: 640px){
    .products__category{
        width: calc(33% - 5px);
    }
    .foot__right{
        justify-content: space-around;
    }
}


@media screen and (min-width: 768px){
    .choice__card{
        width: 48.9%;
        margin-bottom: 0;
    }
    .choice__list{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 15px;
    }
    .product-modal__content{
        padding: 30px;
    }


}
@media screen and (min-width: 1024px){
    .products__category{
        width: calc(24.7% - 5px);
    }
}
@media screen and (min-width: 1280px){
    .choice__card{
        width: 32.5%;
    }
    .products__category{
        width: calc(16.4% - 5px)
    }
}




.delivery{
    overflow: hidden;
}
.delivery__container{

}
.delivery__title{
    text-align: center;
}
.delivery__list{}
.delivery__item:nth-child(odd){
    background: #f2f9ff;
}
.delivery__item{
    padding: 20px;
}
.delivery__point{
    font-size: 25px;
    margin-bottom: 15px;
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
}
.delivery__description{}


.banner{
    background: url("../img/oem-bg2.jpg") center no-repeat;
    background-size: cover;
}
.banner__container{
    display: flex;
    flex-direction: column;
}
.banner__logo{
    max-width: 380px;
    margin-bottom: 30px;
}
.banner__info{
    font-weight: 600;
    font-size: 17px;
    color: #ffffff;
    line-height: 160%;
}

.cooperate{
    padding-bottom: 0;
}
.cooperate__container{
    padding-bottom: 30px;
    border-bottom: 1px solid #CFD8E0;
}
.cooperate__title{
    margin-bottom: 30px;
    text-align: center;
}
.cooperate__list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;

}
.cooperate__item{
    width: 228px;
    background: #ffffff;
    border-radius: 10px;
    padding: 35px 20px;
    text-align: center;
    transition: .3s;
    color: #2F2F2F;
    text-decoration: none;
}
.cooperate__item:hover{
    background: #42C2C9;
}

.cooperate__item:hover .cooperate__option, .cooperate__item:hover .cooperate__description{
    color: #ffffff;
}
.cooperate__icon{
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: #42C2C9;
    margin: 0 auto 30px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: .3s;
}
.cooperate__item:hover .cooperate__icon{
    background-color: #ffffff;
}
.cooperate__option{
    font-size: 25px;
    margin-bottom: 20px;
    transition: .3s;
}
.cooperate__description{
    font-size: 18px;
    line-height: 140%;
    transition: .3s;
}

.cooperate__item:nth-child(1) .cooperate-icon-1{
    background-image: url("../img/oem1.svg")
}
.cooperate__item:nth-child(2) .cooperate-icon-2{
    background-image: url("../img/oem2.svg")
}
.cooperate__item:nth-child(3) .cooperate-icon-3{
    background-image: url("../img/oem3.svg")
}
.cooperate__item:nth-child(4) .cooperate-icon-4{
    background-image: url("../img/oem4.svg")
}
.cooperate__item:nth-child(5) .cooperate-icon-5{
    background-image: url("../img/oem5.svg")
}

.cooperate__item:nth-child(1):hover .cooperate-icon-1{
    background-image: url("../img/oem1h.svg");
}
.cooperate__item:nth-child(2):hover .cooperate-icon-2{
    background-image: url("../img/oem2h.svg")
}
.cooperate__item:nth-child(3):hover .cooperate-icon-3{
    background-image: url("../img/oem3h.svg")
}
.cooperate__item:nth-child(4):hover .cooperate-icon-4{
    background-image: url("../img/oem4h.svg")
}
.cooperate__item:nth-child(5):hover .cooperate-icon-5{
    background-image: url("../img/oem5h.svg")
}


.breads{
    text-align: left;
    margin-bottom: 20px;
}
.breads.ocean{
    text-decoration: underline;
}
.how{
    overflow: hidden;
}
.how__container{}
.how__title{
    text-align: center;
    margin-bottom: 30px;
    font-family: RevxNeueDemo-SemiBold, sans-serif;
}
.how__list{
    counter-reset: count;
    margin-bottom: 40px;
}

.how__item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    counter-increment: count;
    position: relative;
    margin-bottom: 30px;
}
.how__item:last-child{
    margin-bottom: 0;
}
.how--count{
    display: inline-block;
    margin-right: 5px;
}
.how__picture{
    margin-bottom: 15px;
}
.how__info{
    padding-left: 5px;
}
.how__name{
    font-family: RevxNeueDemo-SemiBold, sans-serif;
    font-size: 25px;
    margin-bottom: 10px;
    /*padding-left: 20px;*/
}
.how__description{
    line-height: 160%;
}
.how__contact{
    border: 1px solid #CFD8E0;
    padding: 20px;
    max-width: 1060px;
    margin: auto;
    text-align: center;
}
.how__contact-info{
    font-size: 25px;
    margin-bottom: 20px;
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
}
.how__contact-description{
    margin-bottom: 30px;
    line-height: 160%;
    font-weight: bold;
}
.how__contact-btn{
    text-decoration: none;
    max-width: 236px;
    padding: 14px 0;
    text-align: center;
    background: #43c2c9;
    border-radius: 30px;
    color: #ffffff;
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    margin: auto;
    display: block;
}

.range{

}
.range__box{
    margin-bottom: 30px;
}
.range__img{
    margin-bottom: 20px;
}
.range__info{
    line-height: 160%;
}
.range__list{
    font-size: 14px;
    margin-bottom: 30px;
}
.range__list:last-child{
    margin-bottom: 0;
}
.range__item{
    display: flex;
    padding: 10px 5px;
    align-items: center;
}
.range__item:nth-child(even){
    background: #ecf5ff;
}
.range__index{
    width: 25px;
    position: relative;
    flex-shrink: 0;
}
.range__index:before, .range__name:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 16px;
    width: 1px;
    background: #CFD8E0;
}
.range__name{
    position: relative;
    padding-left: 5px;
    width: 130px;
    flex-shrink: 0;
}
.range__desc{
    padding-left: 10px;
    line-height: 15px;
}
.range__desc .small{
    font-size: 12px;
}

.ingredient{}
.ingredient__box{
    margin-bottom: 35px;
}
.ingredient__box:last-child{
    margin-bottom: 0;
}
.ingredient__info{}
.ingredient__title{
    margin-bottom: 15px;
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
}
.ingredient__desc{
    line-height: 160%;
    margin-bottom: 15px;
}
.ingredient__img{}

.choose{

}
.choose__container{}
.choose__title{
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    margin-bottom: 55px;
    text-align: center;
}
.choose__list{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: space-around;
}
.choose__item{
    width: 290px;
    background: #ffffff;
    border-radius: 7px;
    margin-bottom: 50px;
    text-align: center;
    padding: 55px 25px 25px;
    position: relative;
}
.choose__item:last-child{
    margin-bottom: 0;
}
.choose__item:nth-child(1) .choose__icon{
    background-image: url('../img/ch1.svg');
    background-position: 57% 50%;
}
.choose__item:nth-child(2) .choose__icon{
    background-image: url('../img/ch2.svg');
}
.choose__item:nth-child(3) .choose__icon{
    background-image: url('../img/ch3.svg');
}
.choose__item:nth-child(4) .choose__icon{
    background-image: url('../img/ch4.svg');
}

.choose__icon{
    width: 70px;
    height: 70px;
    background-color: #43c2c9;
    border-radius: 50%;
    position: absolute;
    top: -35px;
    left: calc(50% - 35px);
    background-position: center center;
    background-repeat: no-repeat;
}
.choose__name{
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    font-size: 22px;
    margin-bottom: 15px;
}
.choose__desc{
    line-height: 140%;
}
.choose__total{
    line-height: 160%;
    text-align: center;
}
/*.choose__*/


.compose{
    padding-bottom: 50px;
    overflow: hidden;
}
.compose__box{
    padding: 25px 0;
    /*margin-bottom: 50px;*/
    border-bottom: 1px solid #CFD8E0;
}
.compose__box:last-child{
    margin-bottom: 0;
    border-bottom: none;
}
.compose__title{
    text-align: center;
    margin-bottom: 25px;
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
}
.compose__parts{}
.compose__img{
    margin-bottom: 15px;
}
.compose__details, .compose__item{
    display: flex;
    /*line-height: 30px;*/
    padding: 10px 0;
}
.compose__details:nth-child(odd){
    background: #ecf5ff;
}
.compose__index, .compose__num{
    width: 50px;
    padding-left: 15px;
    position: relative;
    flex-shrink: 0;
}
.compose__index:before, .compose__num:before{
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    width: 1px;
    height: 20px;
    background: #CFD8E0;
}
.compose__name, .compose__label{
    padding-left: 10px;
}
.compose__table{}
.compose__row{

    /*margin-bottom: 40px;*/
}
.compose__item:nth-child(odd){
    background: #ecf5ff;
}
.compose__item{
    display: flex;
}
.compose__num{}
.compose__label{}
/*.compose__*/
/*.compose__*/
.offer{
    overflow: hidden;
}
.offer__title{
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    margin-bottom: 20px;
}
.offer__info{
    line-height: 160%;
}

.manufacture{}
.manufacture__container{}
.manufacture__title{
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    margin-bottom: 20px;
    text-align: center;
}
.manufacture__list{
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.manufacture__list:last-child{
    margin-bottom: 0;
}
.manufacture__item{
    background: #fff;
    width: 290px;
    padding: 20px;
    text-align: center;
}
.manufacture__img{
    margin-bottom: 15px;
}
.manufacture__name{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.partner{
    overflow: hidden;
}
.partner__container{}
.partner__title{
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    margin-bottom: 20px;
}
.partner__box{
    margin-bottom: 40px;
}


.sell{}
.sell__container{}
.sell__title{
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    margin-bottom: 25px;
}
.sell__box{
    margin-bottom: 40px;}
.sell__img{
    margin-bottom: 20px;
}
.sell__info{
    font-size: 16px;
}
.sell__subtitle{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 28px;
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
}
.sell__description{
    margin-bottom: 20px;
    line-height: 160%;
}
.sell__list-title{
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}

.supplements{
    border-bottom: 1px solid #CFD8E0;
}
.supplements__container{}
.supplements__title{
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    margin-bottom: 30px;
}
.supplements__subtitle{
    margin-bottom: 20px;
}
.supplements__big-box{}
.supplements__list{
    font-size: 16px;
    margin-bottom: 25px;
}
.supplements__item:nth-child(odd){
    background-color: #fff;
}
.supplements__item{
    padding: 25px;
    border-radius: 5px;
}
.supplements__name{
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 160%;
}
.supplements__total{
    font-size: 18px;
    text-align: center;
    line-height: 160%;
}

.contact{
    overflow: hidden;
}
.contact__container{}
.contact__left{
    margin-bottom: 20px;
}
.contact__title{
    font-family: 'RevxNeueDemo-SemiBold', sans-serif;
    margin-bottom: 30px;
    font-size: 28px;
}
.contact__list{
    margin-bottom: 30px;
}
.contact__item:before{
    content: '';
    background: #CFD8E0;
    height: 1px;
    width: 290px;
    left: 40px;
    bottom: 0;
    position: absolute;
}
.contact__item:last-child:before{
    content: none;
}
.contact__item{
    margin-bottom: 10px;
    padding: 15px 0 25px 40px;
    position: relative;
}
.contact__item:nth-child(1){
    background: url("../img/c1.svg") 0 12px no-repeat;
}
.contact__item:nth-child(2){
    background: url("../img/c2.svg") 0 12px no-repeat;
}
.contact__item:nth-child(3){
    background: url("../img/c3.svg") 0 17px no-repeat;
}

.contact__item:last-child{
    margin-bottom: 0;
}
.contact__option{
    font-weight: bold;
}
.contact__description{
    margin-top: 10px;
    font-size: 14px;
}
.contact__link{
    color: #000000;
    text-decoration: none;
}
.contact__link:hover{
    text-decoration: underline;
}
.contact__map{
    width: 100%;
}
.contact__right{
    max-width: 588px;
    margin: auto;
}
.contact__form{
    background: #f0f7ff;
    padding: 30px 20px;
    border-radius: 7px;
}
.contact__label{
    width: 100%;
    margin-bottom: 12px;
    display: flex;

}
.contact__field{
    width: 100%;
    border-radius: 35px;
    border: 1px solid #CFD8E0;
    flex-shrink: 0;
    /*background: #CFD8E0;*/
    padding: 15px;
}
.contact__field:hover, .contact__field:focus, .contact__field:active{
    border-color: #2F2F2F;
}
.contact__line{
    display: flex;
    justify-content: space-between;
}
.contact__line .contact__label{
    width: 47%;
}
.contact__message{
    width: 100%;
    border-radius: 25px;
    padding: 15px;
    font-family: Inter, sans-serif;
    border: 1px solid #CFD8E0;
    min-height: 150px;
    margin-bottom: 20px;
}
.contact__check .contact__label{
    gap: 15px;
}
.contact__check{

}
.contact__checkbox{
    height: 25px;
    width: 25px;
    flex-shrink: 0;
}
.contact__check-info{

    line-height: 160%;
}
.contact__btn{
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    cursor: pointer;
}

.foot__url[href="terms.html"], .foot__url[href="cookies.html"]{
    display: none;
}


.msg.show{
    display: flex;
}
.msg{
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 2;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background: rgba(0,0,0,.7);
    top: 0;
    left: 0;
}
.msg__text{
    font-size: 17px;
    background: #fff;
    line-height: 160%;
    padding: 35px;
}

@media screen and (min-width: 375px){
    .range__name{
        width: 150px;
    }
}
@media screen and (min-width: 480px){
    .format-a__left{
        max-width: 450px;
    }
}

@media screen and (min-width: 640px){
    .section{
        padding: 40px 0;
    }
    .format-a__left {
        max-width: 300px;
        width: 100%;
        flex-shrink: 0;
        margin-bottom: 0;
    }
    .format-a__right{
        text-align: left;
    }
    .format-a__container {
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
    }
    .main__btn{
        margin: 0;
    }
    .format-b__col{
        display: flex;
        gap: 30px
    }
    .format-b__left{
        text-align: left;
    }
    .format-b__right{
        max-width: 310px;
        width: 100%;
        flex-shrink: 0;
    }
    .product__img{
        float: right;
    }
    .product__row{
        font-size: 16px;
    }
    .product__row:first-child:before{
        top: calc(50% - 12px);
    }
    .product__title{
        margin-bottom: 20px;
    }
    .product__box{
        margin-bottom: 40px;
    }

}
@media screen and (min-width: 768px){
    .title{
        /*font-size: 45px;*/
    }
    .format-a__left, .format-b__right{
        max-width: 400px;
    }
    .manufacture__list{
        flex-direction: row;
    }
    .product-modal__left .product-modal__img {
        display: none;
    }
}
@media screen and (min-width: 1024px){



    .section{
        padding: 50px 0;
    }
    .about{
        background-position: 40% 50%;
        background-size: cover;
        padding: 150px 0;
        height: 650px;
    }
    .about__container{
        max-width: 590px;
        margin: 0;
        text-align: left;
    }
    .about__btn{
        margin: 0;
    }
    .about__info{
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 65px;
    }
    .about__title{
        font-size: 60px;
        margin-bottom: 40px;
    }
    .about__btn{
        font-size: 18px;
    }
    .format-a__left, .format-b__right{
        max-width: 500px;
    }
    .format-a__container{
        gap: 60px;
    }

    .foot__main{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .foot__left{
        text-align: left;
    }
    .foot__logo{
        margin: 0 0 10px;
    }
    .foot__right{
        background: transparent;
    }
    .foot__privacy{
        padding-top: 50px;
    }
    .foot__link, .sub__item{
        margin-bottom: 20px;
    }
    .foot__menu{
        padding-top: 0;
        margin-right: 45px;
    }
    .foot__link:after, .sub__url:after{
        position: absolute;
        content: '';
        width: 0;
        height: 1px;
        background: #2F2F2F;
        bottom: 0;
        left: 0;
        transition: .3s;
    }
    .foot__link:hover:after, .sub__url:hover:after{
        width: 100%;
    }
    .foot__privacy{
        justify-content: flex-start;
        gap: 50px;
    }
    .sub-arrow.ocean{
        top: 3px;
    }
    .present__title{
        font-size: 55px;
    }
    .how__list{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-around;
        margin-bottom: 120px;
    }
    .how__item{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        counter-increment: count;
        position: relative;
        margin-bottom: 100px;
        width: 100%;
    }
    .how__info{
        position: relative;
    }
    .how__info:before{
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #43c2c9;
        content: '';
        position: absolute;
        top: calc(50% - 7px);
        left: -100px;
        z-index: 1;
    }

    .how__item:after{
        content: '';
        position: absolute;
        top: calc(50% + 7px);
        left: calc(50% - 8px);
        height: calc(100% + 100px);
        width: 1px;
        background: #CFD8E0;
    }
    .how__item:last-child:after{
        height: calc(100% + -24px);
    }
    .how--count{
        position: absolute;
        top: 0;
        left: 0;
    }
    .how__name{
        font-size: 45px;
        line-height: 56px;
        padding-left: 35px;
        margin-bottom: 20px;
    }
    .how__info{
        width: 450px;
    }
    .how__description{
        font-size: 18px;
    }
    .how__picture{
        margin-bottom: 0;
    }
    .how__contact{
        padding: 50px 25px 0 25px;
    }
    .how__contact-info{
        font-size: 45px;
    }
    .how__contact-description{
        font-size: 22px;
        margin-bottom: 50px;
    }
    .how__contact-btn{
        font-size: 18px;
        margin-bottom: -25px;
    }
    .breads{
        margin-bottom: 50px;
    }
    .range__box{
        display: flex;
        gap: 30px;
    }
    .range__table{
        display: flex;
        justify-content: space-between;
    }
    .range__list{
        width: 48%;
    }
    .range__item{
        padding: 10px 25px;
    }
    .range__name{
        width: 170px;
        padding-left: 25px;
    }
    .range__index{
        width: 30px;
    }
    .range__desc{
        padding-left: 25px;
    }
    .product__img{
        margin-top: -100px;
        max-width: 350px;
    }

}
@media screen and (min-width: 1280px){

    .section{
        padding: 150px 0;
    }
    .title{
        font-size: 55px;
    }
    .main__title{
        margin-bottom: 40px;
        font-size: 55px;
    }
    .main__info{
        margin-bottom: 30px;
    }
    .container{
        max-width: 1280px;
        margin: auto;
    }
    .head__logo{
        max-width: 234px;
    }
    .head__container{
        flex-direction: row;
        justify-content: space-between;
    }
    .head__menu{
        display: flex;
        flex-direction: row;
        width: 60%;
        align-items: center;
        position: relative;
        margin: 0;
        justify-content: space-between;
    }
    
    .head__menu .header__lang-switcher {
        margin-left: 20px;
        flex-shrink: 0;
    }
    .head__mobile-btn{
        display: none;
    }
    .sub-arrow{
        height: 12px;
    }
    .sub-arrow:before, .sub-arrow:after{
        top: 5px;
    }
    .menu__item{
        border: none;
        font-size: 18px;
    }
    .menu__title{
        position: relative;
        cursor: pointer;
    }
    .menu__title:before{
        position: absolute;
        top: 100%;
        height: 1px;
        width: 0;
        background: #2F2F2F;
        content: '';
        transition: .3s;
        cursor: pointer;
    }
    .menu__title:hover:before{
        width: 100%;
    }
    .sub-btn {
        position: relative;
    }
    
    .menu__sub-list{
        position: absolute;
        top: 80%;
        right: 160px;
        z-index: 1000;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        left: auto;
    }
    .menu__sub-list{
        background: #ffffff;
        width: 100%;
        max-width: 220px;
        min-width: 200px;
    }
    .menu__sub-item{
        font-size: 16px;
        text-align: left;
        padding-left: 15px;
    }
    .menu__sub-item:before{
        content: '';
        top: 29px;
    }
    .menu__sub-item:last-child{
        border-bottom: none;
    }
    .menu__sub-item:hover{
        text-decoration: underline;
    }
    .about__info{
        max-width: 480px;
    }
    .format-a__left{
        max-width: 660px;
    }
    .format-a__container{
        gap: 90px;
    }

    .bg{

    }
    .bg__parts{
        position: relative;
    }
    .bg__parts.start:before{
        content: none;
    }
    .bg__parts.finish:after{
        content: none;
    }
    .bg__parts:before, .bg__parts:after{
        content: '';
        position: absolute;
        background: url("../img/bg-icon.svg") center no-repeat;
        width: 417px;
        height: 283px;
    }
    .bg__parts:before{
        left: 100%;
        top: calc(100% - 150px);
    }
    .bg__parts:after{
        right: 100%;
        bottom: calc(100% - 190px);
    }
    .head__top{
        width: 300px;
    }

    .about__title{
        margin-bottom: 35px;
    }
    .format-b__col{
        margin-bottom: 130px;
        gap: 70px;
    }
    .format-b__right{
        max-width: 600px;
    }
    .foot{
        padding: 75px 0;
        overflow: hidden;
    }
    .foot__container{
        position: relative;
    }
    .foot__container:before{
        position: absolute;
        top: 0;
        left: calc(100% - 100px);
        background:url("../img/bg-icon.svg") center no-repeat;
        width: 417px;
        height: 283px;
        content: '';
        transform: rotateZ(180deg);
    }
    .foot__logo{
        max-width: 330px;
        margin: 0 0 35px;
    }
    .foot__copyright{
        margin-bottom: 10px;
    }
    .foot__right{
        justify-content: flex-start;
        width: 740px;
        background: none;
    }
    .foot__link, .sub__item{
        font-size: 18px;
    }
    .foot__right{
        padding-top: 10px;
        gap: 190px;
    }
    .foot__sub{
        width: 280px;
    }
    .foot__link, .sub__item{
        margin-bottom: 37px;
    }
    .sub__link{
        margin-bottom: 40px;
        font-size: 18px;
    }
    .sub__list{
        padding-left: 8px;
    }
    .foot__privacy{
        width: 330px;
        margin-top: -96px;
        justify-content: space-between;
    }
    .foot__privacy:before{
        left: 0;
        width: 100%;
        margin-left: 0;
    }
    .foot__copyright:hover{
        text-decoration: none
    }
    .present{
        padding: 100px 0;
        background-size: cover;
        min-height: 450px;
    }
    .format-c__box{
        flex-direction: row;
        gap: 75px;
    }
    .format-c__left{
        width: 588px;
        flex-shrink: 0;
    }
    .format-c__info{
        font-size: 22px;
    }
    .ocean__item{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .plate__box{
        display: flex;
        gap: 75px;
        margin-bottom: 100px;
        align-items: center;
    }
    .plate__title{
        font-size: 45px;
    }
    .plate__img{
        margin-bottom: 0;
    }
    .plate__total{
        font-size: 18px;
    }
    .products{
        padding: 100px 0;
    }
    .delivery__title{
        margin-bottom: 70px;
    }
    .delivery__item{
        padding: 65px 60px;
    }
    .delivery__point{
        font-size: 55px;
    }
    .delivery__description{
        font-size: 18px;
        line-height: 160%;
    }
    .how__title{
        margin-bottom: 50px;
    }
    .banner{
        padding: 100px 0;
    }
    .banner__container{
        flex-direction: row;
        gap: 130px;
        align-items: flex-start;
    }
    .banner__logo{
        margin-bottom: 0;
    }
    .banner__info{
        font-size: 25px;
        line-height: 170%;
    }
    .cooperate__title{
        margin-bottom: 70px;
    }
    .cooperate__container{
        padding-bottom: 100px;
    }
    .cooperate{
        padding-bottom: 0;
    }
    .cooperate__list{
        justify-content: space-between;
    }
    .oem-padding{
        padding-top: 50px;
    }
    .range__img{
        margin-bottom: 0;
    }
    .range__info{
        font-size: 18px;
    }
    .range__box{
        margin-bottom: 50px;
        gap: 70px;
    }
    .range__list{
        font-size: 18px;
        width: 49%;
    }
    .range__item{
        min-height: 57px;
    }
    .range__desc .small{
        font-size: 16px;
    }
    .range__index{
        width: 50px;
    }
    .range__name{
        width: 180px;
    }
    .range__desc{
        line-height: 18px;
    }
    .ingredient__box{
        display: flex;
        gap: 90px;
        align-items: center;
        margin-bottom: 150px;
    }
    .ingredient__box:last-child{
        margin-bottom: 0;
    }
    .choose__title{
        margin-bottom: 85px;
    }
    .choose__item{
        margin-bottom: 0;
        padding: 65px 25px 35px;
    }
    .choose__name{
        font-size: 30px;
    }
    .choose__desc{
        font-size: 18px;
    }
    .choose__total{
        font-size: 18px;
        max-width: 960px;
        margin: auto;
    }
    .compose{
        padding-bottom: 100px;
    }
    .compose__box{
        padding: 100px 0;
    }
    .compose__title{
        margin-bottom: 65px;
    }
    .compose__parts{
        display: flex;
        gap: 70px;
    }
    .compose__options{
        width: 100%;
    }
    .compose__img{
        height: max-content;
    }
    .compose__details{
        font-size: 18px;
    }
    .compose__index, .compose__num{
        width: 60px;
    }
    .compose__name, .compose__label{
        padding-left: 30px;
    }
    .compose__table{
        display: flex;
        justify-content: space-between;
    }
    .compose__row{
        width: 32%;
    }
    .compose__item:nth-child(odd){
        background: #ffffff;
    }
    .compose__item:nth-child(even){
        background: #ecf5ff;
    }
    .offer{
        display: flex;
        gap: 100px;
        padding-top: 40px;
    }
    .offer__title{
        width: 500px;
        flex-shrink: 0;
    }
    .offer__info, .manufacture__descr{
        font-size: 18px;
    }
    .manufacture__title{
        margin-bottom: 70px;
    }
    .manufacture__name{
        font-size: 22px;

    }
    .manufacture__total{
        line-height: 160%;
        font-size: 20px;
        text-align: center;
        max-width: 1100px;
        margin: 40px auto 0;
    }
    .sell{
        overflow: hidden;
    }
    .sell__title{
        margin-bottom: 80px;
        text-align: center;
    }
    .sell__box{
        display: flex;
        gap: 100px;
        margin-bottom: 100px;
    }
    .sell__box:last-child{
        margin-bottom: 0;
    }
    .sell__subtitle{
        font-size: 45px;
        margin-bottom: 20px;
    }
    .sell__description{
        font-size: 22px;
        margin-bottom: 35px;
    }
    .sell__list-title{
        font-size: 18px;
    }
    .sell__img{
        margin-bottom: 0;
        height: fit-content;
    }
    .ocean__item:last-child{
        margin-bottom: 0;
    }
    .supplements__title, .supplements__subtitle{
        text-align: center;
    }
    .supplements__subtitle{
        max-width: 1000px;
        margin: 0 auto 50px;
        font-size: 18px;
        line-height: 160%;
    }
    .supplements__big-box{
        display: flex;
        gap: 5px 30px;
    }
    .supplements__item{
        min-height: 360px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /*justify-content: center;*/
        padding: 40px;
        flex-shrink: 0;
        width: 600px;
        flex-shrink: 0;
    }
    .supplements__name{
        font-size: 45px;
        line-height: normal;
        min-height: 100px;
    }
    .supplements__name .small{
        font-size: 23px;
    }
    .supplements__list.right .supplements__item:nth-child(even){
        background: #fff;
    }
    .supplements__list.right .supplements__item:nth-child(odd){
        background: transparent;
    }
    .supplements__list{
        margin-bottom: 0;
    }
    .supplements__big-box{
        margin-bottom: 100px;
    }
    .supplements__total{
        max-width: 960px;
        margin: auto;
    }
    .sell__list-title+.ocean__list .ocean__item{
        margin-bottom: 5px;
    }
    .sell__list-title+.ocean__list{
        gap: 0;
        padding-left: 10px;
    }
    .contact__container{
        display: flex;
        justify-content: space-between;
        gap: 70px;
    }
    .contact__form{
        padding: 40px;
    }
    .contact__label{
        margin-bottom: 20px;
    }
    .contact__title{
        font-size: 45px;
        margin-bottom: 50px;
    }
    .contact__field{
        padding: 20px;
    }
    .contact__list{
        margin-bottom: 10px;
    }
    .contact__right{
        margin: 0;
    }
    .foot__right{
        /*background: none;*/
        /*padding: 0;*/
        /*width: 220px;*/
    }
    .msg__text{
        font-size: 25px;
    }
    .product__img{
        max-width: 450px;
    }
}

/* Language Switcher */
.products__lang-switcher {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    padding: 10px 0;
}

.lang-btn {
    padding: 8px 20px;
    background: #fff;
    border: 2px solid #2a9ba0;
    color: #2a9ba0;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s;
    font-size: 14px;
}

.lang-btn:hover {
    background: #2a9ba0;
    color: #fff;
}

.lang-btn.active {
    background: #2a9ba0;
    color: #fff;
}

/* Category Active State */
.products__category.active, .products__category:hover  {
    background: #fff;
    /*transform: scale(1.05);*/
    color: #2a9ba0;
    border: 1px solid #2a9ba0;
}

.products__category {
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid transparent;
}

.products__category:hover {
    /*background: #2a9ba0;*/
    /*transform: scale(1.02);*/
}

/* Product Modal */
.product-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    overflow-y: auto;
}

.product-modal.active {
    display: block;
}

.product-modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10001;
}

.product-modal__content {
    position: relative;
    max-width: 1200px;
    margin: 50px auto;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    z-index: 10002;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.product-modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: #43c2c9;
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    z-index: 10003;
}

.product-modal__close:hover {
    background: #2a9ba0;
    transform: rotate(90deg);
}

.product-modal__body {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-modal__left {
    width: 100%;
}

.product-modal__right {
    display: none;
}

.product-modal__name {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #2f2f2f;
    padding-right: 50px;
}

.product-modal__short-description {
    font-style: italic;
    margin-bottom: 20px;
    color: #666;
}

.product-modal__img {
    max-width: 250px;
    width: 100%;
    margin: 0 auto 20px;
    display: block;
}

.product-modal__description {
    margin-bottom: 25px;
    text-align: justify;
    line-height: 160%;
}

.product-modal__box {
    margin-bottom: 25px;
}

.product-modal__title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
    color: #2f2f2f;
}

.product-modal__list {
    list-style: none;
    padding: 0;
}

.product-modal__item {
    position: relative;
    margin-bottom: 5px;
    padding-left: 20px;
    line-height: 160%;
}

.product-modal__item:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 5px;
    width: 6px;
    height: 6px;
    background: #43c2c9;
    border-radius: 50%;
}

.product-modal__sheet {
    display: flex;
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
}

.product-modal__col {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    text-align: left;
}

.product-modal__col:nth-child(odd) {
    background: whitesmoke;
}

.product-modal__row {
    position: relative;
    display: flex;
    flex-shrink: 0;
    width: 50%;
    align-items: center;
    padding: 10px 15px;
    font-size: 14px;
}

.product-modal__row:first-child:before {
    content: '';
    background: url("../img/arrow.svg") 0 0 no-repeat;
    width: 17px;
    height: 24px;
    background-size: 25px;
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
}

/* Style for clinical application items without description */
.product-modal__col--no-description .product-modal__row {
    width: 100%;
}

.product-modal__col--no-description .product-modal__row:first-child:before {
    display: none;
}

.choice__card {
    box-shadow: 1px 1px 7px 1px #ccc;
    cursor: pointer;
    transition: all 0.3s;
}

.choice__card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.choice__details {
    cursor: pointer;
    transition: all 0.3s;
}

.choice__details:hover {
    background: #2a9ba0;
}

@media screen and (min-width: 768px) {
    .product-modal__body {
        flex-direction: row;
        gap: 40px;
        align-items: flex-start;
    }
    
    .product-modal__left {
        width: 65%;
    }
    
    .product-modal__right {
        display: block;
        width: 35%;
        position: sticky;
        top: 20px;
        align-self: flex-start;
    }
    
    .product-modal__right .product-modal__img {
        max-width: 100%;
        margin-top: 0;
    }
    
    .product-modal__row {
        font-size: 16px;
    }
}

@media screen and (min-width: 1024px) {
    .product-modal__content {
        padding: 40px;
    }
    
    .product-modal__name {
        font-size: 35px;
        padding-right: 0;
    }
}

/* Russian localization styles */
/* These styles apply only when language is set to Russian (html[lang="ru"]) */
/* You can customize font family and font sizes here for Russian language */

html[lang="ru"] {
    /* Uncomment and modify the font-family below to use a different font for Russian */
    /* Example: font-family: 'Roboto', 'Arial', sans-serif; */
    /* font-family: 'YourRussianFont', sans-serif; */
}

html[lang="ru"] body {
    /* Adjust base font size for Russian if needed */
    /* font-size: 17px; */
}

html[lang="ru"] .title {
    /* Adjust title font size for Russian if needed */
    /* font-size: 36px; */
}

html[lang="ru"] h1,
html[lang="ru"] h2,
html[lang="ru"] h3,
html[lang="ru"] h4,
html[lang="ru"] h5,
html[lang="ru"] h6 {
    /* Adjust heading font sizes for Russian if needed */
    /* Example: font-size: 1.1em; */
}

html[lang="ru"] p,
html[lang="ru"] li,
html[lang="ru"] span,
html[lang="ru"] div {
    /* Adjust paragraph and text element sizes for Russian if needed */
    /* Example: font-size: 1.05em; */
}

html[lang="ru"] .container {
    /* Adjust container spacing for Russian if needed */
}

html[lang="ru"] .section {
    /* Adjust section spacing for Russian if needed */
}

/* Add more specific selectors below as needed for Russian localization */


@media screen and (min-width: 1280px){
    .about, .present{
        -webkit-background-size: 1920px;
        background-size: 1920px;
        background-position: center top;
    }
    .present.prod-bg{
        height: 480px;
        -webkit-background-size: 2560px;
        background-size: 2560px;
        background-position: center top;
    }
}