@media screen and (max-width: 1440px){
    .conteiner{
        max-width: 1440px;
    }

    /* Основное */

    .top{
        max-width: 1440px;
        height: 748px;
    }

    .top__inner {
        max-width: 1440px;
    }

    .top__flex{
        height: 500px;
    }

    .top__title{
        max-width: 676px;
        height: 223px;
        font-size: 100px;
        line-height: 120px;
    }

    .top__fedback{
        max-width: 689px;
        height: 64px;
    }

    .top__text{
        max-width: 358px;
        font-size: 20px;
    }

    .top__blocks {
        max-width: 1352px;
        max-height: 180px;
        gap: 28px;
    }
    
    .top__block{
        max-width: 432px;
        width: 100%;
        height: 180px;
    }

    .block__content{
        max-width: 432px;
        height: 90px;
        gap: 13px;
    }
    
    .content__text{
        font-size: 20px;
        line-height: 26px;
    }

    /* О компании */

    .company{
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        max-width: 1440px;
    }
    
    .company__header {
        max-width: 292px;
        height: 44px;
        font-weight: 700;
        font-size: 44px;
        line-height: 44px;
    }
    
    .company__blocks{
        max-width: 1360px;
        max-height: 420px;
    }
    
    .company__block{
        max-width: 440px;
        width: 100%;
        height: 200px;
        gap: 20px;
    }
    
    .company__block__content{
        max-width: 292px;
    }
    
    .company__block__header{
        font-weight: 700;
        font-size: 36px;
        line-height: 46.8px;
    }
    
    .company__block__text{
        max-width: 292px;
        font-weight: 400;
        font-size: 18px;
        line-height: 23.4px;
    }
    
    .company__icons{
        max-width: 68px;
        max-height: 88px;
    }

    /* Почему мы */

    .why__we{
        height: 828px;
        max-width: 1440px;
        width: 100%;
    }
    
    .we__header__text{
        font-weight: 700;
        font-size: 44px;
        line-height: 44px;
        color: #FFFFFF;
    }
    
    .we__blocks{
        max-width: 1360px;
        width: 100%;
        max-height: 528px;
    }
    
    .we__block__one{
        max-width: 662px;
        min-height: 250px;
        width: 100%;
    }
    
    .we__text{
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        padding-left: 35px;
        max-width: 503px;
        max-height: 52px;
    }
    
    .we__icons__one{
        max-width: 120px;
        max-height: 120px;
        padding-top: 44px;
        padding-left: 34px;
    }
    
    .we__block__two{
        width: 432px;
        height: 250px;
    }
    
    .we__icons__two{
        max-width: 120px;
        max-height: 120px;
    }

    /* Направления */
    .direction{
        max-width: 1440px;
    }

    .direction__header{
        max-width: 743px;
        height: 88px;
        font-size: 44px;
        line-height: 44px;
    }

    .direction__blocks{
        max-width: 1360px;
    }

    .direction_block{
        max-width: 440px;
    }

    .direction_block_content{
        max-width: 344px;
        height: 160px;
    }


    .direction_block_header_text{
        font-size: 26px;
        line-height: 33.8px;
    }

    .derection_list li{
        font-size: 18px;
        line-height: 23.4px;
    }

    /* Карьерная лестница */

    .ladder{
        max-width: 1440px;
        min-height: 1485px;
    }

    .ladder__header{
        max-width: 498px;
        max-height: 44px;
        font-size: 44px;
        line-height: 44px;
    }

    .ladder_number.two{
        position: absolute;
        top: 60.64%;
        left: 33.27%;
        z-index: 2;
    }


    .ladder__content__header{
        max-width: 201px;
        font-size: 26px;
    }

    .ledder__list li{
        line-height: 26px;
        font-size: 20px;
    }

    .ladder__content.two{
        position: absolute;
        top: 66.6%;
        left: 33.4%;
    }

    .ladder__line1{
        top: 15.23%;
        left: 15%;
    }

    /* Истории успеха */

    .history__header{
        max-width: 382px;
        height: 44px;
        font-size: 44px;
        line-height: 44px;
    }

    .history__blocks{
        max-width: 1350px;
    }

    .history__block{
        max-width: 440px;
    }

    .history__name{
        width: 332px;
        height: 52px;
        font-size: 26px;
        line-height: 26px;
    }

    .history__post{
        font-size: 18px;
        line-height: 23.4px;
    }

    .history__project{
        font-size: 18px;
        line-height: 23.4px;
    }

    .history__city{
        font-size: 18px;
        line-height: 23.4px;
    }

    .history__btn{
        margin-top: 60px;
        font-size: 18px;
        line-height: 23.4px;
    }

    /* Узнать больше */

    .history_model{
        max-width: 1440px;
        width: 100%;
        height: 100%;
    }

    .history_model_conteiner{
        max-width: 1360px;
        width: 90%;
        height: 592px;
    }

    .history_model_content{
        max-width: 1360px;
        width: 100%;
    }

    .history_model_name{
        font-weight: 700;
        font-size: 26px;
        line-height: 31.2px;
    }

    .history_model_post{
        font-size: 18px;
        line-height: 23.4px;
        margin-top: 10px;
    }

    .history_model_discription{
        max-width: 866px;
        max-height: 306px;
        font-size: 20px;
        line-height: 20px;
    }

    .history__modal__icons1{
        max-width: 437.77px;
        width: 30%;
        max-height: 417.83px;
    }

    .history__modal__icons2{
        max-width: 324px;
        width: 30%;
        max-height: 384px;
    }

    .history__modal__icons3{
        max-width: 318px;
        width: 30%;
        max-height: 356px;
    }   

    /* Фидбэк секция */

    .fedback{
        max-width: 1440px;
        height: 900px;
    }
    
    .fedback_conteiner{
        padding: 80px 40px 80px 40px;
    }
    
    .fedback__header{
        font-size: 44px;
        line-height: 44px;
        width: 659px;
        height: 88px;
    }
}

