*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{
    background:#F6F7F9;  
}

html, 
body {
    height: 100%;
}

img{
    max-width: 100%;
}

.container{
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .container{
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        position: relative;
    }
}

header{
    width: 100%;
    background:white;  
}

/* Стили для телефонов */
@media (max-width: 767px){
    header{
        width: 100%;
        background:white;
        position: fixed;  
        top:0;
        z-index: 10001;
   }   
}

h1{
    margin: 0;
}

.flex{
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    padding: 10px 0; 
}

.logo:hover{
    cursor: pointer;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .logo{
        width: 18%;
    }
}

.text_header{
    font-family: 'Montserrat',  sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-left: 8px;
    color: #000000;
}
/* Стили для телефонов */
@media (max-width: 767px){
    .text_header{
       display: none;
    }
    
}

.down_img{
    margin-left: 10px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .down_img{
       display: none;
    }
}

.courses, .city, .signin{
    display: flex;
    align-items: center;
}

/* Стили для телефонов */
@media (max-width: 767px){
     .city, .signin{
       display: none;
    }   
}


#line_city{
    display: inline;
    border-bottom: 1px solid #000000;
}

.futureaca_text{
    position: relative;
    max-width: 603px;
    top: 125px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .futureaca_text{
        position: static;
        max-width: 294px;
    }
}

h1{
    padding-top: 26px ;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    color: white;
}

@media (max-width: 1200px){
    h1 {
        font-size: 30px;
}}

/* Стили для телефонов */
@media (max-width: 767px){
    h1{
        padding-top: 17px ;
        font-size: 18px;
        line-height: 22px;
    }
}

h2{
    padding-top: 41px ;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: white;
}

@media (max-width: 1200px){
    h2 {
        font-size: 17px;
}}

/* Стили для телефонов */
@media (max-width: 767px){
    h2{
        padding-top: 41px ;
        font-size: 14px;
        line-height: 17px;
    }
}

.futureaca{
    height: 480px;
    margin: auto;
    background: url('../img/girl.jpg') 1121px 0 repeat-y, url('../img/points.png')   80px 40px,#00093c  ;
    position: relative;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .futureaca{
        height: 0;
        min-height: 186px;
        margin: auto;
        background: #00093c  ;
        position: relative;
    }
}

.girl{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .girl{
        top:60px;
        display:block;
        background: url('../img/girl_mobile.png') center center/cover no-repeat;
        /* width: 100%;
        height: auto; */
        min-height: 224px;
        position: relative;
      
    }

    .girl::before{
        content: "";
        background: url(../img/cross_mob.png) 70px 20px no-repeat, url(../img/stick_mob.png) 150px 55px no-repeat, url(../img/stick1_mob.png) 25px 120px no-repeat, url(../img/circle_mob.png) 360px 80px no-repeat ;
        position: absolute;
        width: 100%;
        min-height: 224px;
    }


}

/* Стили для телефонов */
@media (max-width: 376px){

    .girl::before{
        content: "";
        background: url(../img/cross_mob.png) 70px 20px no-repeat, url(../img/stick_mob.png) 120px 58px no-repeat, url(../img/stick1_mob.png) 17px 120px no-repeat, url(../img/circle_mob.png) 330px 80px no-repeat ;
        position: absolute;
        width: 100%;
        min-height: 224px;
    }


}


@media (min-width:768px) and (max-width: 2000px){
    .futureaca {
        background-position: 1050px 0, 25px 40px;
}}


@media(min-width:768px) and (max-width: 1720px){
    .futureaca {
        background-position: 839px 0,-167px 40px;
}}


@media(min-width:768px) and (max-width: 1470px){
    .futureaca {
        background-position: 780px 0,-258px 36px;
}}

@media(min-width:768px) and (max-width: 1380px){
    .futureaca{
        background-position: 697px 0,-318px 36px;
}}

