@media (max-width: 1009px) {

}
@media (max-width:991px){

    
}
@media (max-width:833px){
    .header__list{
        display: none;
    }
    .header-des__btn{
        display: none;
    }
    .header__top-mail, .header__top-tel{
        margin: 0 200px 0 0;    }
    .header-tab__btn{
        display: flex;
    }
     .b-mobile {
        display: block;
    }
    .menu-icon {
        position: relative;
        z-index: 10001;
        cursor: pointer;
        width: 24px;
        height: 18px;
        transition: 0.3s;
    }
    .menu-icon__wrapper {
        position: relative;
        margin: 0 auto 0;
        width: 24px;
    }
    .menu-icon.active b {
        transition: 0.5s;
    }
    .menu-icon .b-menu__line {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 2px;
        border-radius: 15px;
        background: #2B362B;
        -webkit-transition: background-color 0.35s, -webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: background-color 0.35s, transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
    .menu-icon .b-menu__line_1 {
        top: 0;
    }

    .menu-icon .b-menu__line_2 {
        top: 8px;
    }

    .menu-icon .b-menu__line_3 {
        top: 16px;
        width: 100%;
    }
    .menu-icon.active .b-menu__line_1 {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg);
        top: 0px;
    }
    .menu-icon.active .b-menu__line_2 {
        opacity: 0;
    }
    .menu-icon.active .b-menu__line_3 {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
        top: 16px;
        width: 100%;
    }
    .header__right {
        display: flex;
        border-radius: 0px 0px 0px 30px;
        background: #FBFAF8;
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
        position: absolute;
        top: 99px;
        right: 0;
        width: 308px;
        height: 350px;
        padding: 40px 40px 40px 30px;
        opacity: 0;
        visibility: hidden;
        transform: translateX(100%);
        transition: 0.3s;
        z-index: 999999;
    }
    .header__right.active {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        z-index: 999999;
    }
    .nav__mob ul {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: end;

    }
    .header__right-row{
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .header__right-row .nav__mob ul li a {
        display: block;
        padding: 0;
        color: #2B362B;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.40;
        letter-spacing: -0.4px;
        transition: 0.3s;

        &.current__page{
            color:#E51414;
        }
    }
    .mob__line{
        width: 100%;
        height: 1px;
        background: #E2DED7;
    }
    .mob-menu__contact{
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-items: flex-end;
    }
    .mob__contact{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        gap: 20px;
    }

    .mob__contact a{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        color: #2B362B;
        font-family: "Sofia Pro";
        font-size: 14px;
        font-weight: 400;
        line-height: 1.40; 
    }
    .mob__contact-mail svg {
        width: 16px;
        height: 16px;
    }
    .hero{
        padding: 60px 0 0 0;
    }
    .hero__title{
        font-size: 60px;
        letter-spacing: -3.6px;
    }
    .hero__text{
        font-size: 24px;
    }
    .hero__title span{
        font-size: 60px;
        letter-spacing: -3.6px;
    }
    .advantages{
        padding: 120px 0 120px 0;
    }
    .advantages__top{
        gap: 20px;
        margin: 0 0 40px 0;
    }
    .advantages__title{
        max-width: 340px;
        font-size: 48px;
        letter-spacing: -2.88px;
    }
    .advantages__top p{
        max-width: 340px;
  
    }
    .advantages__list{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .advantages__list li{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        height: 340px;
        border-radius: 20px;
        padding: 46px 30px;
    
    }
    .advantages__list .advantages__bg-1{
        background-size: 389px auto;
        background-position: right;
    }
    .advantages__list .advantages__bg-2 {
        background-size: 389px auto;
        background-position: right;
    }
    .advantages__list .advantages__bg-3 {
        background-size: 389px auto;        
        background-position: right;
    }
    .advantages__subtitle{
        font-size: 30px;
        letter-spacing: -1.2px;
    }
    .advantages__text{
        max-width: 272px;
    }

    .balance{
        padding: 120px 0;
    }
    .balance__top, .balance__bottom{
        max-width: 340;
        gap: 20px;
    }
    .balance__top-left, .balance__bottom-right{
        flex-direction: column;
        justify-content: flex-start;
    }
    .balance__text-orange{
        font-size: 18px;
    }
    .balance__title{
        font-size: 48px;
        letter-spacing: -2.88px;
    }

    .balance__text{
        font-size: 19px;
    }
    .balance__text span{
        font-size: 19px;
    }
    .balance__top-right img, .balance__bottom img{
        border-radius: 20px;
        max-width: 340px;
        height: 468.649px;
        aspect-ratio: 340.00/468.65;
    }
    .animation__block{
        padding: 0 0 100px 0;
        gap: 20px;
    }
    .animation__item{
        height: 44px;
        padding: 0 25.55px;
        border-radius: 354.839px;
        border: 0.71px solid #A3A8A0;
        font-size: 23.419px;
        margin: 0 20px 0 0;
    }
    .animation__img{
        width: 149.032px;
        height: 44px;
        border-radius: 354.839px;
        margin: 0 20px 0 0;
    }
    
    .essence{
        padding: 120px 0;
    }
    .essence .container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 60px;
    }
    .essence__title{
        font-size: 48px;
        letter-spacing: -2.88px;
        margin:  0 0 16px 0;
    }
    .essence__bottom ul{
        display:  grid; 
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .reviews{
        padding: 120px 0;
    }
    
    .reviews__top h2{
        max-width: 340px;
        font-size: 48px;
        letter-spacing: -2.88px;
    }
    .reviews__top p{
        max-width: 340px;
    }
    .reviews__bottom ul{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 20px;
    }
    .reviews__bottom ul li{
        width: 100%;
        height: 290px;
        gap: 20px;
    }
    .about__hero-left{
        max-width: 432px;
        padding: 115.5px 0;
        
    }
    .about__hero-title, .about__hero-title span{
        font-size: 60px;
        letter-spacing: -3.6px;
    }
    .about__hero-text {
        font-size: 24px;

    }
    .about__hero-right{
        height: 600px;
    }
    .about__hero-right ul{
        gap: 10.71px;
        animation: scrollUp-tab 5s linear infinite;
    }
    .about__hero-right ul li  {
        
    }
    .about__hero-right ul li img{
        width: 220px;
        border-radius: 16.058px;
    }
    .about {
        padding: 120px 0;
        background: #F4F1ED;
    }
    .about .container {
        gap: 40px;
    }
    .about__top{
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .about__text-orange {
        font-size: 18px;
    }
    .about__title {
        font-size: 48px;
        letter-spacing: -2.88px;
        margin: 0 0 24px 0;
    }
    .about__text {
        max-width: 100%;

    }
    .about-essence {
        padding: 0 0 120px 0;
        background: #F4F1ED;
    }
    .about-essence .container {
        gap: 60px;
    }
    .about-essence__top{
        gap: 20px;
    }
    .about-essence__text-orange{
        font-size: 18px;
    }
    .about-essence__title {
        max-width: 340px;
        font-size: 48px;
        letter-spacing: -2.88px;
    }
    .about-essence__text {
        max-width: 340px;
    }
    .about-essence__list ul{
        gap: 20px;
    }
    .about-essence__list ul li{
        flex:0 0 340px;
        height: 400px;
    }
    .about-essence__list ul li p span{
        font-size: 19px;
    }
    .about__support{
        padding: 120px 0;
    }
    .about__support-top,
    .about__support-bottom {
	    gap: 20px;
    }   
    .about__support-text-orange {
        font-size: 18px;
    }
    .about__support-top-left h2,
    .about__support-bottom-right h2 {
        font-size: 48px;
        letter-spacing: -2.88px;
        margin: 0 0 24px 0;
    }
    .about__support-top-left ul li p,
    .about__support-bottom-right ul li p{
        max-width: 340px;
        font-size: 19px;
    }
    .about__support-top-right img,
    .about__support-bottom-left img{
        border-radius: 20px;
    }
    .support{
        padding: 80px 0 80px 0;
    }
    .support .container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        
    }
    .support__text-orange{
       text-align: center;
    }
    .support__title{
        text-align: center;
        font-size: 60px;
        letter-spacing: -3.6px;
    }
    .support__text{
        text-align: center;
        font-size: 24px;
        max-width: 654px;
    }
    .support__right{
        width: 100%;
    }

    .support__form h3{
        text-align: center;
    }
    .connect{
        padding: 80px 0;
     }
    .connect .container{
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: center;
        justify-content: space-between;
    }
    .connect__title{
        font-size: 48px;
        letter-spacing: -2.88px;
    }




    .footer .container {
        justify-content: center;
    }
    
    .footer__logo {
        font-size: 12px;
    }
}
@media (max-width:767px){
    .header__bottom {
        padding: 10px 0 10px 0;   
    }
    .header-des__btn{
        display: none;
    }
    .header-mob__btn {
        display: block;
    }
    .header__logo a{
        gap: 4px;
    }
    .header__logo a svg{
        width: 15.333px;
        height: 16px;
    }
    .header__logo a p{
        font-size: 13.333px;
    }
    .header-tab__btn{
        display: none;
    }
    .header__right {
        width: 100%;
        height: 100%;
        top: 116px;
        border-radius: 0;
        box-shadow: none;
        border-top: 1px solid #E2DED7;
        justify-content: center;
        padding: 30px 24px 30px 24px;
    }
    .header__right-row{
        width: 100%;
        align-items: center;
        
    }
    .mob__line{
        width: 100%;
    }
    .nav__mob ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mob__contact{
       align-items: center;
    }
    .mob-menu__btn{
        display: flex;
    }
    .mob__contact a{
        font-size: 16px;
    }
    .hero__title{
        font-size: 37px;
        letter-spacing: -2.22px;
    }
    .hero__title span{
        font-size: 37px;
        letter-spacing: -2.22px;
    }
    .hero__text{
        max-width: 100%;
        font-size: 19px;
    }
    .hero img{
        border-radius: 0px 0px 20px 20px;
    }
    .advantages{
        padding: 100px 0 100px 0;
    }
    .advantages__top{
        flex-direction: column;
    }
    .advantages__title{
        max-width: 100%;
        font-size: 32px;
        letter-spacing: -1.92px;
    }
    .advantages__top p{
        max-width: 100%;
        font-size: 19px;
  
    }
    .advantages__list{
        gap: 16px;
    }
    .advantages__list li{
        height: 423px;
        border-radius: 20px;
        padding: 40px 24px 30px 24px;
    
    }
    .advantages__list .advantages__bg-1{
        background-size: 90%;
        background-position: right;
    }
    .advantages__list .advantages__bg-2 {
        background-size: cover;
        background-position: center;
    }
    .advantages__list .advantages__bg-3 {
        background-size: cover;        
        background-position: center;
    }
    .advantages__subtitle{
        font-size: 24px;
        letter-spacing: -1.44px;
    }
    .advantages__text{
        max-width: 100%;
    }
    .balance{
        padding: 100px 0;
    }
    .balance .container{
        gap: 60px;
    }
    .balance__top, .balance__bottom{
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .balance__text-orange{
        font-size: 16px;
        margin: 0 0 8px 0;
    }
    .balance__title{
        font-size: 32px;
        letter-spacing:-1.92px;
        margin: 0 0 16px 0;
        }

    .balance__top-right img, .balance__bottom img{
        max-width: 322px;
        height: 436px;
        aspect-ratio: 340.00/468.65;
    }
    .balance__top-right, .balance__bottom-left{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .balance__bottom{
       flex-direction: column-reverse;
    }
    .animation__block{
        gap: 16px;
    }
    .animation__item{
        height: 36px;
        padding: 0 20.903px;
        border-radius: 290.323px;
        border: 0.581px solid#A3A8A0;
        font-size: 19.161px;
        margin: 0 16px 0 0;
    }
    .animation__img{
        width: 121.935px;
        height: 36px;
        border-radius: 290.323px;
        margin: 0 16px 0 0;
    }
    
    .essence{
        padding: 100px 0;
    }
    .essence__title{
        font-size: 32px;
        letter-spacing: -1.92px;
    }
    .essence__text{
        font-size: 19px;
    }
    .essence__bottom ul{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 48px;
    }
    .essence__bottom ul li{
        gap: 24px;
    }
    .essence__bottom ul li svg{
        width: 50px;
        height: 50px;
    }
    .essence__bottom ul li h4 {
        font-size: 21px;
        line-height: 1; 
        letter-spacing: -1.26px;
        margin: 0 0 8px 0;
    }
    .essence__bottom ul li p {
        font-size: 19px;
    }
    .reviews{
        padding: 100px 0;
    }
    .reviews .container {
        gap: 50px;
    }
    .reviews__bottom ul{
        display: none;
    }
    .reviews__top{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .reviews__top h2{
        font-size: 32px;
        letter-spacing: -1.92px;
    }
    .reviews__top p{
        font-size: 19px;
    }
    .swiper{
        display: flex;
    }
    .swiper-slide {
        display: flex;
        width: 296px;
        height: 276px;
        padding: 20px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        border-radius: 20px;
        background:  #FFF;
    }
    .header__animation{
        display: none;
    }
    .header__top-mob {
        display: flex;
    }
    .header__top-mob-mail,
    .header__top-mob-tel {
        font-size: 14px;
    }
    .about__hero .container{
        flex-direction: column;
		justify-content: center;
		gap: 20px;
    }
    .about__hero-left{
        max-width: 100%;
        padding: 80px 0 60px 0;
    }
    .about__hero-title, .about__hero-title span{
        text-align: center;
        font-size: 37px;
        letter-spacing: -2.22px;
    }
    .about__hero-title{
        margin: 0 0 12px 0;
    }
    .about__hero-text{
        text-align: center;
        font-size: 19px;
    }
    .about__hero-right{
        height: 124px;
    }
    .about__hero-right ul{
        flex-direction:row;
        gap: 16px;
        animation: scrollUp-mob 5s linear infinite;
    }

    .about__hero-right ul li img{
        width: auto;
        max-width: 166px;
        height: 124px;
        border-radius: 7.765px;
        object-fit: cover;
    }
    .about {
        padding: 100px 0;
    }
    .about .container {
        gap: 20px;
    }
    .about__top{
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .about__text-orange {
        font-size: 16px;
    }
    .about__title {
        font-size: 32px;
        letter-spacing: -1.92px;
        margin: 0 0 20px 0;
    }
    .about__text {
        font-size: 19px;
    }
    .about-essence {
        padding: 0 0 100px 0;
        background: #F4F1ED;
    }
    .about-essence .container {
        gap: 60px;
    }
    .about-essence__top{
        flex-direction: column;
        gap: 16px;
    }
    .about-essence__text-orange{
        font-size: 16px;
        margin: 0 0 8px 0;
    }
    .about-essence__title {
        max-width: 100%;
        font-size: 32px;
        letter-spacing: -1.92px;
    }
    .about-essence__text {
        max-width: 100%;
        font-size: 19px;
    }
    .about-essence__list ul{
        gap: 16px;
    }
    .about-essence__list ul li{
        flex:0 0 100%;
        height: 360px;
    }
    .about-essence__list ul li p span{
        font-size: 19px;
    }
    .about__support{
        padding: 100px 0;
    }
    .about__support .container{
        gap: 60px;
    }
    .about__support-top{
        display: flex;
        flex-direction: column;
         gap: 30px;
    }   
    
    .about__support-bottom {
        display: flex;
        flex-direction: column-reverse;
         gap: 30px;
    } 
    .about__support-text-orange {
        font-size: 16px;
        margin: 0 0 8px 0;
    }
    .about__support-top-left h2,
    .about__support-bottom-right h2 {
        font-size: 32px;
        letter-spacing: -1.92px;
        margin: 0 0 16px 0;
    }
    .about__support-top-left ul li p,
    .about__support-bottom-right ul li p{
        max-width: 100%;
        font-size: 19px;
    }
    .about__support-top-right img,
    .about__support-bottom-left img{
        width: 100%;
        border-radius: 20px;
    }
    .support{
        padding: 60px 0;
    }
    .support__title{
        font-size: 37px;
        letter-spacing: -2.22px;
    }
    .support__text{
        font-size: 19px;
        max-width: 100%;
    }
    .support__right{
        width: 100%;
        height: 436px;
        border-radius: 20px;
        padding: 30px 20px;
    }
    .support__form{
        gap: 30px;
    }
    .support__form h3{
        font-size: 21px;
        text-align: center;
    }
    .connect{
        padding: 60px 0;
    }
    .connect__title{
        font-size: 32px;
        letter-spacing: -1.92px;
    }
    .connect__block{
        flex-direction: column;
        gap: 30px;
    }
    .connect__mail, .connect__tel{
        flex-direction: column;
        gap: 12px;
     }
    .connect__mail div,
    .connect__tel div{
        align-items: center;
        justify-content: center;
    }
    .connect__line{
        width: 45px;
        height: 1px;
    }

    .footer .container {
        gap: 40px;   }
    .footer__top{
        flex-direction: column;
        gap: 40px;
    }
    .footer__left{
        gap: 16px;
        align-items: center;
        justify-content: center;
    }
    .footer__left p {
        max-width: 100%;
        text-align: center;
        opacity: 0.7;
    }
    .footer__nav ul{
        align-items: center;
    }
    .footer__right{
        align-items: center;
    }
    .footer__mail a, .footer__mail p, .footer__tel a, .footer__tel p{
        text-align: center;
    }
    .footer__bottom{
        flex-direction: column;
        gap: 16px;
    }
    .footer__bottom-right {
        gap: 50px;
    
    }
 }
@media (max-width: 499px) {

}
@media (max-width: 389px) {
    .container{
        padding: 0 15px;
    }
}