@media screen and (max-width: 1280px){
    .conteiner{
        max-width: 1280px;
    }

    /* Основное */

    .top{
        max-width: 1280px;
        height: 660px;
    }

    .top__inner {
        max-width: 1280px;
    }

    .top__flex{
        height: 450px;
    }

    .top__conteiner {
        gap: 50px;
    }

    .top__title{
        max-width: 517px;
        height: 199.77px;
        font-size: 80px;
        line-height: 96px;
    }

    .top__fedback{
        max-width: 689px;
        height: 64px;
    }

    .top__blocks {
        max-width: 1172px;
        max-height: 140px;
        gap: 28px;
    }
    
    .top__block{
        max-width: 372px;
        width: 100%;
        height: 140px;
    }

    .block__content{
        max-width: 337px;
        height: 78px;
        gap: 8px;
        padding: 32px 35px;
    }
    
    .content__text{
        font-size: 16px;
        line-height: 20.8px;
    }

    .top__icons{
        max-width:  76px;
        max-height: 76px;
    }

    /* Фидбек модалка */

    /* О компании */

    .company{
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        max-width: 1280px;
    }
    
    .company__header {
        max-width: 279px;
        height: 42px;
        font-weight: 700;
        font-size: 42px;
        line-height: 42px;
    }
    
    .company__blocks{
        max-width: 1180px;
        max-height: 320px;
    }
    
    .company__block{
        max-width: 380px;
        width: 100%;
        height: 150px;
        gap: 20px;
    }
    
    .company__block__content{
        max-width: 232px;
    }
    
    .company__block__header{
        font-weight: 700;
        font-size: 36px;
        line-height: 46.8px;
    }
    
    .company__block__text{
        max-width: 232px;
        font-weight: 400;
        font-size: 16px;
        line-height: 20.8px;
    }
    
    .company__icons{
        max-width: 68px;
        max-height: 88px;
    }

    /* Почему мы */

    .why__we{
        height: 788px;
        max-width: 1280px;
        width: 100%;
    }
    
    .we__header__text{
        font-weight: 700;
        font-size: 42px;
        line-height: 42px;
        color: #FFFFFF;
    }
    
    .we__blocks{
        max-width: 1181px;
        width: 100%;
        max-height: 528px;
    }
    
    .we__block__one{
        max-width: 572px;
        min-height: 250px;
        width: 100%;
    }
    
    .we__text{
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        padding-left: 25px;
        max-width: 443px;
        max-height: 78px;
    }
    
    .we__icons__one{
        max-width: 120px;
        max-height: 120px;
        padding-top: 44px;
        padding-left: 34px;
    }
    
    .we__block__two{
        width: 372px;
        height: 250px;
    }
    
    .we__icons__two{
        max-width: 120px;
        max-height: 120px;
    }

    /* Направления */
    .direction{
        max-width: 1280px;
    }

    .direction__header{
        max-width: 691px;
        height: 84px;
        font-size: 42px;
        line-height: 42px;
    }

    .direction__blocks{
        max-width: 1180px;
    }

    .direction_block{
        max-width: 380px;
    }

    .direction_block_content{
        max-width: 344px;
        height: 160px;
    }


    .direction_block_header_text{
        font-size: 24px;
        line-height: 31.2px;
    }

    .derection_list li{
        font-size: 16px;
        line-height: 20.8px;
    }

    /* Карьерная лестница */

    .ladder{
        max-width: 1280px;
        min-height: 1472px;
    }

    .ladder__header{
        max-width: 476px;
        max-height: 42px;
        font-size: 42px;
        line-height: 42px;
    }

    .ladder_number.two{
        position: absolute;
        top: 60.64%;
        left: 31.27%;
        z-index: 2;
    }


    .ladder__content__header{
        max-width: 186px;
        font-size: 24px;
    }

    .ledder__list li{
        line-height: 26px;
        font-size: 20px;
    }

    .ladder__content.two{
        position: absolute;
        top: 66.6%;
        left: 31.4%;
    }

    .ladder__line1{
        top: 15.23%;
        left: 15%;
    }

    .ladder__line4{
        top: 56.24%;
        left: 10.32%;
    }

    .ladder_number.five{
        top: 19.72%;
        left: 6%;
    }

    .ladder__content.five{
        top: 24.64%;
        left: 6%;
    }

    .ladder_number.one{
        top: 72.91%;
        left: 8.43%;
    }

    .ladder__content.one{
        top: 79%;
        left: 8.43%;
    }

    /* Истории успеха */

    .history__header{
        max-width: 364px;
        height: 42px;
        font-size: 42px;
        line-height: 42px;
    }

    .history__blocks{
        max-width: 1180px;
        height: 480px;
    }

    .history__block{
        max-width: 380px;
        height: 480px;
    }

    .history__name{
        width: 332px;
        height: 48px;
        font-size: 24px;
        line-height: 24px;
    }

    .history__post{
        font-size: 16px;
        line-height: 20.8px;
    }

    .history__project{
        font-size: 16px;
        line-height: 20.8px;
    }

    .history__city{
        font-size: 16px;
        line-height: 20.8px;
    }

    .history__btn{
        margin-top: 60px;
        font-size: 16px;
        line-height: 20.8px;
    }

     /* Узнать больше */

     .history_model{
        max-width: 1280px;
        width: 100%;
        height: 100%;
    }

    .history_model_conteiner{
        max-width: 1180px;
        width: 90%;
        height: 572px;
    }

    .history_model_content{
        max-width: 1180px;
        width: 100%;
    }

    .history_model_name{
        font-weight: 700;
        font-size: 24px;
        line-height: 28.8px;
    }

    .history_model_post{
        font-size: 16px;
        line-height: 20.8px;
        margin-top: 10px;
    }

    .history_model_discription{
        max-width: 688px;
        max-height: 303px;
        font-size: 20px;
        line-height: 20px;
    }

    .history__modal__icons1{
        max-width: 437.77px;
        width: 30%;
        max-height: 417.83px;
    }

    .history__modal__icons2{
        max-width: 324px;
        width: 30%;
        max-height: 384px;
    }

    .history__modal__icons3{
        max-width: 318px;
        width: 30%;
        max-height: 356px;
    }

    /* Фидбэк секция */

    .fedback{
        max-width: 1280px;
        height: 900px;
    }
    
    .fedback_conteiner{
        padding: 80px 40px 80px 40px;
    }
    
    .fedback__header{
        font-size: 43px;
        line-height: 43px;
        width: 608px;
        height: 84px;
    }
}