@media(min-width:768px) and (max-width: 1200px){
    .futureaca {
        background-size: auto,95%;
        background-position: 510px 0,-365px 36px;
}}


.futureaca::before{
    content: "";
    background: url(../img/bigcross.png) 225px 100px no-repeat, url(../img/brokenstick.png) 225px 360px no-repeat, url(../img/circle.png) 975px 35px no-repeat, url(../img/triangle.png) 700px 350px no-repeat, url(../img/stick1.png) 831px 250px no-repeat, url(../img/stick.png) 1173px 123px no-repeat, url(../img/cross.png) 1465px 110px no-repeat, url(../img/brokenstick1.png) 1560px 330px no-repeat  ;
    position: absolute;
    width: 100%;
    height: 600px;
}

@media(min-width:768px) and (max-width: 1720px){
.futureaca::before{
    background-position: 30px 100px, 25px 370px, 760px 35px, 500px 360px, 619px 250px, 966px 120px, 1250px 112px, 1330px 330px ;
}}

@media(min-width:768px) and (max-width: 1470px){
    .futureaca::before{
        background-position: 30px 100px, 25px 380px, 690px 25px,  450px 370px, 582px 250px, 930px 120px, 1190px 112px, 1280px 360px   ;
        background-size: 8%, 20%, 9%, 6%, 20%, 5%, 6%, 7%;
}}

@media(min-width:768px) and (max-width: 1380px){
    .futureaca::before{
        background-position: 1px 40px,  5px 390px, 620px 25px, 410px 370px, 555px 250px, 825px 112px, 1110px 117px, 1200px 360px;
        background-size: 8%, 20%, 8%, 6%, 17%, 6%, 6%, 7%;
}}

@media(min-width:768px) and (max-width: 1200px){
    .futureaca::before{
        background-position: 1px 40px,  1px 400px, 445px 30px, 360px 370px,  395px 240px, 645px 122px, 930px 124px, 1010px 365px;
        background-size: 8%, 20%, 8%, 7%, 17%, 6%, 6%;
}}

/* Стили для телефонов */
@media (max-width: 767px){
    .futureaca::before{
        content: "";
        background: url(../img/triangle_mob.png) 375px 110px no-repeat, url(../img/stick2_mob.png) 87px 150px no-repeat  ;
        position: absolute;
        width: 100%;
        height: 198px;
    }
}

/* Стили для телефонов */
@media (max-width: 376px){
    .futureaca::before{
        content: "";
        background: url(../img/triangle_mob.png) 340px 110px no-repeat, url(../img/stick2_mob.png) 70px 150px no-repeat  ;
        position: absolute;
        width: 100%;
        height: 198px;
        
    }
}



.main{
    padding-top: 173px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .main{
        padding: 40px 0;
    }
}

.owl_speak{
    position: relative;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .owl_speak{
        position: relative;
        min-height: 190px;
    }
}

.owl{
    position: absolute;
    top: 165px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .owl{
       display: none;
    }
}

.owl_mob{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .owl_mob{
        display: inline;
        position: absolute;
        top: 120px;
    }
}

.dialog_icon{
    position: absolute;
    top: 0;
    left: 35px;
    z-index: -1;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .dialog_icon{
        display: none;
    }
}

.dialog_icon_mob{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .dialog_icon_mob{
        /* display: inline; */
        /* position: absolute; */
        position: static;
        /* top: 0;
        left: 0; */
        z-index: -1;
        display:block;
        margin-left: auto;
        margin-right: auto;

    }
}

.owl_text{
    max-width: 240px;
    position: absolute;
    left: 60px;
    top: 20px;
    padding: 0 10px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .owl_text{
        max-width: 257px;
        position: absolute;
        left: 20px;
        top: 10px;
        padding: 0 10px;
    }
}

.text1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .text1{
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 20px;
    }
}

.text2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .text2{
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 20px;
    }
}

