@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,500;0,700;0,800;1,800&family=Commissioner&family=Noto+Sans:wght@300;400&display=swap');

/* font-family: 'Alumni Sans', sans-serif;
font-family: 'Commissioner', sans-serif;
font-family: 'Noto Sans', sans-serif; */


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

/*гамбургер меню */

.open-nav {
    display: none;
} 
/* .wrap-nav {
    display: none;
} */


.hamburger_container {
    display: none;
}

body {
    background-color: #080613;
}







/*гамбургер меню */

.mobile {
    display: none;
}

.page_wrapper {
    overflow-x: hidden;
    position: relative;
}

.up1 {
    position: relative;
    z-index: 50;
}

.header {
    display: flex;
    flex-direction: column;
    background-image: url(../img/TOPBG.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position-x: center;
    overflow: hidden;
}

.header_corner1 {
    background: url(../img/headercorner.svg) no-repeat;
    width: 100%;
    height: 200px;
    background-position-x: -15px;
}

.header_top {
    /* background: url(../img/headertop.svg) repeat-x; */
    /* width: 100%;
    height: 350px; */
    /* background-position-y: -130px; */
}

.bg_car {
    background: url(../img/car.png) no-repeat;
    /* width: calc( 50% - 50px ); */
    width: 820px;
    height: 900px;
    left: -300px;
    position: absolute;
    bottom: -365px;
    background-size: contain;
    background-position: bottom right; 
}

.bg_woman {
    background: url(../img/woman.png) no-repeat;
    /* width: calc( 50% - 100px ); */

    width: 1037px;
    /* max-width: 1900px; */
    height: 900px;
    position: absolute;
    bottom: -100px;
    /* right: calc(50% - 802px); */
    right: -150px;
    background-size: contain;
    background-position: bottom right;

}
.smoke {
    background: rgb(36,17,61);
    background: linear-gradient(180deg, rgba(36,17,61,0) 0%, rgba(18,7,33,1) 100%);
    /* width: 1000px; */
    /* height: 287px; */
    /* margin-top: 70px; */
    /* position: absolute; */
    
    /* background-position: bottom; */
    width: 100%;
    /* max-width: 1900px; */
    height: 287px;
    position: absolute;
    bottom: 0px;
    /* background-size: contain; */
    /* background-position: bottom; */

}

.bg_icon {
    background: url(../img/icons.svg) no-repeat;
    width: 1083px;
    height: 466px;
    position: absolute;
    left: -90px;
    top: 68px;
    background-size: contain;
    background-position: center;
    z-index: 0;

}

.imageonheadermobile {
    display: none;
}


.header_menu {
    display: flex;
    justify-content: space-between;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}
.logo {
    font-family: 'Alumni Sans', sans-serif;
    font-size: 51px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 44px;
    margin-left: 63px;

}

.menu_header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 637px;
    margin-left: 40px;
    /* gap: 55px; */
    margin-top: 52px;
    margin-right: 50px;
    font-size: 22px;
    font-family: 'Alumni Sans', sans-serif;
}
.menu_header a {
    text-decoration: none;
    color: white;
    text-wrap: none;
}

.a_header:hover:after {
    display: block;
    width: 100%;
    height: 10px;
    background: url(../img/active_link.svg) no-repeat;
    content: ' ';
    
}



.skills {
    /* margin-top: 317px; */
    /* margin-left: 512px; */
    /* margin-right: 946px; */
    /* margin-bottom: 229px; */
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    
}
.skills a {
    text-decoration: none;
}
.skills_container {
    position: relative;
    z-index: 2;
}

.skills h1 {
    font-size: 124px;
    font-weight: bold;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    font-family: 'Alumni Sans', sans-serif;;
}
.skills p {
    font-size: 34px;
    color: white;
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    font-family: 'Alumni Sans', sans-serif;
    z-index: 1;
}

.skills_btn {
    /* margin-left: 123.5px;
    margin-right: 123.5px; */
    margin: 0   auto;
    background-color: #D71D3E;
    color: white;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 30px;
    border-radius: 33px;
    font-size: 25px;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 173px;
    font-family: 'Alumni Sans', sans-serif;
    border: none;
    box-shadow: 0 4px 14px 0 rgba(255, 0, 0, 53%), 
        inset 0 4px 14px 0 rgba(255, 248, 248, 24%);
    
    

}

.wrapper {
    /* margin-left: 211px;
    margin-right: 211px; */
    max-width: 1128px;
    margin: auto;
}

.main {
    background: #120721;
}


.decor_container_top {
    position: relative;
    max-width: 1128px;
    margin: auto;
}

.decor5 {
    background: url(../img/lightning.svg) no-repeat;
    position: absolute;
    height: 1874px;
    width: 1874px;
    left: -890px;
    /* margin-left: -1522px; */
    margin-top: -160px;
    z-index: 0;
}

.decor6 {
    background: url(../img/BGcenter.svg) no-repeat;
    position: absolute;
    height: 1600px;
    width: 2560px;
    background-position: center;
    left: 50%;
    margin-left: -1300px;
    margin-top: 100px;
}



/* slider */

.swiper {
    width: 100%;
}

.swiper-slide{
    height: auto;
    width: 275px;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}

.swiper-wrapper {
    align-items: stretch;

}

.slider_direction{
    position: relative;
    margin-top: -110px;
}

.slider_container_content {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    border: 5px solid #C21B3B;
    width: 264px;
    height: 100%;
    box-shadow: 0 0px 12px 0 rgba(255, 92, 190, 40%);

}
.slider_direction .swiper {
    padding: 110px 0 0;
}

