@font-face {
    font-family: 'Anglecia Pro Dsp';
    src: local('fonts/Anglecia Pro Display Italic'), local('fonts/AngleciaProDisplay-Italic'), url('fonts/Angleciaprodisplayitalic.woff2') format('woff2'), url('fonts/Angleciaprodisplayitalic.woff') format('woff'), url('fonts/Angleciaprodisplayitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Anglecia Pro Dsp';
    src: local('fonts/Anglecia Pro Display Regular'), local('fonts/AngleciaProDisplay-Regular'), url('fonts/Angleciaprodisplayregular.woff2') format('woff2'), url('fonts/Angleciaprodisplayregular.woff') format('woff'), url('fonts/Angleciaprodisplayregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-Light.eot');
    src: local('fonts/Cera Pro Light'), local('fonts/CeraPro-Light'),
        url('fonts/CeraPro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Light.woff2') format('woff2'),
        url('fonts/CeraPro-Light.woff') format('woff'),
        url('fonts/CeraPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-MediumItalic.eot');
    src: local('fonts/Cera Pro Medium Italic'), local('fonts/CeraPro-MediumItalic'),
        url('fonts/CeraPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-MediumItalic.woff2') format('woff2'),
        url('fonts/CeraPro-MediumItalic.woff') format('woff'),
        url('fonts/CeraPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-RegularItalic.eot');
    src: local('fonts/Cera Pro Regular Italic'), local('fonts/CeraPro-RegularItalic'),
        url('fonts/CeraPro-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-RegularItalic.woff2') format('woff2'),
        url('fonts/CeraPro-RegularItalic.woff') format('woff'),
        url('fonts/CeraPro-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-BlackItalic.eot');
    src: local('fonts/Cera Pro Black Italic'), local('fonts/CeraPro-BlackItalic'),
        url('fonts/CeraPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-BlackItalic.woff2') format('woff2'),
        url('fonts/CeraPro-BlackItalic.woff') format('woff'),
        url('fonts/CeraPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-Medium.eot');
    src: local('fonts/Cera Pro Medium'), local('fonts/CeraPro-Medium'),
        url('fonts/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Medium.woff2') format('woff2'),
        url('fonts/CeraPro-Medium.woff') format('woff'),
        url('fonts/CeraPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-BoldItalic.eot');
    src: local('fonts/Cera Pro Bold Italic'), local('fonts/CeraPro-BoldItalic'),
        url('fonts/CeraPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-BoldItalic.woff2') format('woff2'),
        url('fonts/CeraPro-BoldItalic.woff') format('woff'),
        url('fonts/CeraPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-ThinItalic.eot');
    src: local('fonts/Cera Pro Thin Italic'), local('fonts/CeraPro-ThinItalic'),
        url('fonts/CeraPro-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-ThinItalic.woff2') format('woff2'),
        url('fonts/CeraPro-ThinItalic.woff') format('woff'),
        url('fonts/CeraPro-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-LightItalic.eot');
    src: local('fonts/Cera Pro Light Italic'), local('fonts/CeraPro-LightItalic'),
        url('fonts/CeraPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-LightItalic.woff2') format('woff2'),
        url('fonts/CeraPro-LightItalic.woff') format('woff'),
        url('fonts/CeraPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-Black.eot');
    src: local('fonts/Cera Pro Black'), local('fonts/CeraPro-Black'),
        url('fonts/CeraPro-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Black.woff2') format('woff2'),
        url('fonts/CeraPro-Black.woff') format('woff'),
        url('fonts/CeraPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-Bold.eot');
    src: local('fonts/Cera Pro Bold'), local('fonts/CeraPro-Bold'),
        url('fonts/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Bold.woff2') format('woff2'),
        url('fonts/CeraPro-Bold.woff') format('woff'),
        url('fonts/CeraPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-Regular.eot');
    src: local('fonts/Cera Pro Regular'), local('fonts/CeraPro-Regular'),
        url('fonts/CeraPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Regular.woff2') format('woff2'),
        url('fonts/CeraPro-Regular.woff') format('woff'),
        url('fonts/CeraPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro-Thin.eot');
    src: local('fonts/Cera Pro Thin'), local('fonts/CeraPro-Thin'),
        url('fonts/CeraPro-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Thin.woff2') format('woff2'),
        url('fonts/CeraPro-Thin.woff') format('woff'),
        url('fonts/CeraPro-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
html{
    font-size: 16px;
    font-family: 'Cera Pro', sans-serif;
}
body{
    background: #F6F6F2;
}
h1{
    font-family: 'Anglecia Pro Dsp', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 3rem;
    line-height: 130%;
    color: #35424B;
}
h2{
    font-family: 'Anglecia Pro Dsp', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 3rem;
    line-height: 130%;
    color: #35424B;
}
h4{
    font-family: 'Anglecia Pro Dsp', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 150%;
    color: #FFFFFF; 
}
h6{
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 200%;
    text-decoration-line: underline;
    color: #C5AB90;
    margin: 40px 0 0 0;
}
.container{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
}
.z-index-11{
    z-index: 11;
}
#header-content{
    padding: 32px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 11;
}
#right-header-content{
    display: flex;
    align-items: center;
}
#right-header-content p{
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 150%;
    color: #35424B;
    margin: 0 0 0 10px;
}
#left-main-conent{
    padding: 60px 0 90px 0;
}
#first-section-content p{
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 150%;
    color: #35424B;

}
#bg-left-first-screen{
    position: absolute;
    left: 0;
    z-index: -11;   
}
#bg-right-first-screen{
    position: absolute;
    z-index: -11;
    right: 0;
}
#left-main-content{
    margin-top: 95px;
}
.color-C5AB90{
    color: #C5AB90;
}
.btn-with-text {
    position: relative;
    max-width: 400px;
}
.btn-with-text p{
    text-align: center;
    margin-top: 22px;
}
.btn{
    width: 400px;
    height: 80px;
    background: #C5AB90;
    border: none;
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 150%;
    text-align: center;
    color: #fff;
}
.btn:hover{
    width: 400px;
    color: #fff;
}
.main-right-img{
    position: relative;
}
.main-right-img img{
    position: absolute;
    right: -50px;
}
#main-right-img-mb{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
}
.main-description{
    margin: 40px 0 50px 0;
    max-width: 500px;
}
#second-section{
    background: #35424B;
}
#second-section-content{
    padding: 100px 0 70px 0;
}
#second-section-content h4{
    margin: 30px 0 30px 0;
}
.sup-new{
    width: 45px;
    height: 24px;
    background: #C5AB90;
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 130%;
    color: #FFFFFF;
    position: absolute;
}
.sup-new p{
    text-align: center;
    width: 100%;
    margin: 2px 0;
}
#third-section{
    padding: 120px 0;
}
.third-s-description{
    font-family: 'Cera Pro', sans-serif;
    margin: 40px 0 60px 0;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 150%;
    color: #35424B;
    max-width: 490px;
}
.second-bx-check-double{
    max-width: 230px;
}
.bx-check-double{
    margin-bottom: 40px;
}
.bx-check-double p{
    margin-top: 12px;
}
.picture1mb{
    display: none;
}
#btn2{
    width: 500px;
}
#fourth-section {
    background: #35424B;
    padding: 120px 0 80px 0;
    position: relative;
}
#fourth-section h2{
    color: #fff;
    margin-bottom: 60px;
}
.list-fourth-section{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.list-fourth-section p{
    margin: 0 0 0 30px;
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 150%;
    color: #FFFFFF;
    max-width: 350px;
}
.fourth-s-right-content p{
    margin-bottom: 86px;
    color: #fff;
}
#fifth-section{
    padding: 120px 0;
}
.picture-fifth-s{
    position: relative;
}
.picture-fifth-s img{
    position: absolute;
}
.fifth-s-description{
    margin: 40px 0 60px 0;
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 150%;
    color: #35424B;
}
.btn-with-text-fifth-s{
    max-width: 469px;
}
#btn-fifth-s{
    width: 469px;
}
.btn-with-text-fifth-s p{
    text-align: center;
    margin-top: 22px;
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 150%;
    color: #35424B;
}
.picture-fifth-s-mb{
    display: none;
}
#sixth-section{
    background: #35424B;
    padding: 120px 0;
    position: relative;
}
#sixth-section h2{
    color: #fff;
}
.sixth-description{
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 150%;
    color: #FFFFFF;
    margin: 40px 0 60px 0;
}
.text-with-icon-sixth-s{
    display: flex;
    margin-bottom: 80px;
}
.text-with-icon-sixth-s p{
    padding-left: 25px;
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 150%;
    color: #FFFFFF;
}
.week{
    background: #47545E;
    width: 100%;
    height: 218px;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 30px;
}
.week h5{
    font-family: 'Anglecia Pro Dsp', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1,625rem;
    line-height: 130%;
    color: #C5AB90;
    margin-bottom: 25px;
}
.week p{
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 150%;
    color: #FFFFFF;
}
.number-week{
    position: absolute;
    font-family: 'Anglecia Pro Dsp', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 9rem;
    line-height: 130%;
    color: #35424B;
    left: -25px;
    bottom: 0;
}
.week-content{
    max-width: 300px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 200px;
}
.text-info-week{
    display: flex;
    align-items: center;
    margin-top: 32px;
    max-width: 350px;
}
.text-info-week p{
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 150%;
    color: #FFFFFF;
    margin: 0 0 0 25px;
}
.week-text-with-button{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#sixth-s-button{
    width: 100%;
    height: 111px;
}
.mb-sixth-s-picture{
    display: none;
}
.bg-picture2{
    position: absolute;
    right: 0;
    bottom: 0;
}
#seventh-section{
    padding: 120px 0 160px 0;
    position: relative;
}
.sixth-section-content h2{
    color: #35424B;
}
.description-seventh-s{
    max-width: 500px;
    margin: 40px 0 60px 0;
}
.text-with-btn-ixth-s{
    display: flex;
    align-items: center;
}
#seventh-s-btn{
    width: 270px;
}
.text-with-btn-ixth-s p{
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 150%;
    color: #35424B;
    max-width: 250px;
    margin: 0 0 0 30px;
}
.seventh-s-box{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 100%;
    height: 128px;
    margin-bottom: 30px;
}
.seventh-s-box p{
    max-width: 160px;
    margin: 0 0 0 25px;
}
.seventh-s-box img{
    margin: 0 0 0 15px;
}
.mb-seventh-s-boxs{
    display: none;
}
footer{
    background: #35424B;
    padding: 120px 0;
}
.footer-description-review{
    max-width: 218px;
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 150%;
    color: #FFFFFF;
    margin-top: 16px;
}
.icon-with-text-footer{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px;
}
.icon-with-text-footer p{
    margin: 0 0 0 30px;
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 150%;
    color: #C5AB90;
}
#btn-vk{
    width: 100%;
    margin-bottom: 20px;
}
#btn-inst{
    width: 100%;
}
.footer-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-btn span{
    margin: 0 0 0 10px;
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 150%;
    color: #FFFFFF;
}
.contact-info p{
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 200%;
    color: #FFFFFF;
}
.contact-info a{
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 200%;
    color: #FFFFFF;

}
.down-footer-info{
    margin-top: 70px;
}
.company-info{
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 200%;
    color: #FFFFFF;
}
.footer-list{
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer-list a{
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 150%;
    text-decoration-line: underline;
    color: #C5AB90;
}
.third-li-footer{
    padding-left: 18px;
}
.bg-text{
    position: absolute;
    z-index: -1;
    bottom: -40px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.bg-text span{
    font-family: 'Anglecia Pro Dsp', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 6.25rem;
    line-height: 130%;
    color: #FFFFFF;
}
.br-mb-none{
    display: none;
}
.br-mb-block{
    display: none;
}
@media (max-width: 1427px){
    .bg-text{
        bottom: -35px;
    }
    .bg-text span{
        font-size: 5rem;
    }
}
@media (max-width: 1250px){
    .main-right-img img{
        width: 110%;
        top: 40px;
        right: 0;
    }
    .footer-btn span{
        margin: 0 0 0 8px;
    }
    .bg-text{
        bottom: -30px;
    }
    .bg-text span{
        font-size: 4rem;
    }
}
@media (max-width: 992px){
    #bg-right-first-screen{
        width: 100%;
    }
    .main-right-img img{
        width: 100%;
        top: 60px;
        right: 0;
    }
    html{
        font-size: 14px;
    }
    h1{
        font-size: 2.71rem;
    }
    .main-description{
        max-width: 460px;
    }
    .main-description{
        margin: 36px 0 60px 0;
        max-width: 500px;
    }
    .btn{
        width: 380px;
        height: 60px;
        background: #C5AB90;
        border: none;
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 1.125rem;
        line-height: 150%;
        text-align: center;
        color: #fff;
    }
    #btn2{
        width: 480px;
    }
    .btn-with-text {
        position: relative;
        max-width: 380px;
    }
    #fourth-btn{
        max-width: 300px;
    }
    .picture-fifth-s img{
        top: 100px;
    }
    #btn-fifth-s{
        width: 360px;
    }
    .btn-with-text-fifth-s{
        max-width: 400px;
    }
    .week-content{
        max-width: 300px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 150px;
    }
    .hird-s-title-br{
        display: none;
    }
    .footer-btn span{
        margin: 0 0 0 10px;
    }
    .bg-text{
        bottom: -20px;
    }
    .bg-text span{
        font-size: 3.5rem;
    }
}
@media (max-width: 768px){
    #first-section-content{
        background: #F7F6F2;
        padding-top: 0;
    }
    #bg-left-first-screen{
        display: none;
    }
    #bg-right-first-screen{
        width: 100%;
    }
    .main-right-img img{
        display: none;
    }
    #main-right-img-mb{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }
    #left-main{
        display: flex;
        justify-content: center;
    }
    #header-content{
        flex-direction: column;
        align-items: flex-start;
    }
    .logo{
        margin-bottom: 60px;
    }
    .picture1mb{
        display: block;
    }
    .picture1{
        display: none;
    }
    .sup-new p{
        text-align: center;
        width: 100%;
        margin: 3px 0;
    }
    .picture-fifth-s{
        display: none;
    }
    .picture-fifth-s-mb{
        display: block;
        width: 50%;
    }
    #sixth-s-button{
        width: 100%;
        height: 90px;
    }
    .mb-sixth-s-picture{
        display: block;
    }
    .sixth-s-picture{
        display: none;
    }
    .fourth-s-right-content{
        max-width: 400px;
    }
    .fifth-s-description{
        max-width: 400px;
    }
    .seventh-s-boxs{
        display: none;
    }
    .mb-seventh-s-boxs{
        display: flex;
        margin-bottom: 30px;
    }
    .seventh-s-box{
        width: 40%;
        margin: 0 30px 30px 0;
    }
    h6{
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 200%;
        text-decoration-line: underline;
        color: #C5AB90;
        margin: 0 0 0 0;
    }
    .first-footer-content{
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .bg-text{
        bottom: -15px;
    }
    .bg-text span{
        font-size: 2.8rem;
    }
    .bg-picture2{
        position: absolute;
        right: 0;
        top: 0;
    }
}
@media (max-width: 576px){
    .fourth-s-right-content p{
        margin: 0 0 40px 0;
    }
    .fourth-s-right-content{
        width: 100%;
    }
    html{
        font-size: 12px;
    }
    .main-description{
        margin: 30px 0 40px 0;
        max-width: 500px;
    }
    .btn{
        width: 340px;
        height: 60px;
        background: #C5AB90;
        border: none;
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 1.125rem;
        line-height: 150%;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
    }
    .btn-with-text {
        position: relative;
        max-width: 340px;
    }
    #btn2{
        width: 360px;
    }
    .sup-new p{
        text-align: center;
        width: 100%;
        margin: 4px 0;
    }
    .list-fourth-section p{
        margin: 0 0 0 25px;
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 1.125rem;
        line-height: 150%;
        color: #FFFFFF;
        max-width: 350px;
    }
    .picture-fifth-s-mb{
        display: block;
        width: 60%;
    }
    #btn-fifth-s{
        width: 350px;
    }
    .btn-with-text-fifth-s{
        max-width: 350px;
    }
    .week{
        background: #47545E;
        width: 100%;
        height: 150px;
        display: flex;
        justify-content: center;
        position: relative;
        margin-bottom: 30px;
    }
    .week h5{
        margin-bottom: 15px;
    }
    #sixth-s-button{
        width: 100%;
        height: 80px;
    }
    .seventh-s-box{
        width: 100%;
        margin: 0 0 20px 0;
    }
    .mb-seventh-s-boxs{
        display: block;
        margin-bottom: 40px;
    }
    .text-with-btn-ixth-s{
        display: flex;
        flex-direction: column;
    }
    .text-with-btn-ixth-s p{
        text-align: center;
        margin: 13px 0 0 0;
    }
    h6{
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 200%;
        text-decoration-line: underline;
        color: #C5AB90;
        margin: 20px 0 0 0;
    }
    .first-footer-content{
        display: flex;
        justify-content: none;
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }
    .icon-with-text-footer{
        margin-bottom: 40px;
    }
    .icon-with-text-footer p{
        margin: 0 0 0 10px; 
    }
    .icon-with-text-footer img{
        width: 30px
    }
    .footer-btn img{
        width: 25px;
    }
    .down-footer-info{
        margin-top: 30px;
    }
    .bg-text{
        bottom: -10px;
    }
    .bg-text span{
        font-size: 2.2rem;
    }
    .bg-picture2{
        position: absolute;
        right: 0;
        top: 0;
        width: 80%;
    }
    #bg-picture{
        width: 50%;
    }
    #fourth-btn{
        max-width: 100%;
    }
    .br-mb-block{
        display: block;
    }
}
@media (max-width: 425px){
    html{
        font-size: 16px;
    }
    .br-mb-none{
        display: block;
    }
    .btn{
        width: 100%;
        height: 60px;
        background: #C5AB90;
        border: none;
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 1rem;
        line-height: 150%;
        text-align: center;
        color: #fff;
    }
    .btn-with-text {
        max-width: 100%;
        margin: 0;
    }
    #btn2{
        width: 100%;
    }
    .btn-with-text-fifth-s{
        max-width: 100%;
    }
    #btn-fifth-s{
        width: 100%;
    }
    #seventh-s-btn{
        width: 100%;
    }
    #left-main-conent {
        padding: 60px 0 60px 0;
    }
    #second-section-content {
        padding: 60px 0 60px 0;
    }
    #third-section {
        padding: 60px 0;
    }
    #fourth-section {
        padding: 60px 0 60px 0;
    }
    #fifth-section {
        padding: 60px 0;
    }
    #sixth-section {
        padding: 60px 0;
    }
    #seventh-section {
        padding: 60px 0 70px 0;
    }
    footer {
        padding: 60px 0;
    }
    #left-main-conent {
        padding: 44px 0 60px 0;
    }
    .main-description {
        margin: 30px 0 40px 0;
        width: 100%;
    }
     h1{
        font-family: 'Anglecia Pro Dsp', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 2rem;
        line-height: 130%;
        color: #35424B;
    }
    h2{
        font-family: 'Anglecia Pro Dsp', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 2rem;
        line-height: 130%;
        color: #35424B;
    }
    .bx-check-double p{
        font-size: 1rem;
    }
    /*
    #first-section-content p {
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    color: #35424B;
    }
    .btn{
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 150%;
        text-align: center;
        color: #FFFFFF;
    } */
    .main-description {
        margin: 20px 0 30px 0;
    }
    .btn-with-text p{
        margin: 10px 0 0 0;
    }
    #second-section-content h4 {
        margin: 20px 0 30px 0;
    }
    #third-section-content h2{
        margin-bottom: 30px;
    }
    /* .sup-new {
        width: 36px;
        height: 19px;
        background: #C5AB90;
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 1rem;
        line-height: 130%;
        color: #FFFFFF;
        position: absolute;
    } */
    .sup-new p {
        text-align: center;
        width: 100%;
        margin: 2px 0;
    }
    /* .third-s-description{
        font-family: 'Cera Pro', sans-serif;
        margin: 30px 0 40px 0;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        color: #35424B;
    }
    .bx-check-double p {
        margin-top: 12px;
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 150%;
    } */
    .br-fourth-s{
        display: none;
    }
    /* .list-fourth-section p {
        margin: 0 0 0 25px;
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        color: #FFFFFF;
        max-width: 350px;
    } */
    .list-fourth-section {
        margin-bottom: 20px;
    }
    /* .fourth-s-right-content p {
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        color: #FFFFFF;
        margin: 40px 0;
    } */
    /* .fifth-s-description {
        margin: 20px 0 40px 0;
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 1.125rem;
        line-height: 150%;
        color: #35424B;
    } */
    /* .sixth-description {
        font-family: 'Cera Pro', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 1.125rem;
        line-height: 150%;
        color: #FFFFFF;
        margin: 20px 0 40px 0;
    } */
    .text-with-icon-sixth-s{
        margin-bottom: 20px;
    }
    .text-with-icon-sixth-s-second{
        margin-bottom: 40px;
    }
    .week-content {
        max-width: 300px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 130px;
    }
    .week {
        background: #47545E;
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        position: relative;
        margin-bottom: 30px;
    }
    .number-week{
        font-size: 90px;
        bottom: 40px;
    }
    /* .week h5{

        font-size: 16px;
        line-height: 130%;
    }
    .week p {
        font-size: 12px;
        color: #FFFFFF;
    } */
    .description-seventh-s {
        max-width: 500px;
        margin: 20px 0 30px 0;
    }
    .first-footer-content {
        display: flex;
        justify-content: none;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
    }
    .icon-with-text-footer {
        justify-content: flex-start;
    }
}
@media (max-width: 400px){
    .logo img{
        width: 70%;
    }
    #right-header-content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .picture-fifth-s-mb{
        display: block;
        width: 100%;
    }
    .week-content{
        max-width: 300px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 110px;
    }
    #sixth-s-button{
        width: 100%;
        height: 60px;
    }
}