.audience{
    max-width: 880px;
    position: relative;
    left: 360px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid #E0E0E0;
    /* padding-bottom: 15px; */
}

/* Стили для телефонов */
@media (max-width: 767px){
    .audience{
        max-width: 300px;
        position: static;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom:1px solid #E0E0E0;
        margin-top: 39px;
        /* padding-bottom: 15px; */
    }
}


.audience_text{
    flex-direction:column;
    margin-left: 16px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .audience_text{
        display: block;
        flex-direction:row;
        margin-left: 0;
        text-align: center;
    }
}


.audience_box{
    display: flex;
    align-items: center;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .audience_box{
        display: flex;
        flex-direction:column;
        align-items: center;
    }
}


.name{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 2px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .name{
        font-size: 14px;
    }
    
}

.age{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #4F4F4F;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .age{
        padding-bottom: 9px;
    }

    #first_box .age{
        padding-bottom: 5px;
    }
}

#third_box{
    margin-right: 90px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    #third_box{
        margin-right:0;
    }
}


#first_box{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 14px;
    border-bottom:  4px solid transparent ;
    border-image: linear-gradient(to right, #F7941D 0%, #27AAE1 100%);
    -moz-border-image: -moz-linear-gradient(to right, #F7941D 0%, #27AAE1 100%);
    -webkit-border-image: -webkit-linear-gradient(to right, #F7941D 0%, #27AAE1 100%);
    border-image-slice: 1;
}

/* Стили для телефонов */
@media (max-width: 767px){
    #first_box{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
}

.course{
    max-width: 880px;
    position: relative;
    left: 360px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .course{
        max-width: 300px;
        position: static;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 10px;
    }   
}

.course_box{
    position: relative;
    height: 50px;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 17px 20px ;
    border-radius: 6px;
    border: 0;
    background-color: #fff;
    margin-top: 20px;
    font-family: 'Montserrat',  sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    color: black;
    cursor: pointer;
}


/* Стили для телефонов */
@media (max-width: 767px){
    .course_box{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 17px 20px ;
        margin-top: 10px;
    }

    #web{
        order: 4;
    }

    #model{
        order: 3;
    }

    #multi{
        order:5;
        padding: 15px 15px;
    }

    #chess{
        order: 6;
        padding: 15px 15px;
    }

    #english{
        display: none;
    }

    #bloging{
        order: 7;
        padding: 15px 15px;
    }

    #soft_skills{
        order: 8;
        padding: 15px 15px;
    }
}



.course_box::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background:  linear-gradient(90deg, #F7941D 0%, #27AAE1 100%);
    filter: blur(10px);
    opacity: 0.3;
    border-radius: 10px;
}

#chess{
    margin-right: 90px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    #chess{
        margin-right: 0;
    }
}

#soft_skills{
    margin-right: 180px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    #soft_skills{
        margin-right: 0;
    }
}

.boy_img{
    position: relative;
    margin-top: 150px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .boy_img{
        position: relative;
        margin-top: 40px;
    }
}

.boy{
    padding-top: 68px;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .boy{
        padding-top: 0;
    }
}

.boy_img:after{
    content: "";
    z-index: 99;
    position: absolute;
    max-width: 780px;
    top: 68px;
    right: 0;
    bottom: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    background: #00093C;
    opacity: 0.6;
    border-radius: 20px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .boy_img:after{
        border-radius: 6px;
        top: 0;
    }
}

.button_play{
    display:block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 50%;
    top: 56%;
    transform: translate(-50%, -50%);
    z-index: 100;
    cursor: pointer;
    /* transition: all .3s ease-in; */
}

/* Стили для телефонов */
@media (max-width: 767px){
    .button_play{
        display: none;
    }
}

.button_play_mob{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .button_play_mob{
        display:block;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 100;
        cursor: pointer;
    }
}