.slider_container_rek{
    position: absolute;
    width: 100%;
    height: 101px;
    left: 12px;
    top: -65px;
}

.logo_fg {
    position: absolute;
    left: 18px;
    top: 25px;
}

.logo_bg {
    position: absolute;
}

.slider_container_content_text {
    padding-top: 87px;
    padding-left: 29px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background-color: transparent;
    height: 100%;
}

.slider_container_content_text h2 {
    font-size: 24px;
    font-family: 'Alumni Sans', sans-serif;
    color: white;
}

.slider_container_content_text p:nth-of-type(1) {
    font-size: 12px;
    font-family: 'Commissioner', sans-serif;
    color: white;
}

.slider_container_content_text p:nth-of-type(2),
.slider_container_content_text p:nth-of-type(3) {
    font-size: 16px;
    margin-bottom: 26px;
    font-family: 'Alumni Sans', sans-serif;
    color: white;
}

.slider_container_content_btn {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 25px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: solid 1px #C21B3B;
    padding-top: 7px;
    padding-bottom: 11px;
    color: white;
    background-color: transparent;
    font-family: 'Alumni Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.slider_container_content_btn_block a {
    text-decoration: none;
}

.slider_container_content_btn_block {
    border-top: 5px solid #C21B3B;
}

.swiper-button-next, .swiper-button-prev {
    margin-right: -60px;
}

.swiper-button-next, .swiper-button-prev {
    margin-left: -80px;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    display: none;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    display: none;
}


/* slider */

/* modern skills */

.modern_skills_container {
    /* background: url(../img/BGcenter.svg); */
    /* background-position: center;
    background-repeat: no-repeat; */
    position: relative;
    z-index: 50;
    margin-top: 232px;
}



.modern_skills {/* margin-top: 240px; */padding: 0 40px;}
.modern_skills_container2 {
    display: flex;
    
    
}
.modern_foto {
    position: absolute;
    bottom: -80px;
    right:calc(35% - 510px);
    /* margin-top: -100px; */
    /* margin-right: 200px; */
}

.svg_arrow {
    background: url(../img/arrov.svg) no-repeat;
    /* height: 76px; */
    position: absolute;
    /* background-position: left; */
    height: 100%;
    width: 100%;
    /* margin-top: 17px; */
    bottom: -345px;


    

    
}



.computer {
    background: url('../img/modernfoto.png') no-repeat;
    height: 542px;
    /* position: relative; */
    background-position: top right;
    background-position-y: -90px ;
    
}


.modern_skills_bg {
    background: rgb(177,56,18);
    background: linear-gradient(90deg, rgba(177,56,18,0.86) 0%, rgba(42,2,105,1) 100%);
    height: 383px;
    margin-top: -70px;
    /* margin-left: 10px; */
    width: 100%;
    position: relative;
}

.svg_edges {
    /* display: flex; */
    position: absolute;
    width: 100%;
}

.svg_edge_left {
    background: url(../img/edgeleft.svg) no-repeat;
    /* width: 100%; */
    height: 383px;
    /* margin-left: -36px; */
    position: absolute;
    top: 0px;
    left: -36px;
    height: 100%;
    width: 36px;
}
.svg_edge_right {
    background: url(../img/edgeright.svg) no-repeat;
    position: absolute;
    /* background-position: top right; */
    width: 36px;
    height: 383px;
    /* margin-top: -383px; */
    /* margin-left: 576px; */
    right: -36px;
}


.modern_text {
    position: relative;
    z-index: 10;
    max-width: 60%;
    padding-left: 67px;
    padding-top: 68px;
    font-size: 23px;
}

.modern_text h1{
    font-size: 78px;
    line-height: 71px;
    font-weight: bold;
    color: white;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    /* margin-bottom: 12px; */
    font-family: 'Alumni Sans', sans-serif;
}

.modern_text p {
    /* width: 610px; */
    font-size: 16px;
    font-family: 'Commissioner', sans-serif;
    /* margin-bottom: 49px; */
    color: white;
}
.modern_text p:nth-of-type(1) {
    margin-top: 12px;
}
.modern_text p:nth-of-type(2) {
    margin-top: 49px;
}


.modern_foto img {
    max-width: 100%;
    max-height: 100%;
}






/* modern skills */

/* choose */






.choose_block {
    background: url(../img/BGcenter.svg);
    background-size: auto;
    background-position: center;
    background-position-y: 150px;
    margin-top: 100px;
}

.choose {
    display: flex;
    flex-direction: column;
    margin-top: 33px;
}


.choose_navigation {  
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    display: flex;
    flex-direction: row;
    text-wrap: none;
}

.choose_navigation_a {
    font-family: 'Alumni Sans', sans-serif;
    font-size: 20px;
    padding-top: 11px;
    padding-left: 20px;
    padding-bottom: 11px;
    padding-right: 20px;
    background: inherit;
    border: 1px solid #584871;
    border-radius: 8px;
}



.choose_navigation_a:hover {
    background: rgba(115, 84, 238, .25);
    box-shadow: 0 4px 14px 0 rgba(115, 84, 238, 42%);
}
.choose_navigation_a.active {
    background-color: #D71D3E;
    border: none;
    box-shadow: 0 4px 14px 0 rgba(255, 0, 0, 53%), 
        inset 0 4px 14px 0 rgba(255, 248, 248, 24%);
}


.choose_navigation_a a {
    color: white;
    text-decoration: none;
}