@media screen and (max-width: 768px){
    .conteiner{
        max-width: 768px;
    }

    /* Основное */

    .top{
        max-width: 768px;
        height: 625px;
    }

    .top__inner {
        max-width: 768px;
    }

    .top__flex{
        height: 450px;
    }

    .top__conteiner {
        gap: 110px;
    }

    .top__title{
        max-width: 424px;
        height: 144px;
        font-size: 60px;
        line-height: 72px;
    }

    .top__fedback{
        max-width: 681px;
        height: 64px;
    }

    .top__blocks {
        max-width: 684px;
        max-height: 140px;
        gap: 24px;
    }
    
    .top__block{
        max-width: 212px;
        width: 100%;
        height: 140px;
        background: 
        -webkit-gradient(linear, left top, left bottom, color-stop(0, #110221)) padding-box,
        -webkit-gradient(linear, left top, left bottom, from(#F45D2B), to(#6F06DF)) border-box;
        background: 
        -o-linear-gradient(#110221 0 0) padding-box,
        -o-linear-gradient(top, #F45D2B 0%, #6F06DF 100%) border-box;
        background: 
        linear-gradient(#110221 0 0) padding-box,
        linear-gradient(180deg, #F45D2B 0%, #6F06DF 100%) border-box;
        border: 2px solid transparent;
        border-radius: 20px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .block__content{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        max-width: 182px;
        height: 119px;
        gap: 4px;
        padding: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    
    .content__text{
        font-size: 14px;
        line-height: 18.2px;
    }

    .top__icons{
        max-width:  76px;
        max-height: 76px;
    }

    /* Фидбек модалка */
    
    .modal__fedback{
        max-width: 768px;
        max-height: 745px;
    }
    
    .close__modal__fedback{
        max-width: 33.83px;
        max-height: 33.83px;
        margin-top: 28px;
        margin-right: 28px;
    }
    
    
    .top__form__conteiner{
        padding-top: 78px;
    }
    
    .fedback__modal__form{
        padding-top: 46px;
    }
    
    .modal_fedback_header{
        max-width: 532px;
        max-height: 72px;
        font-size: 36px;
        font-weight: 700;
        line-height: 36px;
    }

    /* О компании */

    .company{
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        max-width: 768px;
    }
    
    .company__header {
        max-width: 260px;
        height: 36px;
        font-weight: 700;
        font-size: 36px;
        line-height: 36px;
    }
    
    .company__blocks{
        max-width: 688px;
        max-height: 550px;
    }
    
    .company__block{
        max-width: 334px;
        width: 100%;
        height: 170px;
        gap: 20px;
    }
    
    .company__block__content{
        max-width: 186px;
    }
    
    .company__block__header{
        font-weight: 700;
        font-size: 36px;
        line-height: 46.8px;
    }
    
    .company__block__text{
        max-width: 186px;
        font-weight: 400;
        font-size: 16px;
        line-height: 20.8px;
    }
    
    .company__icons{
        max-width: 68px;
        max-height: 88px;
    }

    /* Почему мы */

    .why__we{
        height: 1062px;
        max-width: 768px;
        width: 100%;
    }
    
    .we__header__text{
        font-weight: 700;
        font-size: 36px;
        line-height: 36px;
        color: #FFFFFF;
    }
    
    .we__blocks{
        max-width: 684px;
        width: 100%;
        max-height: 802px;
    }
    
    .we__block__one{
        -webkit-box-flex: 45%;
            -ms-flex: 45%;
                flex: 45%;
        max-width: 330px;
        min-height: 389px;
        width: 100%;
        background: 
        -webkit-gradient(linear, left top, left bottom, color-stop(0, #110221)) padding-box,
        -webkit-gradient(linear, left top, left bottom, from(#F45D2B), to(#6F06DF)) border-box;
        background: 
        -o-linear-gradient(#110221 0 0) padding-box,
        -o-linear-gradient(top, #F45D2B 0%, #6F06DF 100%) border-box;
        background: 
        linear-gradient(#110221 0 0) padding-box,
        linear-gradient(180deg, #F45D2B 0%, #6F06DF 100%) border-box;
        border: 2px solid transparent;
        border-radius: 20px;
    }
    
    .we__text{
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        padding-left: 25px;
        max-width: 275px;
        max-height: 104px;
    }
    
    .we__icons__one{
        max-width: 120px;
        max-height: 120px;
        padding-top: 44px;
        padding-left: 34px;
    }
    
    .we__block__two{
        width: 330px;
        height: 250px;
        background: 
        -webkit-gradient(linear, left top, left bottom, color-stop(0, #110221)) padding-box,
        -webkit-gradient(linear, left top, left bottom, from(#F45D2B), to(#6F06DF)) border-box;
        background: 
        -o-linear-gradient(#110221 0 0) padding-box,
        -o-linear-gradient(top, #F45D2B 0%, #6F06DF 100%) border-box;
        background: 
        linear-gradient(#110221 0 0) padding-box,
        linear-gradient(180deg, #F45D2B 0%, #6F06DF 100%) border-box;
        border: 2px solid transparent;
        border-radius: 20px;
    }
    
    .we__icons__two{
        max-width: 120px;
        max-height: 120px;
    }

    /* Направления */
    .direction{
        max-width: 768px;
        min-height: 782px;
    }

    .direction__header{
        max-width: 691px;
        height: 72px;
        font-size: 36px;
        line-height: 36px;
    }

    .direction__blocks{
        max-width: 691px;
        max-height: 500px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .direction_block{
        max-width: 334px;
    }

    .direction_block_content{
        max-width: 320px;
        height: 160px;
    }


    .direction_block_header_text{
        font-size: 24px;
        line-height: 31.2px;
    }

    .derection_list li{
        font-size: 16px;
        line-height: 20.8px;
    }

    /* Карьерная лестница */

    .ladder{
        max-width: 768px;
        min-height: 1396px;
    }

    .ladder__header{
        max-width: 408px;
        max-height: 36px;
        font-size: 36px;
        line-height: 36px;
    }

    .ladder_number.two{
        top: 60.64%;
        left: 31.27%;
    }

    .ladder__content__header{
        max-width: 186px;
        font-size: 24px;
    }

    .ledder__list li{
        line-height: 26px;
        font-size: 20px;
    }

    .ladder__line1{
        display: none;
    }

    .ladder__line2{
        display: none;
    }

    .ladder__line3{
        display: none;
    }

    .ladder__line4{
        display: none;
    }

    .rocket{
        display: none;
    }

    .purpose{
        display: none;
    }

    .mountains{
        display: none;
    }

    .ladder_number.one{
        top: 84.91%;
        left: 40%;
    }

    .ladder_number.two{
        top: 70.64%;
        left: 40%;
    }

    .ladder_number.three{
        top: 50.69%;
        left: 40%;
    }

    .ladder_number.four{
        left: 40%;
    }

    .ladder_number.five{
        left: 40%;
    }

    .ladder__content.one{
        top: 85.91%;
        left: 52%;
    }

    .ladder__content.two{
        top: 71.64%;
        left: 52%;
    }

    .ladder__content.three{
        top: 51.69%;
        left: 52%;
    }

    .ladder__content.four{
        top: 34%;
        left: 52%;
    }

    .ladder__content.five{
        top: 20.72%;
        left: 52%;
    }

    .mladder{
        display: block;
        position: absolute;
    }

    .mladder.line1{
        top: 76%;
        left: 43%;
    }

    .mladder.line2{
        top: 54.64%;
        left: 43%;
    }

    .mladder.line3{
        height: 16%;
        top: 37.5%;
        left: 43%;
    }

    .mladder.line4{
        top: 24.2%;
        left: 43%;
    }

    .mrocket{
        display: block;
        position: absolute;
        top: 70%;
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        -o-transition: transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    }

    .mrocket:hover{
        -webkit-transform: translate(0,-750px);
            -ms-transform: translate(0,-750px);
                transform: translate(0,-750px);
    }

    /* Истории успеха */

    .history{
        min-height: 1200px;
        max-width: 768px;
    }

    .blocks_conteiner.two{
        padding: 50px 30px;
    }

    .history__header{
        max-width: 312px;
        height: 36px;
        font-size: 36px;
        line-height: 36px;
    }

    .history__blocks{
        max-width: 691px;
        min-height: 980px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .history__block{
        max-width: 334px;
        height: 480px;
        gap: 5px;
    }

    .history__name{
        width: 332px;
        height: 48px;
        font-size: 24px;
        line-height: 24px;
    }

    .history__post{
        font-size: 16px;
        line-height: 20.8px;
    }

    .history__project{
        font-size: 16px;
        line-height: 20.8px;
        margin-top: 0;
    }

    .history__city{
        font-size: 16px;
        line-height: 20.8px;
        margin-top: 0;
    }

    .history__btn{
        margin-top: 60px;
        font-size: 16px;
        line-height: 20.8px;
    }

    /* Узнать больше */

    .history_mobile_header{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 13px;
    }

    .history_model_name{
        display: none;
    }

    .history_model_post{
        display: none;
    }

    .history_mobile_name{
        max-width: 476px;
        height: 29px;
        font-size: 24px;
        line-height: 28.8px;
        color: #07077B;
        font-weight: 700;
    }

    .history_mobile_other{
        max-width: 476px;
        height: 23px;
        font-size: 16px;
        line-height: 20.8px;
        color: #666666;
        font-weight: 400;
    }

    .history_model_content{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap:10px;
    }

    .history_model_discription{
        max-width: 568px;
        font-size: 16px;
        line-height: 16px;
        margin: 0 auto;
    }

    .history__modal__icons1{
        max-width: 135.22px;
        max-height: 129px;
    }

    .history__modal__icons2{
        width: 20%;
        padding: 0.5em;
    }

    .history__modal__icons3{
        width: 20%;
        padding: 0.5em;
    }

    /* Фидбэк секция */

    .fedback{
        max-width: 768px;
        height: 1010px;
    }
    
    .fedback_conteiner{
        padding: 80px 40px 80px 40px;
    }
    
    .fedback__header{
        font-size: 36px;
        line-height: 36px;
        width: 516px;
        height: 72px;
    }

    .fedback__form__conteiner{
        padding-top: 80px;
        margin: 0 auto;
        width: 500px;
        height: 480px;
        gap: 16px;
    }

    .envelop{
        display: none;
    }

    .line{
        margin-top: 70px;
    }

    .footer{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .messengers{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-top: 50px;
    }

    .footer .logo{
        margin-right: 125px;
    }
}

@media screen and (max-width: 700px){
    /* Истории успеха */

    .history{
        min-height: 612px;
        max-width: 700px;
    }

    .blocks_conteiner.two{
        padding: 60px 20px;
    }

    .history__header{
        max-width: 200px;
        height: 22px;
        font-size: 22px;
        line-height: 22px;
        margin: 0 auto;
        display: block;
    }

    .history__blocks{
        max-width: 320px;
        min-height: 480px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 30px 0px 0px 0px;
        margin: 0 auto;
    }

    .history__block{
        max-width: 320px;
        height: 480px;
        gap: 1px;
        display: none;
    }

    .history__block.active{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .history__name{
        width: 209px;
        height: 36px;
        font-size: 18px;
        line-height: 18px;
    }

    .history__post{
        font-size: 14px;
        line-height: 18.2px;
    }

    .history__project{
        font-size: 14px;
        line-height: 18.2px;
        margin-top: 0;
    }

    .history__city{
        font-size: 14px;
        line-height: 18.2px;
        margin-top: 0;
    }

    .history__btn{
        margin-top: 30px;
        font-size: 14px;
        line-height: 18.2px;
    }

    .history__slider__btn{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 308px;
        width: 100%;
        max-height: 50px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .history_slider_left{
        width: 50px;
        height: 50px;
        border-radius: 20px;
        padding: 10px;
        background-color: #110221;
        color: #FFFFFF;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        cursor: pointer;
    }

    .history_slider_right{
        width: 50px;
        height: 50px;
        border-radius: 20px;
        padding: 10px;
        background-color: #110221;
        color: #FFFFFF;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        cursor: pointer;
    }

    .history_circle{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .history_pagination_circle{
        width: 10px;
        height: 10px;
        background: #F6F7FD;
        border-radius: 50%;
    }

    .history_pagination_circle.active{
        background: -o-linear-gradient(354.38deg, #F4752B 0%, #F45B2B 100%);
        background: linear-gradient(95.62deg, #F4752B 0%, #F45B2B 100%);
    }

    .footer{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
    }

    .messengers{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-top: 0;
        gap: 20px;
    }

    .messengers img{
        max-width: 40px;
        max-height: 41px;
    }

    .footer .logo{
        margin-right: 0;
    }

    .form__btn__text{
        max-width: 213px;
        max-height: 48px;
        font-size: 10px;
        line-height: 12.19px;
        text-align: center;
    }
}

@media screen and (max-width: 600px){
    .header{
        max-width: 600px;
    }

    .header-text{
        display: none;
    }
    .header__inner{
        padding-top: 12px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .mobile__header{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .conteiner{
        max-width: 600px;
        padding-right: 20px;
        padding-left: 20px;  
    }

    /* Основное */

    .top{
        max-width: 600px;
        height: 625px;
    }

    .top__inner {
        max-width: 600px;
    }

    .top__flex{
        display: none;
    }

    .top__flex__mobile{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .top__title{
        max-width: 251px;
        height: 77px;
        font-size: 36px;
        line-height: 43.2px;
        text-align: center;
        margin-top: 50px;
    }

    .top__blocks {
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
        max-width: 316px;
        max-height: 320px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
    }
    
    .top__block{
        max-width: 316px;
        width: 100%;
        height: 100px;
        background: 
        -o-linear-gradient(229deg, rgba(17,2,33,1) 32%, rgba(0,3,135,1) 92%) padding-box,
        -o-linear-gradient(top, #F45D2B 0%, #6F06DF 100%) border-box;
        background: 
        linear-gradient(221deg, rgba(17,2,33,1) 32%, rgba(0,3,135,1) 92%) padding-box,
        linear-gradient(180deg, #F45D2B 0%, #6F06DF 100%) border-box;
        border: 2px solid transparent;
        border-radius: 20px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .block__content{
        max-width: 272px;
        height: 83px;
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    
    .content__text{
        font-size: 14px;
        line-height: 18.2px;
    }

    .top__icons{
        max-width:  76px;
        max-height: 76px;
    }

    .btn__fedback{
        margin: 0 auto;
        display: block;
    }

    .top__message.mobile{
        display: block;
        top: 8.2%;
        left: 80%;
        width: 10%;
        height: 9%;
    }
    
    .top__headphones.mobile{
        display: block;
        top: -12%;
        left: 7%;
        width: 25%;
        height: 40%;
    }

    .btn__fedback.mobile{
        display: block;
    }

 /* Фидбек модалка */
    
    .modal__fedback{
        max-width: 360px;
        max-height: 800px;
    }
    
    .close__modal__fedback{
        max-width: 33.83px;
        max-height: 33.83px;
        margin-top: 28px;
        margin-right: 28px;
    }
    
    
    .top__form__conteiner{
        padding-top: 78px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: 17px;
    }
    
    .fedback__modal__form{
        padding-top: 46px;
        margin: 0 auto;
    }
    
    .modal_fedback_header{
        max-width: 310px;
        max-height: 44px;
        font-size: 22px;
        line-height: 22px;
    }

    /* О компании */

    .company{
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        max-width: 768px;
    }

    .blocks_conteiner.company{
        padding: 60px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 20px;
    }
    
    .company__header {
        max-width: 200px;
        height: 22px;
        font-weight: 700;
        font-size: 22px;
        line-height: 22px;
        margin: 0 auto;
        display: block;
    }
    
    .company__blocks{
        max-width: 320px;
        max-height: 140px;
        margin-top: 0;
    }
    
    .company__block{
        max-width: 320px;
        width: 100%;
        height: 140px;
        gap: 10px;
        display: none;
    }

    .company__block.active{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .company__block__content{
        max-width: 186px;
    }
    
    .company__block__header{
        font-weight: 700;
        font-size: 36px;
        line-height: 46.8px;
    }
    
    .company__block__text{
        max-width: 186px;
        font-weight: 400;
        font-size: 14px;
        line-height: 18.2px;
    }
    
    .company__icons{
        max-width: 68px;
        max-height: 88px;
    }

    .company__slider__btn{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 308px;
        width: 100%;
        max-height: 50px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .company_slider_left{
        width: 50px;
        height: 50px;
        border-radius: 20px;
        padding: 10px;
        background-color: #110221;
        color: #FFFFFF;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        cursor: pointer;
    }

    .company_slider_right{
        width: 50px;
        height: 50px;
        border-radius: 20px;
        padding: 10px;
        background-color: #110221;
        color: #FFFFFF;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        cursor: pointer;
    }

    .company_circle{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .company_pagination_circle{
        width: 10px;
        height: 10px;
        background: #F6F7FD;
        border-radius: 50%;
    }

    .company_pagination_circle.active{
        background: -o-linear-gradient(354.38deg, #F4752B 0%, #F45B2B 100%);
        background: linear-gradient(95.62deg, #F4752B 0%, #F45B2B 100%);
    }

    /* Почему мы */

    .why__we{
        height: 1792px;
        max-width: 600px;
        width: 100%;
    }

    .blocks_conteiner.we{
        padding: 60px 22px;
    }
    
    .we__header__text{
        font-weight: 700;
        font-size: 22px;
        line-height: 22px;
        color: #FFFFFF;
        margin: 0 auto;
        display: block;
    }
    
    .we__blocks{
        max-width: 316px;
        width: 100%;
        max-height: 1616px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 24px;
    }

    .we__blocks__one{
        max-width: 316px;
        max-height: 632px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        gap: 24px;
    }
    
    .we__block__one{
        width: 316px;
        min-height: 140px;
        gap: 11px;
    }
    
    .we__text{
        font-weight: 400;
        font-size: 14px;
        line-height: 18.2px;
        padding-left: 25px;
        max-width: 282px;
        max-height: 36px;
    }
    
    .we__icons__one{
        max-width: 70px;
        max-height: 70px;
        padding-top: 12px;
        padding-left: 26px;
    }

    .we__blocks_two{
        max-width: 316px;
        max-height: 960px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        gap: 24px;
    }
    
    .we__block__two{
        max-width: 316px;
        min-height: 140px;
        gap: 11px;
    }
    
    .we__icons__two{
        max-width: 62px;
        max-height: 62px;
    }

    .we__btn{
        display: none;
    }

    /* Направления */
    .direction{
        max-width: 600px;
        min-height: 856px;
    }

    .blocks_conteiner {
        padding: 60px 20px;
    }

    .direction__header{
        max-width: 300px;
        height: 66px;
        font-size: 22px;
        line-height: 22px;
        text-align: center;
        margin: 0 auto;
    }

    .direction__blocks{
        max-width: 320px;
        max-height: 760px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 auto;
    }

    .direction_block{
        max-width: 320px;
    }

    .direction_block_content{
        max-width: 270px;
        height: 160px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }


    .direction_block_header_text{
        font-size: 20px;
        line-height: 26px;
    }

    .derection_list li{
        font-size: 14px;
        line-height: 18.2px;
    }

    /* Карьерная лестница */

    .ladder{
        max-width: 600px;
        min-height: 961px;
    }

    .ladder__header{
        max-width: 249px;
        max-height: 22px;
        font-size: 22px;
        line-height: 22px;
        padding-top: 60px;
        margin: 0 auto;
        display: block;
    }

    .ladder_number{
        max-height: 52px;
        font-size: 32px;
        line-height: 41.6px;
    }

    .ladder__content__header{
        max-width: 155px;
        font-size: 20px;
    }

    .ledder__list li{
        line-height: 18.2px;
        font-size: 14px;
        max-width: 229px;
    }


    .ladder_number.one{
        top: 84.91%;
        left: 5.5%;
    }

    .ladder_number.two{
        top: 70.64%;
        left: 5.5%;
    }

    .ladder_number.three{
        top: 49%;
        left: 5.5%;
    }

    .ladder_number.four{
        top: 27.5%;
        left: 5.5%;
    }

    .ladder_number.five{
        top: 12%;
        left: 5.5%;
    }

    .ladder__content.one{
        top: 85.91%;
        left: 25.5%;
    }

    .ladder__content.two{
        top: 71.64%;
        left: 25.5%;
    }

    .ladder__content.three{
        top: 50%;
        left: 25.5%;
    }

    .ladder__content.four{
        top: 28.5%;
        left: 25.5%;
    }

    .ladder__content.five{
        top: 13%;
        left: 25.5%;
    }

    .mladder{
        display: block;
        position: absolute;
    }

    .mladder.line1{
        max-width: 71px;
        width: 3%;
        max-height: 100px;
        top: 77%;
        left: 9%;
    }

    .mladder.line2{
        max-width: 148px;
        width: 3%;
        max-height: 190px;
        top: 54.64%;
        left: 9%;
    }

    .mladder.line3{
        max-width: 137px;
        width: 3%;
        max-height: 190px;
        top: 33.5%;
        left: 9%;
    }

    .mladder.line4{
        max-width: 68px;
        width: 3%;
        height: auto;
        top: 18.5%;
        left: 9%;
    }

    .mrocket{
        display: none;
    }

    /* Истории успеха */

    .history{
        min-height: 612px;
        max-width: 600px;
    }

    .blocks_conteiner.two{
        padding: 60px 20px;
    }

    .history__header{
        max-width: 200px;
        height: 22px;
        font-size: 22px;
        line-height: 22px;
        margin: 0 auto;
        display: block;
    }

    .history__blocks{
        max-width: 320px;
        min-height: 480px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 30px 0px 0px 0px;
    }

    .history__block{
        max-width: 320px;
        height: 480px;
        gap: 1px;
        display: none;
    }

    .history__block.active{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .history__name{
        width: 215px;
        height: 36px;
        font-size: 18px;
        line-height: 18px;
    }

    .history__post{
        font-size: 14px;
        line-height: 18.2px;
    }

    .history__project{
        font-size: 14px;
        line-height: 18.2px;
        margin-top: 0;
    }

    .history__city{
        font-size: 14px;
        line-height: 18.2px;
        margin-top: 0;
    }

    .history__btn{
        margin-top: 30px;
        font-size: 14px;
        line-height: 18.2px;
    }

    .history__slider__btn{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 308px;
        width: 100%;
        max-height: 50px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .history_slider_left{
        width: 50px;
        height: 50px;
        border-radius: 20px;
        padding: 10px;
        background-color: #110221;
        color: #FFFFFF;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        cursor: pointer;
    }

    .history_slider_right{
        width: 50px;
        height: 50px;
        border-radius: 20px;
        padding: 10px;
        background-color: #110221;
        color: #FFFFFF;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        cursor: pointer;
    }

    .history_circle{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .history_pagination_circle{
        width: 10px;
        height: 10px;
        background: #F6F7FD;
        border-radius: 50%;
    }

    .history_pagination_circle.active{
        background: -o-linear-gradient(354.38deg, #F4752B 0%, #F45B2B 100%);
        background: linear-gradient(95.62deg, #F4752B 0%, #F45B2B 100%);
    }

    /* Узнать больше */

    .history_mobile_header{
        gap: 10px;
    }


    .history_mobile_name{
        max-width: 300px;
        height: 36px;
        font-size: 18px;
        line-height: 18px;
        margin: 0 auto;
    }

    .history_mobile_other{
        max-width: 500px;
        height: 35px;
        font-size: 14px;
        line-height: 18.2px;
        color: #666666;
        font-weight: 400;
        margin: 0 auto;
    }

    .history_model_content{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap:10px;
    }

    .history_model_discription{
        max-width: 500px;
        font-size: 14px;
        line-height: 14px;
    }

    .history__modal__icons1{
        max-width: 135.22px;
        max-height: 129px;
    }

    .history__modal__icons2{
        width: 25%;
        padding: 0.5em;
    }

    .history__modal__icons3{
        width: 25%;
        padding: 0.5em;
    }

    .close__modal__history {
        max-width: 25px;
    }

    /* Фидбэк секция */

    .fedback{
        max-width: 600px;
        height: 950px;
    }
    
    .fedback_conteiner{
        padding: 60px 20px;
        height: 897px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .fedback__header{
        font-size: 22px;
        line-height: 22px;
        width: 310px;
        height: 44px;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .fedback__form__conteiner{
        padding-top: 44px;
        margin: 0 auto;
        width: 320px;
        height: 490px;
        gap: 16px;
    }

    .fedback__label{
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        max-width: 60px;
        height: 15px;
    }

    .form__check__label{
        font-size: 16px;
    }
    
    .form__control{
        width: 320px;
        height: 56px;
    }

    .form__btn__conteiner{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align:center ;
            -ms-flex-align:center ;
                align-items:center ;
    }

    .line{
        margin-top: 100px;
    }

    .footer{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
    }

    .messengers{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-top: 0;
        gap: 20px;
    }

    .messengers img{
        max-width: 40px;
        max-height: 41px;
    }

    .footer .logo{
        margin-right: 0;
    }

    .form__btn__text{
        max-width: 213px;
        max-height: 48px;
        font-size: 10px;
        line-height: 12.19px;
        text-align: center;
    }
}

@media screen and (max-width: 500px){
    .mladder.line1{
        max-width: 71px;
        width: 3%;
        height: auto;
        top: 77%;
        left: 10.5%;
    }

    .mladder.line2{
        max-width: 148px;
        width: 3%;
        height: auto;
        top: 54.64%;
        left: 10.5%;
    }

    .mladder.line3{
        max-width: 137px;
        width: 3%;
        height: auto;
        top: 34.5%;
        left: 10.5%;
    }

    .mladder.line4{
        max-width: 68px;
        width: 3%;
        height: auto;
        top: 18.5%;
        left: 10.5%;
    }

    /* Узнать больше */

    .history_mobile_header{
        gap: 5px;
    }


    .history_mobile_name{
        max-width: 300px;
        height: 36px;
        font-size: 18px;
        line-height: 18px;
        margin: 0 auto;
    }

    .history_mobile_other{
        max-width: 500px;
        height: 35px;
        font-size: 14px;
        line-height: 16.2px;
        color: #666666;
        font-weight: 400;
        margin: 0 auto;
		text-align: center;
    }

    .history_model_content{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap:10px;
    }

    .history_model_discription{
        max-width: 500px;
        font-size: 13px;
        line-height: 13px;
    }
}

@media screen and (max-width: 360px){

    .header{
        max-width: 360px;
    }

    .header-text{
        display: none;
    }
    .header__inner{
        padding-top: 12px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .mobile__header{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .conteiner{
        max-width: 360px;
        padding-right: 20px;
        padding-left: 20px;  
    }

    /* Основное */

    .top{
        max-width: 768px;
        height: 625px;
    }

    .top__inner {
        max-width: 360px;
    }

    .top__flex{
        display: none;
    }

    .top__flex__mobile{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .top__title{
        max-width: 251px;
        height: 77px;
        font-size: 36px;
        line-height: 43.2px;
        text-align: center;
        margin-top: 50px;
    }

    .top__blocks {
        margin-top: 30px;
        margin-bottom: 30px;
        max-width: 316px;
        max-height: 320px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
    }
    
    .top__block{
        max-width: 316px;
        width: 100%;
        height: 100px;
        background: 
        -o-linear-gradient(229deg, rgba(17,2,33,1) 32%, rgba(0,3,135,1) 92%) padding-box,
        -o-linear-gradient(top, #F45D2B 0%, #6F06DF 100%) border-box;
        background: 
        linear-gradient(221deg, rgba(17,2,33,1) 32%, rgba(0,3,135,1) 92%) padding-box,
        linear-gradient(180deg, #F45D2B 0%, #6F06DF 100%) border-box;
        border: 2px solid transparent;
        border-radius: 20px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .block__content{
        max-width: 272px;
        height: 83px;
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    
    .content__text{
        font-size: 14px;
        line-height: 18.2px;
    }

    .top__icons{
        max-width:  76px;
        max-height: 76px;
    }

    .btn__fedback{
        margin: 0 auto;
        display: block;
    }

    .top__message.mobile{
        display: block;
        top: 8.2%;
        left: 80%;
        width: 10%;
        height: 9%;
    }
    
    .top__headphones.mobile{
        display: block;
        top: -15%;
        left: 7%;
        width: 25%;
        height: 40%;
    }

    .btn__fedback.mobile{
        display: block;
    }

 /* Фидбек модалка */
    
    .modal__fedback{
        max-width: 360px;
        max-height: 800px;
    }
    
    .close__modal__fedback{
        max-width: 33.83px;
        max-height: 33.83px;
        margin-top: 28px;
        margin-right: 28px;
    }
    
    
    .top__form__conteiner{
        padding-top: 78px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: 17px;
    }
    
    .fedback__modal__form{
        padding-top: 46px;
        margin: 0 auto;
    }
    
    .modal_fedback_header{
        max-width: 310px;
        max-height: 44px;
        font-size: 22px;
        line-height: 22px;
    }

    /* О компании */

    .company{
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        max-width: 768px;
    }

    .blocks_conteiner.company{
        padding: 60px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 20px;
    }
    
    .company__header {
        max-width: 180px;
        height: 22px;
        font-weight: 700;
        font-size: 22px;
        line-height: 22px;
        margin: 0 auto;
        display: block;
    }
    
    .company__blocks{
        max-width: 320px;
        max-height: 140px;
        margin-top: 0;
    }
    
    .company__block{
        max-width: 320px;
        width: 100%;
        height: 140px;
        gap: 10px;
        display: none;
    }

    .company__block.active{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .company__block__content{
        max-width: 186px;
    }
    
    .company__block__header{
        font-weight: 700;
        font-size: 36px;
        line-height: 46.8px;
    }
    
    .company__block__text{
        max-width: 186px;
        font-weight: 400;
        font-size: 14px;
        line-height: 18.2px;
    }
    
    .company__icons{
        max-width: 68px;
        max-height: 88px;
    }

    .company__slider__btn{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 308px;
        width: 100%;
        max-height: 50px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .company_slider_left{
        width: 50px;
        height: 50px;
        border-radius: 20px;
        padding: 10px;
        background-color: #110221;
        color: #FFFFFF;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        cursor: pointer;
    }

    .company_slider_right{
        width: 50px;
        height: 50px;
        border-radius: 20px;
        padding: 10px;
        background-color: #110221;
        color: #FFFFFF;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        cursor: pointer;
    }

    .company_circle{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .company_pagination_circle{
        width: 10px;
        height: 10px;
        background: #F6F7FD;
        border-radius: 50%;
    }

    .company_pagination_circle.active{
        background: -o-linear-gradient(354.38deg, #F4752B 0%, #F45B2B 100%);
        background: linear-gradient(95.62deg, #F4752B 0%, #F45B2B 100%);
    }

    /* Почему мы */

    .why__we{
        height: 1792px;
        max-width: 360px;
        width: 100%;
    }

    .blocks_conteiner.we{
        padding: 60px 22px;
    }
    
    .we__header__text{
        font-weight: 700;
        font-size: 22px;
        line-height: 22px;
        color: #FFFFFF;
        margin: 0 auto;
        display: block;
    }
    
    .we__blocks{
        max-width: 316px;
        width: 100%;
        max-height: 1616px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 24px;
    }

    .we__blocks__one{
        max-width: 316px;
        max-height: 632px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        gap: 24px;
    }
    
    .we__block__one{
        width: 316px;
        min-height: 140px;
        gap: 11px;
    }
    
    .we__text{
        font-weight: 400;
        font-size: 14px;
        line-height: 18.2px;
        padding-left: 25px;
        max-width: 282px;
        max-height: 36px;
    }
    
    .we__icons__one{
        max-width: 70px;
        max-height: 70px;
        padding-top: 12px;
        padding-left: 26px;
    }

    .we__blocks_two{
        max-width: 316px;
        max-height: 960px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        gap: 24px;
    }
    
    .we__block__two{
        max-width: 316px;
        min-height: 140px;
        gap: 11px;
    }
    
    .we__icons__two{
        max-width: 62px;
        max-height: 62px;
    }

    .we__btn{
        display: none;
    }

    /* Направления */
    .direction{
        max-width: 360px;
        min-height: 856px;
    }

    .blocks_conteiner {
        padding: 60px 20px;
    }

    .direction__header{
        max-width: 293px;
        height: 66px;
        font-size: 22px;
        line-height: 22px;
        text-align: center;
    }

    .direction__blocks{
        max-width: 320px;
        max-height: 760px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .direction_block{
        max-width: 320px;
    }

    .direction_block_content{
        max-width: 270px;
        height: 160px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }


    .direction_block_header_text{
        font-size: 20px;
        line-height: 26px;
    }

    .derection_list li{
        font-size: 14px;
        line-height: 18.2px;
    }

    /* Карьерная лестница */

    .ladder{
        max-width: 360px;
        min-height: 961px;
    }

    .ladder__header{
        max-width: 249px;
        max-height: 22px;
        font-size: 22px;
        line-height: 22px;
        padding-top: 60px;
        margin: 0 auto;
        display: block;
    }

    .ladder_number{
        max-height: 52px;
        font-size: 32px;
        line-height: 41.6px;
    }

    .ladder__content__header{
        max-width: 155px;
        font-size: 20px;
    }

    .ledder__list li{
        line-height: 18.2px;
        font-size: 14px;
        max-width: 229px;
    }


    .ladder_number.one{
        top: 84.91%;
        left: 5.5%;
    }

    .ladder_number.two{
        top: 70.64%;
        left: 5.5%;
    }

    .ladder_number.three{
        top: 49%;
        left: 5.5%;
    }

    .ladder_number.four{
        top: 27.5%;
        left: 5.5%;
    }

    .ladder_number.five{
        top: 12%;
        left: 5.5%;
    }

    .ladder__content.one{
        top: 85.91%;
        left: 25.5%;
    }

    .ladder__content.two{
        top: 71.64%;
        left: 25.5%;
    }

    .ladder__content.three{
        top: 50%;
        left: 25.5%;
    }

    .ladder__content.four{
        top: 28.5%;
        left: 25.5%;
    }

    .ladder__content.five{
        top: 13%;
        left: 25.5%;
    }

    .mladder{
        display: block;
        position: absolute;
    }

    .mladder.line1{
        max-width: 71px;
        width: 3%;
        height: auto;
        top: 77%;
        left: 12%;
    }

    .mladder.line2{
        max-width: 148px;
        width: 3%;
        height: auto;
        top: 54.64%;
        left: 12%;
    }

    .mladder.line3{
        max-width: 137px;
        width: 3%;
        height: auto;
        top: 34.5%;
        left: 12%;
    }

    .mladder.line4{
        max-width: 68px;
        width: 3%;
        height: auto;
        top: 18.5%;
        left: 12%;
    }

    .mrocket{
        display: none;
    }

    /* Истории успеха */

    .history{
        min-height: 612px;
        max-width: 360px;
    }

    .blocks_conteiner.two{
        padding: 60px 20px;
    }

    .history__header{
        max-width: 210px;
        height: 22px;
        font-size: 22px;
        line-height: 22px;
        margin: 0 auto;
        display: block;
    }

    .history__blocks{
        max-width: 320px;
        min-height: 480px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 30px 0px 0px 0px;
    }

    .history__block{
        max-width: 320px;
        height: 480px;
        gap: 1px;
        display: none;
    }

    .history__block.active{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .history__name{
        width: 215px;
        height: 36px;
        font-size: 18px;
        line-height: 18px;
    }

    .history__post{
        font-size: 14px;
        line-height: 18.2px;
    }

    .history__project{
        font-size: 14px;
        line-height: 18.2px;
        margin-top: 0;
    }

    .history__city{
        font-size: 14px;
        line-height: 18.2px;
        margin-top: 0;
    }

    .history__btn{
        margin-top: 30px;
        font-size: 14px;
        line-height: 18.2px;
    }

    .history__slider__btn{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 308px;
        width: 100%;
        max-height: 50px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .history_slider_left{
        width: 50px;
        height: 50px;
        border-radius: 20px;
        padding: 10px;
        background-color: #110221;
        color: #FFFFFF;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        cursor: pointer;
    }

    .history_slider_right{
        width: 50px;
        height: 50px;
        border-radius: 20px;
        padding: 10px;
        background-color: #110221;
        color: #FFFFFF;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        cursor: pointer;
    }

    .history_circle{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .history_pagination_circle{
        width: 10px;
        height: 10px;
        background: #F6F7FD;
        border-radius: 50%;
    }

    .history_pagination_circle.active{
        background: -o-linear-gradient(354.38deg, #F4752B 0%, #F45B2B 100%);
        background: linear-gradient(95.62deg, #F4752B 0%, #F45B2B 100%);
    }

    /* Узнать больше */

    .history_mobile_header{
        gap: 5px;
    }


    .history_mobile_name{
        max-width: 290px;
        height: 30px;
        font-size: 16px;
        line-height: 18px;
    }

    .history_mobile_other{
        max-width: 290px;
        height: 35px;
        font-size: 14px;
        line-height: 16.2px;
        color: #666666;
        font-weight: 400;
        text-align: center;
    }

    .history_model_content{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap:10px;
    }

    .history_model_discription{
        max-width: 280px;
        font-size: 12px;
        line-height: 12px;
    }

    .history__modal__icons1{
        max-width: 135.22px;
        max-height: 129px;
    }

    .history__modal__icons2{
        width: 25%;
        padding: 0.5em;
    }

    .history__modal__icons3{
        width: 25%;
        padding: 0.5em;
    }

    /* Фидбэк секция */

    .fedback{
        max-width: 360px;
        height: 950px;
    }
    
    .fedback_conteiner{
        padding: 60px 20px;
        height: 897px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .fedback__header{
        font-size: 22px;
        line-height: 22px;
        width: 310px;
        height: 44px;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .fedback__form__conteiner{
        padding-top: 44px;
        margin: 0 auto;
        width: 320px;
        height: 490px;
        gap: 16px;
    }

    .fedback__label{
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        max-width: 60px;
        height: 15px;
    }

    .form__check__label{
        font-size: 16px;
    }
    
    .form__control{
        width: 320px;
        height: 56px;
    }

    .form__btn__conteiner{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align:center ;
            -ms-flex-align:center ;
                align-items:center ;
    }

    .line{
        margin-top: 100px;
    }

    .footer{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
    }

    .messengers{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-top: 0;
        gap: 20px;
    }

    .messengers img{
        max-width: 40px;
        max-height: 41px;
    }

    .footer .logo{
        margin-right: 0;
    }

    .form__btn__text{
        max-width: 213px;
        max-height: 48px;
        font-size: 10px;
        line-height: 12.19px;
        text-align: center;
    }
}