.boy_img:before{
    content: "";
    position: absolute;
    background: url(../img/trianglemainpage.png) 100px 0 no-repeat, url(../img/crossmainpage.png) 880px 430px no-repeat, url(../img/stickmainpage.png) 0 340px no-repeat, url(../img/stickmainpage1.png) 860px 10px no-repeat; 
    height: 665px;
    z-index: -2;
    width: 100%;
}

@media (max-width: 1720px){
    .boy_img::before{
        background-position: 100px 0, 880px 430px, 0 380px, 860px 10px;
        background-size: 15%, 20%, 18%, 27%;
    }}
    
@media (max-width: 1470px){
    .boy_img::before{
        background-position: 100px 0, 890px 430px, 0 380px,  860px 10px;
        background-size: 15%, 18%, 18%, 27%;
    }}

/* Стили для телефонов */
@media (max-width: 767px){
    .boy_img:before{
       display: none;
    }
}

.some_text{
    margin-top: 116px;
    max-width: 750px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color:#000000;
}
 
/* Стили для телефонов */
@media (max-width: 767px){
    .some_text{
        margin-top: 17px;
        max-width: 300px;
        font-size: 18px;
    }    
}


.numbers_text{
    max-width: 888px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 43px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .numbers_text{
        max-width: 300px;
        display: flex;
        flex-direction:column;
        align-items: space-between;
        justify-content: space-between;
        margin-top: 24px;
        min-height: 338px ;
    }
}

.numbers_box{
    display: flex;
    flex-direction:column;
}

.numbers{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 86px;
    line-height: 105px;
    letter-spacing: 0.095em;
    background: -webkit-linear-gradient(360deg, #F7941D 0%, #27AAE1 100%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 7px transparent;
    color: #F6F7F9;
    padding-left: 3px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .numbers{
        font-size: 64px;
        line-height: 78px;
    }
}


#numbers_box1{
    margin-right: 90px;
}

.text{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;  
    color:#000000;
    max-width: 250px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .text{
        font-size: 18px;
    }

    #numbers_box1{
        margin-right: 0;
    }
}

.cards{
    margin-top: 82px;
    margin-bottom: 632px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: space-between;
    min-height:640px ;
    width: 100%;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .cards{
        margin-top: 18px;
        margin-bottom: 20px;
        justify-content: space-between;
        align-items:center;
        flex-wrap: nowrap;
        flex-direction: column;
        min-height:1390px ;
        width: 100%;
    }
}

.day_open_door{
    background: #F7BC75;
    border-radius: 20px;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .day_open_door{
        border-radius: 10px;
        min-height: 340px;
        display: flex;
        flex-wrap: wrap;
        padding: 20px 20px;
    }      
}

.day{
    display:flex;
    flex-direction: column;
    max-width: 107px;
    margin-left: 40px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .day{
        display:flex;
        flex-direction: column;
        max-width: 107px;
        margin-left:0;
    }
}

.day_number_mob{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .day_number_mob{
        display: inline;
        max-height:45px ;
        max-width:72px ;
    }

    .day_number{
        display: none;
    }
}

.month{
    margin-top: 13px;
}

.month_mob{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .month{
        display: none;
    }

    .month_mob{
        display: inline;
        margin-top: 8px;
    }
}

.day_text{
    display:flex;
    flex-direction: column;
    max-width: 540px;
    margin-left: 40px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .day_text{
        display:flex;
        max-width: 260px;
        margin-left: 0;
    }
}

.name_cards{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 26px;
    color: #000000;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .day_open_door .name_cards, .try .name_cards{
       display: none;
    }
}

.name_cards_mob{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .day_open_door .name_cards_mob{
        display:block;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 23px;
        line-height: 24px;
        color: #000000;
        max-width:180px ;
    }    
}

.text_cards{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    margin-top: 29px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .text_cards{
        font-size: 16px;
        line-height: 22px;
        color: #333333;
        margin-top: 0;
    }
    
}