.choose_container {
    background: rgb(191,42,42);
    background: linear-gradient(180deg, rgba(191,42,42,0.26) 0%, rgba(0,0,0,0) 100%);
    display: flex;
    flex-direction: row;
    gap: 66px;
    border: 4px solid #C21B3B;
    border-radius: 33px;
    /* margin-bottom: 18px; */
    margin-top: 16px;
    margin-left: 20px;
    margin-right: 20px;
}



.choose_container:hover {
    background: rgb(213,115,0);
    background: linear-gradient(180deg, rgba(213,115,0,1) 0%, rgba(255,154,36,0.14) 100%); 
    border: 4px solid #F17A24;
}

.choose_btn:hover {
    color: white;
    background-color: #F17A24;
    box-shadow: 0 4px 14px 0 rgba(255, 64, 167, 53%), 
        inset 0 4px 14px 0 rgba(255, 248, 248, 25%);
        
}



.choose_rek {
    min-width: 274px;
    height: 155px;
    
    /* background: white; */
    margin-top: 31px;
    margin-left: -15px;
    background-position: center;
    background-size: cover;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    
}

.choose_content_container {
    display: flex;
    flex-direction: column;
    margin-top: 44px;
    margin-bottom: 44px;
    margin-right: 40px;
    width: 100%;
}

.choose_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.choose_text {
    margin-right: 107px;
    display: flex;
    flex-direction: column;
    gap: 13px;
    
}

.choose_text h3 {
    font-size: 24px;
    font-family: 'Alumni Sans', sans-serif;
    color: white;
    text-transform: uppercase;

}
.choose_text p {
    font-size: 16px;
    font-family: 'Commissioner', sans-serif;
    color: white;

}

.choose_btn {
    font-size: 25px;
    padding-top: 15px;
    padding-left: 74px;
    padding-bottom: 15px;
    padding-right: 74px;
    border-radius: 34px;
    color: white;
    background-color: #D71D3E;
    font-family: 'Alumni Sans', sans-serif;
    border: none;
    box-shadow: 0 4px 14px 0 rgba(255, 0, 0, 53%), 
        inset 0 4px 14px 0 rgba(255, 248, 248, 24%);
    text-decoration: none;
}

.choose_rek {
    position: relative;
}