.sign_up{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #000000;
    border-radius: 10px;
    min-height: 60px;
    margin-right:40px ;
    margin-left: 120px;
    cursor: pointer;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .sign_up{
        margin-right:0 ;
        margin-left: 0;
        width: 100%;
        align-items: center;
        justify-content: center;
        /* align-self: center; */
    }
}

.sign_up_text{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    margin-left: 62px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .sign_up_text{
        margin-left: 0;
    }
}

.arrow{
    margin-left: 10px;
    margin-right:61px ;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .arrow{
        margin-right:0;
    }
}

.training_programs{
    position: relative;
    /* margin-top: 20.04px; */
    min-height: 460px;
    min-width: 480px;
    background: #C5DDFF;
    border-radius: 20px;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .training_programs{
        min-height: 430px;
        min-width: 0;
        width: 100%;
        border-radius: 10px;
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 20px 20px;
    }
}

.training_programs::after,.academy_news::after, .world_it::after, .try::after  {
    content: "";
    z-index: -10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #F7941D 0%, #27AAE1 100%);
    opacity: 0.3;
    filter: blur(16px);
    border-radius: 20px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .training_programs::after,.academy_news::after, .world_it::after, .try::after  {
       display: none;
    }
}

.monitor{
    margin-top: 33px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .monitor{
        margin-top: 13px;
    }
}


.training_programs .name_cards{
    font-size: 24px;
    margin-top: 36px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .training_programs .name_cards{
        font-size: 22px;
        margin-top: 0;
    }
}

.training_programs .text_cards{
    font-size: 16px;
    line-height: 24px;
    max-width: 400px;
    text-align: center;
    margin-top: 41px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .training_programs .text_cards{
        max-width: 260px;
        margin-top: 0;
    }
}


.training_programs .sign_up{
    margin-top: 49px;
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0;
    min-height: 50px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .training_programs .sign_up{
        margin-top: 0;
        margin-bottom: 0;
        min-height: 50px;
    }    
}


.block_for_flex{
    display: flex;
    max-width:680px ;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    min-height: 460px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .block_for_flex{
        align-items:center;
        flex-wrap: nowrap;
        flex-direction: column;
        width: 100%;
        min-height: 580px;
    }   
}

.academy_news{
    position:relative;
    background: #B8EFCF;
    border-radius: 20px;
    min-height: 220px;
    max-width: 330px;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    padding-left: 43px;
    padding-right: 43px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .academy_news{
        border-radius: 10px;
        min-height: 170px;
        width: 100%;
        justify-content: space-between;
        padding: 0 20px;
        padding-bottom: 24px;
        padding-top: 30px;
    }
       
}


.newspaper,.diagram{
    margin-top:33.74px ;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .newspaper,.diagram{
        margin-top:0 ;
    }
       
}

.academy_news .name_cards, .world_it .name_cards{
    font-size: 24px;
    margin-top: 45.74px;
    text-align: center;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .academy_news .name_cards, .world_it .name_cards{
        font-size: 22px;
        margin-top: 0;
        text-align: center;
    }    
}

.world_it{
    position:relative;
    background: #FFEEF6;
    border-radius: 20px;
    min-height: 220px;
    max-width: 330px;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    padding-left: 122px;
    padding-right: 122px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .world_it{
        border-radius: 10px;
        min-height: 170px;
        width: 100%;
        justify-content: space-between;
        padding: 0 20px;
        padding-bottom: 28px;
        padding-top: 30px;
    }  
}

.try{
    position:relative;
    background: #FFE38E;
    border-radius: 20px;
    min-height: 220px;
    max-width: 680px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right:92px ;
    cursor: pointer;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .try{
        border-radius: 10px;
        min-height: 200px;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        padding:0 20px ;
        padding-top: 20px;
        padding-bottom: 28px;
    }
}

.symbols{
    margin-left: 50.3px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .symbols{
       display: none;
    }
}

.symbols_mob{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .symbols_mob{
        display: inline;
    }
}

.try .name_cards{
    font-size: 24px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .try .name_cards_mob{
        display:block;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 26px;
        color: #000000;
        min-width:182px ;
    }    
}

.try .text_cards{
    max-width:400px ;
    font-size: 16px;
}

.reviews{
    display:none ;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .reviews{
        display:block ;
        min-height: 550px;
        margin-bottom: 34px;
        background: #00093C;
        padding-top: 27px;
        padding-bottom: 51px;
    }
}

.rewiws_title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #FFFFFF;
}

.students{
    margin-top:15px ;
    display: flex;
    /* justify-content: space-between; */
    /* align-items:flex-start; */
    width:100% ;
    min-width: 100%;
    min-height: 360px;
    overflow-x: auto;
    /* border-bottom:2px solid #FFFFFF; */
    
}

.students::-webkit-scrollbar {
    height: 4px;               /* ширина всей полосы прокрутки */
    /* overflow: visible; */
  }
  
  .students::-webkit-scrollbar-track {
    
    border-top: 1px solid #00093C;
    border-bottom: 2px solid #fff;
  }
  
  .students::-webkit-scrollbar-thumb {
  
    background-image:  linear-gradient(to right, #F7941D 0%, #27AAE1 100%);
  }

.student{
    min-height: 360px;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items:flex-start;
    min-width: 240px;
    margin-right: 10px;
    margin-bottom:39px ;
}

.name_students{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.role{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #4F4F4F;
}

.name_role{
    display: flex;
    flex-direction: column;
    max-width: 150px;
    min-height: 55px;
    justify-content: space-between;
}

.text_rewiew{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #000000;
}

.estimation{
    display: flex;
}

.number_estimation{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #4F4F4F;
    margin-left: 8px;
}


.welcome{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 34px;
    color: #000000;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .welcome{
        font-size: 24px;
    }    
}

.coins{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 60px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .coins{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 16px;
        align-content:space-between;
        min-height: 326px;
    }    
}

.coins_box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.coins_text{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #000000; 
}

/* Стили для телефонов */
@media (max-width: 767px){
    .coins_text{
        font-size: 12px;
        line-height: 18px; 
    }   
}

#first_coins_box{
    max-width: 195px; 
    margin-top: 19.44px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    #first_coins_box{
        max-width: 145px; 
        margin-top: 16px;
    }
}

#second_coins_box{
    max-width: 220px;
    margin-top: 29.42px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    #second_coins_box{
        max-width: 145px; 
        margin-top: 24px;
    }
}

#third_coins_box{
    max-width: 260px;
    margin-top: 29.42px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    #third_coins_box{
        max-width: 145px; 
        margin-top: 16px;
    }
}

#four_coins_box{
    max-width: 280px;
    margin-top: 19px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    #four_coins_box{
        max-width: 145px; 
        margin-top: 8px;
    }
}

.help_with_choice{
    margin-top: 238px;
    background: #FFFFFF;
    border-radius: 20px;
    position: relative;
    min-height: 270px;
    /* z-index: 100; */
}

/* Стили для телефонов */
@media (max-width: 767px){
    .help_with_choice{
        margin-top: 32px;
        background: #ffffff00;
        border-radius: 20px;
        position: relative;
        min-height: 270px;
        /* z-index: 100; */
    }
}

.help_with_choice::after{
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #F7941D 0%, #27AAE1 100%);
    opacity: 0.3;
    filter: blur(16px);
    border-radius: 20px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .help_with_choice::after{
        display: none;
    }
}

.owl_speak_in_footer{
    position: relative;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .owl_speak_in_footer{
        position: relative;
        max-height: 164px;
    }
}

.owl_in_footer{
    position: absolute;
    top: 20px;
    left: -50px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .owl_in_footer{
        display: none;
    }
}