.choose_bg {
    background-image: url(../img/Vector15.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 10px; 
    height: 12px; 
    position: absolute;
    bottom: -12px;
    left: 1.5px;
}



.wrapper_choose {
    /* margin-left: 331px; */
    /* margin-right: 40px; */
    /* width: 746px; */
    max-width: 100%;
}

.choose_blocks {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    margin-top: 31px;
}

.choose_blocks > div {
    width: 100%;
    border: 1px solid black;
    padding-left: 16px;
    padding-top: 9px;
    padding-bottom: 9px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 8px;
    color: white;
    background: rgba(255, 255, 255, 8%);
    border: 1px solid rgba(255, 255, 255, 0.1) ;

}

.choose_blocks span{
    font-family: 'Commissioner', sans-serif;
    font-size: 10px;
}
.choose_price span {
    font-family: 'Alumni Sans', sans-serif;
    font-size: 24px;
    font-weight: normal;
}

.choose_price {
    font-family: 'Alumni Sans', sans-serif;
    font-size: 24px;
    font-weight: normal;
}


.choose_price_sale {
    font-size: 18px;
    font-family: 'Alumni Sans', sans-serif;
    font-weight: lighter;
    color: #FA7777;
    text-decoration: line-through;
}


.mobilechoose {
    display: none;
}
.tabletchoose {
    display: none;
}




/* choose */


/* 3 */

.container_of3 {
    
}

/* 2 */

.container_of2 {
    background: url(../img/lightitman.svg) no-repeat;
    background-position: center;
    background-position-y: -220px;

}

/* it_future  */

.it_future {
    /* display: flex;
    flex-direction: column;
    justify-content: space-between; */
    background: url(../img/BGcenter.svg);
    background-size: auto;
    background-position: center;
}

.it_future_man {
    background: url(../img/itman.png) no-repeat;
    background-position: center;
}

.it_future_light {
    /* background: url(../img/lightitman.png); */
}



.it_future_header {
    margin-top: 120px;
    /* margin-left: 229px; */
    /* margin-right: 229px; */
    margin-bottom: 48px;
    gap: 8px;
    

}

.img_it_future {
    /* background: url(../img/it_future_man.png); */
    
    background-position: center;
    width: 100%;
    height: auto;
}


.it_future_header h1 {
    font-size: 78px;
    font-weight: bold;
    font-family: 'Alumni Sans', sans-serif;
    color: white;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 12px;
    text-align: center;
    /* margin-top: 79px; */
    /* padding-top: 50px; */
    
}

.it_future_header p {
    font-size: 28px;
    font-family: 'Alumni Sans', sans-serif;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.it_future_info {
    /* background: url(../img/it_future_man2.png); */
    /* background-position: center; */
    display: flex;

}

.menu_left {
    margin-top: 72px;
    display: flex;
    /*align-self: left;*/
    flex-direction: column;
    gap: 58px;

}

.menu_left > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.menu_left p {
    font-family: 'Alumni Sans', sans-serif;
    font-size: 24px;
    color: white;

}

.menu_right {
    margin-top: 72px;
    margin-right: 25px;
    display: flex;
    /*align-self: right;*/
    flex-direction: column;
    /* justify-content: space-between; */
    gap: 68px;
    color: white;
}

.menu_right > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.menu_right p {
    font-family: 'Alumni Sans', sans-serif;
    font-size: 24px;
}



/* it_future  */


/* slider2 */




.slider_direction h1 {
    font-size: 78px;
    font-family: 'Alumni Sans', sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    color: white;
    padding-top: 250px;


}

.swiper-button-next_2, .swiper-button-prev_2 {
    margin-right: -60px;
    margin-top: 160px;
}
.swiper-button-next_2, .swiper-button-prev_2 {
    margin-left: -80px;
}

.slider_container_content_2 {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    border: 5px solid #E83F9A;
    width: 264px;
    height: 100%;
    /* box-shadow: 0 4px 34px 0 rgba(255, 92, 190, 15%); */

}

.slider_container_content_btn_2 {
    border: solid 1px #E83F9A;
}

.slider_container_content_btn_block_2 {
    border-top: 5px solid #E83F9A;
}

.logo_fg_2 {
    position: absolute;
    /*left: 50px;*/
    /*top: -50px; */
}

.logo_bg_2 {
    position: absolute;
    margin-left: 8px;
    margin-top: 0px;
}

.new_class {
    position: relative;
}

.decor1{
    background: url(../img/Ellipse2.svg) no-repeat;
    height: 1874px;
    width: 2052px;
    position: absolute;
    background-position-x: -600px;
    background-position-y: -200px;
    z-index: 2;
}

.decor2 {
    background: url(../img/lightitleft.svg) no-repeat;
    height: 1874px;
    width: 1874px;
    position: absolute;
    bottom: 0px;
    background-position-y:700px;
    background-position-x: -900px;
    z-index: 3; 
}
.decor3 {   
    margin-top: 100px;
    background: url(../img/slider2bg_2.svg) no-repeat;
    height: 1051px;
    width: 100%;
    background-position: center;
    position: absolute;
    background-position-y: -60px;
    z-index: 1;
}

.decor4 {
    background: url(../img/backgroundbreakit.jpg) no-repeat;
    position: absolute;
    height: 937px;
    width: 100%;
    bottom: -30px;
    z-index: 0;
    left: calc(50% - 335px);
}

.slider_swiper {
    position: relative;
    z-index: 50;
}

/* slider2 */

/* break_in */

.break_in_bg {
    padding-top: 100px;
}
.break_in_container {
    padding-top: 130px; 
}

.break_in_container_light {
    background-position: left;
    background-position-y: -400px;
    background-position-x: -600px;
}

.break_in_container_light_comp {
    padding-top:250px;
    background-position-x: 620px;
    background-position-y: -200px;
}
.break_in {
    display: block;
    color: white;
    max-width: 664px;
}
.break_in_choose {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 50;
    padding-bottom: 302px;
}

.break_in_choose h1 {
    margin-bottom: 18px;
    font-size: 78px;
    font-family: 'Alumni Sans', sans-serif;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    font-style: italic;
}

.break_in_choose p {
    font-size: 34px;
    font-family: 'Alumni Sans', sans-serif;
    text-transform: uppercase;
}

.break_in_menu_container {
    display: block;
    padding-top: 29px;
    margin-bottom: 42px;
    width: 100%;
}

.break_in_menu {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;  
}

.break_in_menu a {
    font-size: 24px;
    font-family: 'Alumni Sans', sans-serif;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

.break_in_menu a:hover {
    color: #FF5573;
}

.break_in_menu span {
    font-size: 24px;
    font-family: 'Alumni Sans', sans-serif;
    color: white;
}

.break_btn {
    color: white;
    padding-top: 15px;
    padding-left: 30px;
    padding-bottom: 15px;
    padding-right: 30px;
    border-radius: 33px;
    font-size: 25px;
    background-color: #D71D3E;
    font-family: 'Alumni Sans', sans-serif;
    border: none;
    box-shadow: 0 4px 14px 0 rgba(255, 0, 0, 53%), 
        inset 0 4px 14px 0 rgba(255, 248, 248, 24%);
    text-decoration: none;
    
}


/* break_in */

/* Footer */


.footer {
    position: relative;
    background: #120721;
}

.backgrnd_footer {
    background-image: url(../img/backgrbdfooter.png);
    background-size: cover;
}

.backgrnd_footer_bot {
    background-image: url(../img/footerbot.svg);
    background-position: bottom;
    background-repeat: repeat-x; 
}

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

.adress {
    display: flex;
    flex-direction: column;
    gap: 10px;
    
}
.adress_content {
    display: flex;
    flex-direction: column;
}


.offers_adress {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 32px;
}
.offers_adress a {
    text-decoration: none;
}
.adress_content p {
    color: white;
    background-color: #1F1D58;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 11px;
    font-family: 'Noto Sans', sans-serif;
    font-size: 12px;
    font-weight: lighter;
}

.offers_btn {
    display: block;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 15px;
    padding-left: 47px;
    padding-bottom: 15px;
    padding-right: 47px;
    border-radius: 33px;
    font-size: 25px;
    color: white;
    border: 1px solid white;
    background-color: transparent;
    font-family: 'Alumni Sans', sans-serif;
    text-align: center;
    max-width: 217px;
}

.offers h1 {
    margin-top: 69px;
    margin-bottom: 32px;
    color: white;
    margin-bottom: 18px;
    font-size: 44px;
    font-family: 'Alumni Sans', sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
}

.info_footer {
    display: flex;
    flex-direction: column;
    gap: 29px;
    align-items: center;
    text-align: center;
    margin-top: 69px;
}

.info_footer h3 {
    color: white;
    font-family: 'Alumni Sans', sans-serif;
    font-size: 51px;
    font-weight: bold;
    text-transform: uppercase;
}

.info_footer p {
    margin-left: 220px;
    margin-right: 190px;
    color: white;
    padding-bottom: 85px;
    font-style: italic;
    font-size: 11px;
    font-family: 'Noto Sans', sans-serif;
}

/* Footer */



@media (max-width:1280px) {

    .bg_car {
        left: calc(50% - 950px);
    }

    .bg_woman {
        right: calc(50% - 800px);
    }

    .menu_left {
        margin-left: 24px;
    }
    .menu_right {
        margin-right: 24px;
    }

    .offers {
        margin-left: 25px;
        margin-right: 25px;
    }
    .break_in_choose {
        margin-left: 25px;
    }
}

@media (min-width:1920px) {

    .bg_car {
        left: calc(50% - 1250px);
    }

    .bg_woman {
        right: calc(50% - 1100px);
    }
}


@media (max-width:660px) {

    .wrapper {
        max-width: 660px;
        margin: auto;
    }

    .menu_header {
        display: none;
    }

    .header_top {
        background: none;
    }

    .header {
        background-position-x: 80%;
        height: 572px;
    }
    .bg_car {
        display: none;
    }

    .logo {
        font-family: 'Alumni Sans', sans-serif;
        font-size: 41px;
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 25px;
        margin-left: 63px;
    }

    .bg_woman {
        background: url(../img/woman.png) no-repeat;
        /* width: calc( 50% - 100px ); */
        width: 100%;
        /* max-width: 1900px; */
        height: 900px;
        position: absolute;
        bottom: -100px;
        /* right: calc(50% - 802px); */
        right: 0;
        background-size: auto 590px;
        background-position: bottom right;
        background-position-x: calc(100% + 259px);
    }



    .bg_icon {
        background-position-x: -360px;
        background-position-y: -170px;
        background-size: 55%;
    }

    .header_corner1 {
        background-position-x: -15px;
        background-position-y: -20px;
    }
    
    .skills {
        gap: 5px;
        margin-top: 120px;
    }

    .skills h1 {
        font-size: 61px;
        line-height: 51px;

    }
    .skills_btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }


    .imageonheader {
        display: none;
    }

    .imageonheadermobile {
        display: block;
    }

    .skills p {
        font-size: 22px;
        text-align: center;        
    }

    .slider_swiper {
        margin: 0 auto;
    }

    .slider_container_content{
        width: 250px;
    }

    .slider_container_content_text {
        padding-top: 44px;
        gap: 8px;
    }
    .slider_container_content_text p:nth-of-type(2){
        margin-bottom: 0;
        padding-bottom: 21px;
    }

    .slider_container_content_btn {
        padding-top: 7px;
        padding-bottom: 9px;
    }

    .slider_direction {
        margin-top: 0px;
    }

    .slider_direction .swiper {
        padding-left: 35px;
        padding-right: 15px;
    }

    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .logo_bg{
        /*margin-left: 30px;*/
    }
    .logo_bg.mobile{
        /*margin-left: 30px;*/
        position: absolute;
        left: calc(50% - 108px);
    }
    .logo_fg.mobile {
        position: absolute;
        left: calc(50% - 95px);
        top: 17px;
        width: 164px;
    }

    .modern_text h1 {
        font-size: 48px;
        line-height: 42px;
    }

    .modern_text p {
        font-weight: lighter;
    }

    .modern_text {
        padding-left: 22px;
        padding-top: 32px;
    }

    .modern_foto {
        margin-top: 50px;
    }

    .choose_navigation {
        flex-wrap: nowrap;
        overflow-x: scroll;
        text-wrap: none;
        padding-bottom: 10px;
        margin-left: 23px;
        white-space: nowrap;
    }
    
    .desktopchoose {
        display: none;
    }

    .mobilechoose {
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px;
    }

    .choose_rek {
        min-width: 230px;
        width: 380px;
        max-width: 108%;
        height: 150px;
        background: white;
        margin-top: 20px;
        margin-left: -10px;
        background-size: cover;
        background-position: center;
    }

    .choose_bg {
        background-size: 64%;
        width: 11px;
        height: 12px;
        bottom: -12px;
        left: 0px;
    }

    .choose_content {
        padding-left: 20px;
    }

    .choose_container{
        gap: 10px;
        box-shadow: 0 4px 34px 0 rgba(255, 92, 190, 15%);
        max-width: 100%;
        margin: 0 auto;
    }

    .choose_containernew {
        display: flex;
        flex-wrap: wrap;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 14px;
        gap: 15px;
    }
   
    .choose_content_container {
        margin-top: 8px;
        margin-bottom: 17px;
        margin-right: 20px;       
    }
    
    .choose_text {
        margin-right: 0px;
        gap: 13px;
    }

    .choose_text h3 {
        font-size: 21px;
    }

    .choose_text p {
        font-size: 12px;
    }

    .choose_blocks {
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        margin-top: 12px;
    }

    .choose_blocks > div {
    justify-content: space-between;    
    flex-direction: row;   
    padding-left: 16px;
    padding-top: 12.5px;
    padding-bottom: 12.5px;
    padding-right: 16px;
    gap: 15px;
    }

    .choose_price span {
        font-family: 'Alumni Sans', sans-serif;
        font-size: 16px;
        font-weight: normal;
    }
    
    .choose_price {
        font-family: 'Alumni Sans', sans-serif;
        font-size: 16px;
        font-weight: normal;
    }
    
    
    .choose_price_sale {
        font-size: 12px;
        font-family: 'Alumni Sans', sans-serif;
        font-weight: lighter;
        color: #FA7777;
        text-decoration: line-through;
    }











    .choose_price_text p {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .choose_btn_container {
        padding-left: 14px;
        margin-top: 10px;
    }
    .choose_btn{
        padding-top: 6px;
        padding-bottom: 6px;
        width: 100%;
        display: block;
        text-align: center;
    }


    /* it future */

    .container_of2 {

    }

    .it_future_header {
        margin-top: 100px;
        margin-left: 15px;
        margin-right: 20px;
        margin-bottom: 48px;
    }

    .it_future_header h1 {
        font-size: 52px;
        line-height: 48px;
        text-align: center;
        /*letter-spacing: 5%;*/
        margin-bottom: 0px;       
    }

    .it_future_header p {
        font-size: 18px;
        margin-top: 21px;
    }
    
    .it_future_man {
        background: url(../img/mitmanmobile.png) no-repeat;
        background-position: center;
        background-position-y: -100px ;
    }

    
    .it_future_info {
        margin-top: 300px;
        margin-right: 19px;
        display: flex;
        flex-direction: column;
    }

    .menu_left {
        gap: 24px;
    }

    .menu_right {
        margin-top: 24px;
        margin-left: 24px;
        gap: 24px;
    }

    .it_future_menu {
        display: flex;
        flex-direction: row;
        gap: 10px;
    }

    .it_future_menu p {
        font-size: 18px;
    }

    .decor3 {
        background-size: 2483px;
        background-position-y: -80px;
        background-position-x: -900px;       
    }
    
    .decor1 {
        background-position-x: -1400px;
        background-position-y: -300px;
    }

    .slider_direction h1 {
        font-size: 48px;
        padding-top: 230px;
    }

    .slider_container_content_2 {
        border: 5px solid #C21B3B;
    }
    
    .slider_container_content_btn_2 {
    
        border: solid 1px #C21B3B;
    }
    
    .slider_container_content_btn_block_2 {
        border-top: 5px solid #C21B3B;
    }

    .decor2{
        display: none;
    }

     /* it future */


    /* break in */

    .break_in_bg {
        padding-top: 0;
    }

    .break_in_container_light_comp {
        padding-top: 0;
    }
    .break_in_choose {
        margin-bottom: 0px;
        padding-bottom: 0;
        padding-top: 100px;
        align-items: center;
    }

    .break_in_choose h1 {
        font-size: 48px;
        text-align: center;
        padding-right: 15px;
    }

    .break_in_choose p {
        font-size: 18px;
        padding-left: 36px;
        padding-right: 34px;
        text-align: center;
    }

    .break_in_menu_container{
        display: block;
        width: 100%;
        overflow-x: scroll;
        margin-right: 15px;
        
    }

    .break_in_menu {
        margin-bottom: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 9px;
        padding-bottom: 5px;
        
    }
       
    .break_in_menu a,.break_in_menu span {
        display: flex;
        font-size: 16px;
    }

    .break_btn {
        margin-top: 260px;
        padding-left: 60px;
        padding-right: 60px;
    }

    .decor4 {
        background: url(../img/backgroundbreakit.jpg) no-repeat;
        background-size: 725px;
        position: absolute;
        bottom: -530px;
        background-position-x: -140px;
        left: calc(50% - 150px);
    }

    .break_choose_btncont {
        padding-bottom: 18px;
        margin-top: 260px;
    }


    /* break in */


    /* footer */

    .offers h1 {
        font-size: 28px;
        margin-left: 22px;
        margin-right: 22px;
        margin-top: 34px;
        margin-bottom: 0;
        padding-right: 10px;

    }

    .offers_adress {
        margin-left: 22px;
        margin-right: 22px;
        margin-top: 21px;
        gap: 0px;
    }

    .offers_btn {
        margin-top: 20px;
        font-size: 18px;
        max-width: 320px;
    }

    .info_footer {
        margin-top: 58px;
    }

    .info_footer p {
        margin-left: 18px;
        margin-right: 18px;
        padding-bottom: 0px;
        font-size: 10px;
    }

    .info_footer p:nth-last-of-type(1) {
        padding-bottom: 85px;
    }
   
    .info_footer h3 {
        font-size: 40px;
    }

    .backgrnd_footer {
        background-size: 200%;
        background-repeat: no-repeat;
        background-position-x: -145px;
        background-position-y: 520px;
    }




    /* footer */

    .offers {
        margin-left: 0;
        margin-right: 0;
    }

}


@media (max-width:660px) {


    .modern_skills_bg {
        background: rgb(2,0,36);
        background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(177,56,18,0.86) 0%, rgba(42,2,105,1) 100%);
        width: auto;
        height: 520px;
        margin: auto;
        margin-top: -70px;
        position: relative;
    }

    .svg_edge_left {
        background: url(../img/medgetopmob.svg) repeat-x;
        margin-top: 0px;
        margin-left: 0px;
        height: 29px;
        width: 100%;
        position: absolute;
        top: -29px;
        left: 0;
    }
    .svg_edge_right {
        background: url(../img/medgebotmob.svg) repeat-x;
        position: absolute;
        background-position: bottom;
        width: 100%;
        height: 29px;
        bottom: -29px;
        left: 0px;
    }

    .decor5 {
        background: url(../img/mlightningmobile.svg) no-repeat;
        position: absolute;
        background-position: center;
        height: 148px;
        width: 105px;
        left: 0;
        bottom: 480px;
        margin-left: calc(50% - 50px);
        margin-top: 0px;
        z-index: 0;
    }

    .modern_text h1 {
        font-size: 48px;
        line-height: 42px;
    }

    .modern_text p {
        font-weight: lighter;
    }

    .modern_text p:nth-last-of-type(1) {
        display: none;
    }

    .modern_text {
        padding-left: 22px;
        padding-top: 32px;
    }

    .modern_skills_container2 {
        flex-direction: column;
    }

    .modern_foto {
        left: 0;
        margin-top: -68px;
        z-index: 1;
        right: calc(40% - 160px);
    }

    .modern_skills {
        padding: 0;
    }

    .choose_container{
        gap: 10px;
        box-shadow: 0 4px 34px 0 rgba(255, 92, 190, 15%);
        width: 100%;
        margin: 0 0;
    }

    .menu_left > div {
        flex-direction: row;
        text-align: left;
    }
    .menu_right > div {
        flex-direction: row;
        text-align: left;
    }
}


@media (min-width:660px) and (max-width:922px) {

    .desktopchoose{
        display: none;
    }
    .mobilechoose{
        display: none;
    }
    .tabletchoose {
        display: block;
    }

    .choose_navigation {
        flex-wrap: nowrap;
        overflow-x: scroll;
        text-wrap: none;
        padding-bottom: 10px;
        margin-left: 23px;
    }

    .choose_containernew {
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    .choose_container_shell {
        background: rgb(191,42,42);
        background: linear-gradient(180deg, rgba(191,42,42,0.26) 0%, rgba(0,0,0,0) 100%);
        border: 4px solid #C21B3B;
        border-radius: 33px;
        margin-top: 16px;
        margin-left: 20px;
        margin-right: 20px;
        max-width: 100%;
    }
    .choose_container_tablet {
        display: flex;
        flex-direction: column;
    }

    .choose_tablet {
        display: flex;
        flex-direction: row;
        gap: 30px;
        padding-right: 20px;
    }
 
    .choose_container_shell:hover {
        background: rgb(213,115,0);
        background: linear-gradient(180deg, rgba(213,115,0,1) 0%, rgba(255,154,36,0.14) 100%); 
        border: 4px solid #F17A24;
    }
    
    .choose_btn:hover {
        color: white;
        background-color: #F17A24;
        box-shadow: 0 4px 14px 0 rgba(255, 64, 167, 53%), 
            inset 0 4px 14px 0 rgba(255, 248, 248, 25%);
            
    }
      
    .choose_rek {
        min-width: 274px;
        height: 138px;
        margin-top: 31px;
        margin-left: -15px;
        background-position: center;
        background-size: cover;
        
    }
    
    .choose_content_container {
        display: flex;
        flex-direction: column;
        margin-top: 44px;
        margin-bottom: 44px;
        margin-right: 20px;
    }
    
    .choose_content {
        display: flex;
        flex-direction: row;
    }
    
    .choose_text {
        margin-right: 10px;
        display: flex;
        flex-direction: column;
        gap: 13px;
        
    }
    
    .choose_text h3 {
        font-size: 24px;
        font-family: 'Alumni Sans', sans-serif;
        color: white;
        text-transform: uppercase;
    
    }
    .choose_text p {
        font-size: 16px;
        font-family: 'Commissioner', sans-serif;
        color: white;
    
    }
    .choose_link_container {
        display: flex;
        text-align: center;
    }
    
    .choose_btn {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 15px;
        width: 95%;
        font-size: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 34px;
        color: white;
        background-color: #D71D3E;
        font-family: 'Alumni Sans', sans-serif;
        border: none;
        box-shadow: 0 4px 14px 0 rgba(255, 0, 0, 53%), 
            inset 0 4px 14px 0 rgba(255, 248, 248, 24%);
    }
    
    .choose_rek {
        position: relative;
    }
    
    .choose_bg {
        background-image: url(../img/Vector15.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 10px; 
        height: 12px; 
        position: absolute;
        bottom: -12px;
        left: 1.5px;
    }

    .wrapper_choose {
        max-width: 100%;
    }
    
    .choose_blocks {
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: space-between;
        margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 0;
        max-width: 100%;
    }
    
    .choose_blocks > div {
        /* margin-left: 15px; */
        width: 100%;
        border: 1px solid black;
        padding-left: 16px;
        padding-top: 9px;
        padding-bottom: 9px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        border-radius: 8px;
        color: white;
        background: rgba(255, 255, 255, 8%);
        border: 1px solid rgba(255, 255, 255, 0.1) ;
    
    }
    .choose_blocks span{
        font-family: 'Commissioner', sans-serif;
        font-size: 10px;
    }
    .choose_price span {
        font-family: 'Alumni Sans', sans-serif;
        font-size: 24px;
        font-weight: normal;
    }
    
    .choose_price {
        font-family: 'Alumni Sans', sans-serif;
        font-size: 24px;
        font-weight: normal;
    }
    
    
    .choose_price_sale {
        font-size: 18px;
        font-family: 'Alumni Sans', sans-serif;
        font-weight: lighter;
        color: #FA7777;
        text-decoration: line-through;
    }






    .break_in_choose {
        margin-left: 25px;
    }

    .decor3 {
        background-position-x: -1000px;
    }
}


/* 768 */

@media (max-width:992px){

    .header_menu {
        display: flex;
        color: white;
        text-transform: uppercase;
        font-weight: bold;
        flex-direction: row;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        padding-left: 28px;
        padding-top: 42px;
    }

    .logo {
        margin-top: 0;
        margin-left: 20px;
        font-size: 41px;
    }

    .menu_header {
        display: none;
    }

    

    body.open .page_wrapper {
        filter: blur(10px);
    }

    .page2 {
        display: none;
    }


    body.open {
        height: 100%;
        overflow: hidden;
    }

    body.open .hamburger_container{
        display: block;
        position: fixed;
        z-index: 60;
        width: 100%;
        height: 100vh;
        background: #00000091;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .hamburger_container .open-nav {
        display: block;
        width: 24px;
        height: 14px;
        z-index: 88888;
        /* margin-top: 42px; */
        /* margin-left: 28px; */
        background-color: transparent;
        border: none;
        position: absolute;
        top: 60px;
        left: 30px;
    }



    .hamburger_container .open-nav span {
        position: absolute;
        width: 21px;
        height: 2px;
        top: 5px;
        left: 0px;
        background: #fff;
        border-radius: 100px;
        transition: 0.2s ease-out;
    }
    .hamburger_container .open-nav span:first-child {
        top: 0px;
    }
    .hamburger_container .open-nav span:nth-child(2) {
        top: 0px;
        width: 11px;
        transform: translateY(-50%);
    }

    button:focus:not(:focus-visible) {
        outline: 0;
    }


    .hamburger_container .open-nav.open span:first-child {
        transform: rotate(45deg);
        top: 6px;
        /* background: #000; */
    }
    .hamburger_container .open-nav.open span:nth-child(2) {
        opacity: 0;
    }
    .hamburger_container .open-nav.open span:last-child {
        transform: rotate(-45deg);
        top: 6px;
        /* background: #000; */
        width: 89%;
    }
    body.open .header_corner,
    body.open .header_corner
    {
        opacity: 0;
    }

    .body.open .header_corner2 {
        display: block;
    }

    .hamburger_container .wrap-nav.open {
        visibility: visible;
        transform: translateY(0);
        box-shadow: 0 -15px 30px 0 rgba(25, 16, 78, 0.75);
    }

    .page1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 55px;
        font-size: 25px;
        padding-top: 151px;
        /* margin-top: 151px; */
    }
    .mobile_menu_wrapper.hidden {
        display: none;
    }

    .mobile_menu_wrapper a {
        text-decoration: none;
    }

    .page2{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        margin-top: 60px;
        font-size: 25px;
    }

    .page2_menu_mobile {
        padding-top: 30px;
        display: block;
        position: relative;
        z-index: 555;
    }

    .transition_to_page1{
        padding-top: 9px;
    }
    .hamburger_menu {
        position: relative;
        z-index: 555;
    }

    .page2_menu_mobile_header{
        text-align: center;
        color: white;
    }
    .page2_menu_mobile_header h1 {
        font-family: 'Alumni Sans', sans-serif;
        font-size: 41px;
        text-transform: uppercase;
    }

    .skills_btn_burger {
        
        /* margin-left: 123.5px;
        margin-right: 123.5px; */
        /* margin: 0   auto; */
        background-color: #D71D3E;
        color: white;
        padding-left: 30px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 30px;
        border-radius: 33px;
        font-size: 25px;
        white-space: nowrap;
        display: flex;
        flex-direction: row;
        gap: 10px;
        /* margin-bottom: 173px; */
        font-family: 'Alumni Sans', sans-serif;
        border: none;
        box-shadow: 0 4px 14px 0 rgba(255, 0, 0, 53%), 
            inset 0 4px 14px 0 rgba(255, 248, 248, 24%);
        /* margin-top: 100px; */
        margin: 140px auto ;
        justify-content: center;
        max-width: 266px;
    }

    .header_corner_burger {
        position: absolute;
        /* width: 100%; */
        /* height: 0; */
        left: -15px;
        z-index: 55;
        
    }

    body.open .menu_header {
        opacity: 0;
    }
    body.open .logo {
        opacity: 0;
    }
    body.open .skills {
        opacity: 0;
    }
    body.open .header_corner{
        opacity: 0;
    }
    
    body.open .slider_swiper{
        opacity: 0;
    }
    

    li {
        list-style: none;
    }

    .page1 a {
        color: white;
        text-decoration: none;
        font-size: 25px;
        font-family: 'Alumni Sans', sans-serif;
        font-weight: bold;
        text-transform: uppercase;

    }
    .page2 a {
        color: white;
        text-decoration: none;
        font-size: 25px;
        font-family: 'Alumni Sans', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
    }


    .more li:hover:after {
        display: block;
        width: 100%;
        height: 10px;
        background: url(../img/active_link.svg) no-repeat;
        content: ' ';
    }

    .transition_to_page1 {
        color: white;
        text-align: center;
    }
    .transition_to_page1 a {
        color: white;
        text-decoration: none;
        font-family: 'Alumni Sans', sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        padding-left: 10px;
    }

    .arrowright_mobile_hamb {
        padding-left: 10px;
        padding-bottom: 3px;
    }



    /*  */
    
    body .open-nav {
        display: block;
    }

    body .open-nav {
        display: block;
        width: 24px;
        height: 14px;
        z-index: 88888;
        /* margin-top: 42px; */
        /* margin-left: 28px; */
        background-color: transparent;
        border: none;
        position: relative;
    }

    body .open-nav span {
        position: absolute;
        width: 21px;
        height: 2px;
        top: 5px;
        left: 0px;
        background: #fff;
        border-radius: 100px;
        transition: 0.2s ease-out;
    }
    body .open-nav span:first-child {
        top: 0px;
    }
    body .open-nav span:nth-child(2) {
        top: 11px;
        width: 11px;
        transform: translateY(-50%);
    }

}



@media (max-width:1128px) {


    .slider_direction .swiper {
        padding: 110px 25px 0;
    }
    

}

.price-crossed {
    /*// Draw an SVG top left to bottom right*/
    display: inline-block;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 10 10'> <line fill='none' stroke='red' x1='0' y1='8' x2='10' y2='2'/></svg>") no-repeat scroll 0 0 / 100% 100% transparent;
    /*//scale it*/
}