.owl_in_footer_mob{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .owl_in_footer_mob{
        display: block;
        position: relative;
        top: 20px;

    }
}

.dialog_icon_in_footer{
    position: absolute;
    top: 35px;
    left: 230px;
    z-index: 98;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .dialog_icon_in_footer{
        display: none;
    }
}

.dialog_icon_in_footer_mob{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .dialog_icon_in_footer_mob{
        display: block;
        position: relative;
        top: -136px;
        left: 70px;
    }
}

.owl_text_in_footer{
    max-width: 352px;
    position: absolute;
    left: 280px;
    top: 62px;
    /* padding: 0 10px; */
    z-index: 100;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .owl_text_in_footer{
        max-width: 213px;
        left: 100px;
        top: 10px;
    }
}

.text1_in_footer{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 20px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .text1_in_footer{
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
    } 
}

.text2_in_footer{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .text2_in_footer{
        font-size: 12px;
        line-height: 16px;
       
    } 
}

.contact_form{
    position: absolute;
    left: 700px;
    width: 37.3%;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .contact_form{
        position: static;
        left: 0;
        width: 100%;
        margin-top: 40px;
    }
}

.input{
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    justify-content: space-between;
}

.name_input{
    background: rgba(0, 9, 60, 0.1);
    border-radius: 6px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #4F4F4F;
    width: 100%;
    padding-top:15.5px ;
    padding-left: 19px;
    padding-bottom: 17.5px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .name_input{
        border-radius: 4px;
    }
}

.phone{
    background: rgba(0, 9, 60, 0.1);
    border-radius: 6px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #4F4F4F;
    width:48% ;
    margin-top:20px ;
    padding-top:15.5px ;
    padding-left: 19px;
    padding-bottom: 17.5px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .phone{
        border-radius: 4px;
        font-size: 14px;
        width:100%;
    }
}

.email{
    background: rgba(0, 9, 60, 0.1);
    border-radius: 6px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #4F4F4F;
    width:48% ;
    margin-top:20px ;
    padding-top:15.5px ;
    padding-left: 19px;
    padding-bottom: 17.5px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .email{
        border-radius: 4px;
        font-size: 14px;
        width:100%;
    }
}

.policy{
    margin-top: 18.27px;
    max-width:190px ;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #4F4F4F;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .policy{
        max-width:100%;
    }
}

.send{
    width:48% ;
    margin-top: 18.27px;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 6px;
    border: 0;
    background-color: #F7941D;;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .send{
        width:100%;
        border-radius: 4px;
    }
}

footer{
    background: #00093C;
    position: relative;
    top: -40px;
    z-index: -2;
    padding-top: 70px;
    padding-bottom: 108px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    footer{
        background: #00093C;
        position: static;
        top: 0;
        z-index: 0;
        padding: 20px 10px;
    }
}

.footer-columns{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .footer-column{
        display: none;
    }
}

/* Стили для телефонов */
@media (max-width: 767px){
    .logo_in_footer{
        display: none;
    }
}

footer .footer-columns .footer-column a{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /* line-height: 34px; */
    
    text-align: center;
    color: #fff;
    text-decoration: none; 
    /* cursor: pointer; */
}

li {
    list-style-type: none; 
    margin-bottom: 12px;
}

footer .li_tittle{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;

    color: #fff;
    margin-bottom: 16px;
}

#first_column{
    margin-top: 60px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    #first_column{
        display: block;
        margin-top: 0;
        width: 100%;
    }
}

.contact_number{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 35px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .contact_number{
        margin-top: 0;
    }
}

.contact{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 4px;
}

.social{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 172px;
    margin-top: 25px;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .social{
        display: none;
    }
}

.social_mob{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .social_mob{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 24px;
    }
}

.yandex{
    display: none;
}

/* Стили для телефонов */
@media (max-width: 767px){
    .yandex{
        display: block;
    }
}

.signature{
    margin-top: 29px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #BDBDBD;
}