/*
Theme Name: 1IT
Theme URI: https://bazucompany.com/
Description: Bazu company
Author: Bazu
Author URI: https://bazucompany.com/
Version: 1.0.0
*/

@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "Gilroy";
    src:local('Gilroy-Medium'),
    url("./fonts/Gilroy-Medium.woff2") format("woff2"),
    url("./fonts/Gilroy-Medium.woff") format("woff"),
    url("./fonts/Gilroy-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src:local('Gilroy-Semibold'),
    url("./fonts/Gilroy-Semibold.woff2") format("woff2"),
    url("./fonts/Gilroy-Semibold.woff") format("woff"),
    url("./fonts/Gilroy-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src:local('Gilroy-Bold'),
    url("./fonts/Gilroy-Bold.woff2") format("woff2"),
    url("./fonts/Gilroy-Bold.woff") format("woff"),
    url("./fonts/Gilroy-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src:local('Gilroy-Extrabold'),
    url("./fonts/Gilroy-Extrabold.woff2") format("woff2"),
    url("./fonts/Gilroy-Extrabold.woff") format("woff"),
    url("./fonts/Gilroy-Extrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Gilroy";
    src:local('Gilroy-Black'),
    url("./fonts/Gilroy-Black.woff2") format("woff2"),
    url("./fonts/Gilroy-Black.woff") format("woff"),
    url("./fonts/Gilroy-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*reset css*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-style: normal;
    vertical-align: baseline;
    font-feature-settings: 'locl' 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


*{
    box-sizing: border-box;
    font-family: 'Gilroy', sans-serif;
}

button,
button:hover,
button:focus{
    outline: none;
}

/*end reset css*/

html, body{
    height: 100%;
}


body{
    background:#fff;
}

-moz-scrollbar {
    width: 6px;
}

body::-webkit-scrollbar{
    width: 6px;
}
body::-webkit-scrollbar-track{
    background: #707EFF;
}

body::-webkit-scrollbar-thumb{
    background: #F2A0FF;
}

.show-modal{
    overflow: hidden;
}

.h1{
    font-size: 180px;
    line-height: 108%; /* 192.96px */
    font-weight: 900;
    letter-spacing: -1.8px;
    text-transform: uppercase;
    color: #9DA2C3;
    text-align: center;
}

.h2{
    font-size: 134px;
    line-height: 112%;
    font-weight: 900;
    text-align: center;
    color: #FFF;
}

.h2-small{
    font-size: 100px;
    font-weight: 900;
    line-height: 108%;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.h3{
    font-weight: 900;
    font-size: 80px;
    line-height: 112%;
    color: #707EFF;
    text-transform: uppercase;
}

.h4{
    font-size: 60px;
    line-height: 112%;
    text-transform: uppercase;
}

.h5{
    font-family: 'Gilroy', sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 125%; /* 60.336px */
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.h6{
    font-size: 28px;
    font-weight: 700;
    line-height: 129%; /* 36.064px */
    text-transform: uppercase;
}

.text{
    font-size: 22px;
    font-weight: 600;
    line-height: 130%;
    color: #FFF;
}

.text--center{
    text-align: center;
}

.text--white{
    color: #FFF;
}

.text--black{
    color: #2C2C2C;;
}

.title-page{
    text-align: left;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}

.title-for-course{
    font-size: 98px;
    font-weight: 900;
    line-height: 112%;
    letter-spacing: -2.45px;
    color: #fff;
}

.section-front-page-title{
    font-size: 100px;
    line-height: 110px;
}

.subtitle-for-course{
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: -0.4px;
    color: #FFF;
    max-width: 835px;
    margin: 20px auto;
}

.privacy-policy-text{
    position: relative;
    margin: 44px 0 0;
    z-index: 1;
}

.box-logo{
    display: flex;
}

.logo{
    margin: 0 80px 0 0;
}

.logo a{
    display: flex;
}

.header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 50px 0;
    z-index: 3;
    background: transparent;
    transition: all 0.5s ease-out;
}

.header.scrolled{
    padding: 30px 0;
    background: center / cover no-repeat url("/wp-content/themes/1IT/img/header-scroll.png");
}

.header.noscroll{
    padding: 50px 0;
}

.header-wrap{
    display: flex;
    align-items: center;
}

.header-navigation-wrap{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.header-menu{
    display: flex;
    align-items: center;
    position: relative;
}

.header-menu .sub-menu .menu-item{
    padding: 8px;
}

.header-menu .sub-menu .menu-item a{
    display: flex;
    align-items: center;
}

.header-menu .sub-menu .menu-item a *{
    pointer-events: none;
}

.header-menu .menu-item-has-children{
    position: relative;
}

.header-menu > .menu-item-has-children > a:after{
    content: '';
    position: absolute;
    right: 15px;
    top: -3px;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white;
    transition: transform 0.3s ease-out;
}

.header-menu .menu-item__text{
    display: block;
    text-transform: uppercase;
    line-height: 100%;
    padding: 3px 0 0;
}

.header-menu .menu-item__img{
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
}

.header-menu-call-wrap{
    display: contents;
}

.header-menu-call-wrap .hand-left,
.header-menu-call-wrap .hand-right{
    display: none;
}

.header-menu-right-wrap{
    margin: 0 0 0 auto;
}

.header-menu a,
.header-menu-link{
    font-size: 16px;
    font-weight: 700;
    line-height: 110%;
    color: #FFF;
    text-decoration: none;
}

.header-menu-link{
    margin: 0 46px 0 0;
}

/*.header-menu > .menu-item{*/
/*    margin: 0 46px 0 0;*/
/*}*/

.header-button-wrap{
    display: none;
}

.header-menu-info{
    display: none;
}

.section-front{
    position: relative;
    min-height: calc(100% + 100px);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #707EFF;
}

.front-background{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.front-elem{
    margin: 80px auto 80px;
}


.front-background-page{
    position: absolute;
    right: -100px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.section-front-content{
    position: relative;
    z-index: 1;
    padding: 150px 0;
    text-align: center;
}

.home .section-front-content{
    padding: 200px 0 150px;
}

.section-front-wrap{
    position: relative;
}

.section-front-button-wrap{
    margin: 40px 0 0;
}

.page-icon-1{
    position: absolute;
    right: -20px;
    bottom: -50px;
}

.page-icon-2{
    position: absolute;
    right: 620px;
    top: -150px;
}

.button--center{
    display: block !important;
    max-width: max-content;
    margin: auto;
}

.button-for-action{
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
    border-radius: 45px;
    padding: 18px 38px;
    color: #FFF;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: all 0.5s ease-out;
    /*overflow: hidden;*/
}

.button-for-action:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    margin: auto;
    border-radius: 40px;
}

.button-for-action:after{
    border: 1px dashed #FFF;
}

.button-for-action--green{
    background: #ADD753;
}

.button-for-action--green:hover,
.button-for-action--green:focus{
    background: #82B21D;
}

.button-for-action--white{
    background: #FFF;
    color: #707EFF;
}

.button-for-action--white:after{
    border: 1px dashed #707EFF;
}


.button-for-action--white:hover,
.button-for-action--white:focus{
    background: #594BF4;
    color: #fff;
}

.button-for-action--white:hover:after,
.button-for-action--white:focus:after{
    border: 1px dashed #fff;
}

.button-for-action--blue{
    background: #707EFF;
}

.button-for-action--blue:hover,
.button-for-action--blue:focus{
    background: #fff;
    color: #594BF4;
}

.button-for-action--blue:hover:after,
.button-for-action--blue:focus:after{
    border: 1px dashed #594BF4;
}

.button-for-action--purple{
    background: #9C6FE2;
}

.button-for-action--purple:hover,
.button-for-action--purple:focus{
    background: #fff;
    color: #9C6FE2;
}

.button-for-action--purple:hover:after,
.button-for-action--purple:focus:after{
    border: 1px dashed #9C6FE2;
}


.button-for-action--pink{
    background: #F19FFE;
}

.button-for-action--pink:hover,
.button-for-action--pink:focus{
    background: #fff;
    color: #F19FFE;
}

.button-for-action--pink:hover:after,
.button-for-action--pink:focus:after{
    border: 1px dashed #F19FFE;
}


.button-for-action--yellow{
    background: #FBDF7C;
    color: #2C2C2C;
}

.button-for-action--yellow:after{
    border: 1px dashed #2C2C2C;
}

.button-for-action--yellow:hover,
.button-for-action--yellow:focus{
    background: #fff;
}


.button-for-action--dark,
.button-for-action--dark-inverse{
    color: #2C2C2C;
}

.button-for-action--dark:after,
.button-for-action--dark-inverse:after{
    border: 1px dashed #2C2C2C;
}

.button-for-action--white-green{
    background: #fff;
    color: #ADD753;
}

.button-for-action--white-green:after{
    border: 1px dashed #ADD753;
}

.button-for-action--white-green:hover,
.button-for-action--white-green:focus{
    background: #82B21D;
    color: #fff;
}

.button-for-action--blue-inverse:hover,
.button-for-action--blue-inverse:focus{
    background: #fff;
    color: #5462E5;
}

.button-for-action--blue-inverse:hover:after,
.button-for-action--blue-inverse:focus:after{
    border: 1px dashed #5462E5;
}


.button-for-action--black-inverse:hover,
.button-for-action--black-inverse:focus{
    background: #fff;
    color: #1B1B1B;
}

.button-for-action--black-inverse:hover:after,
.button-for-action--black-inverse:focus:after{
    border: 1px dashed #1B1B1B;
}

.button-for-action--purple-inverse:hover,
.button-for-action--purple-inverse:focus{
    background: #fff;
    color: #9C6FE2;
}

.button-for-action--purple-inverse:hover:after,
.button-for-action--purple-inverse:focus:after{
    border: 1px dashed #9C6FE2;
}

.button-for-action--green-inverse:hover,
.button-for-action--green-inverse:focus{
    background: #fff;
    color: #ADD753;
}

.button-for-action--green-inverse:hover:after,
.button-for-action--green-inverse:focus:after{
    border: 1px dashed #ADD753;
}


.button-for-action--dark:hover,
.button-for-action--dark:focus{
    background: #2C2C2C;
    color: #FBDF7C;
}

.button-for-action--dark:hover:after,
.button-for-action--dark:focus:after{
    border: 1px dashed #FBDF7C;
}


.button-for-action--dark-inverse:hover,
.button-for-action--dark-inverse:focus{
    background: #2C2C2C;
    color: #FFF;
}

.button-for-action--dark-inverse:hover:after,
.button-for-action--dark-inverse:focus:after{
    border: 1px dashed #FFF;
}

.button-for-action--black-inverse{
    color: #FFF;
}

.button-for-action--black-inverse:after{
    border: 1px dashed #FFF;
}

.button-for-action--black-inverse:hover,
.button-for-action--black-inverse:focus{
    background: #FFF;
    color: #2C2C2C;
}

.button-for-action--black-inverse:hover:after,
.button-for-action--black-inverse:focus:after{
    border: 1px dashed #2C2C2C;
}


.button-for-action--big{
    display: block;
    font-size: 18px;
    padding: 24px 32px;
}

.button-info{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Gilroy', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%; /* 133.333% */
    text-transform: uppercase;
    padding: 24px 36px;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    min-width: 242px;
    flex-shrink: 0;
    margin: 0 13px;
    box-shadow: 17px 16px 35px 0 rgba(8, 6, 99, 0.08);
    transition: all 0.5s ease-out;
    border: 1px solid transparent;
}

.button-info--telegram{
    background: #446DFF;
}

.button-info--telegram svg{
    position: relative;
    margin: 0 10px 0 0;
    top: -2px;
}

.button-info--telegram svg path{
    transition: all 0.5s ease-out;
}

.button-info--telegram:hover{
    background: #fff;
    color: #446DFF;
    border: 1px solid #446DFF;
}

.button-info--telegram:hover svg path{
    fill: #446DFF;
}

.button-info--site{
    background: #7E44EB;
}

.button-info--site:hover{
    background: #fff;
    color: #7E44EB;
    border: 1px solid #7E44EB;
}

.button-back{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140.2%;
    text-decoration-line: underline;
    color: #7E44EB;
    text-align: center;
    margin: 50px 0 0;
    text-underline-offset: 4px;
    cursor: pointer;
    transition: all 0.5s ease-out;
}

.button-back:hover{
    color: #446DFF;
}

.section-total-info,
.section-about-us{
    position: relative;
    margin: -100px 0 0 0;
    padding: 200px 0;
    background: center / cover no-repeat url("/wp-content/themes/1IT/img/home/info-background.png");
    border-radius: 100px 100px 0 0;
}

.single-page-content{
    position: relative;
    padding: 160px 0;
    border-radius: 100px 100px 0px 0px;
    margin: -100px 0 0 0;
    background: #fff;
    background-image: url("/wp-content/themes/1IT/img/page/background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.single-page-content-wrap{
    max-width: 1400px;
}

.info-cards-items{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    margin: 60px 0;
    max-width: 100%;
}

.info-card-item{
    border-radius: 24px;
    padding: 30px 30px 60px 30px;
}

.info-card-item:nth-child(1){
    background: #ADD753;
}

.info-card-item:nth-child(2){
    background: #F2A0FF;
}

.info-card-item:nth-child(3){
    background: #707EFF;
}

.info-card-item:nth-child(4){
    background: #9C6FE2;
}

.info-card-number{
    font-size: 92px;
    font-weight: 900;
    line-height: 130%; /* 119.6px */
    letter-spacing: 8px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #FFFFFF;
}

.info-card-title{
    font-size: 30px;
    font-weight: 700;
    line-height: 130%;
    color: #FFF;
    margin: 37px 0 27px;
}

.total-info-switch-wrap{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 80px 0 110px;
}

.total-info-switch-items{
    display: grid;
    grid-row-gap: 20px;
    width: 100%;
    max-width: 485px;
    padding: 36px;
    border-radius: 24px;
    background: #FFF;
}

.total-info-switch-item{
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    color: #707EFF;
    padding: 24px 30px;
    border-radius: 24px;
    border: 2px solid rgba(89, 75, 244, 0.37);
    background: transparent;
    cursor: pointer;
    position: relative;
    left: 0;
    height: max-content;
    transition: all 0.5s ease-out;
}

.total-info-switch-item:after,
.steps-item:after{
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    background: center / cover no-repeat url("/wp-content/themes/1IT/img/rotate.svg");
    transition: all 0.3s ease-out;
    animation: spinner 1.2s linear infinite;
    animation-play-state: paused;
}

.total-info-switch-item.active{
    background: #707EFF;
    color: #FFF;
    padding: 24px 30px 24px 75px;
}

.total-info-switch-item.active:after,
.steps-item.active:after{
    width: 33px;
    height: 33px;
    animation-play-state: running;
}

.total-info-content-items{
    position: relative;
    width: 100%;
    border-radius: 24px;
    background: #FFF;
    max-width: calc(100% - 525px);
}

.total-info-content-items:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    margin: auto;
    border-radius: 24px;
    border: 1px dashed #707EFF;
}

.total-info-content-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    margin: auto;
    border-radius: 24px;
    opacity: 0;
    /*transform: scale(0);*/
    transition: all 0.5s ease-out;
}

.total-info-content-item.active{
    opacity: 1;
    /*transform: scale(1);*/
}

.total-info-header{
    color: #707EFF;
    text-align: center;
    font-size: 300px;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -3px;
    text-transform: uppercase;
}

.total-info-subheader{
    color: #707EFF;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
}


.section-our-courses{
    background: #707EFF;
    padding: 200px 0;
}

.section-our-courses-archive{
    padding: 300px 0 100px;
    background: #707EFF;
    overflow: hidden;
}

.courses-list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 100px -33px 0;
    position: relative;
}

.courses-list:after,
.modules-wrap:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 560px;
    height: 360px;
    background: center / contain no-repeat url("/wp-content/themes/1IT/img/home/our-courses-background.svg");
    z-index: 0;
    pointer-events: none;
}

.courses-archive-items{
    display: flex;
    flex-wrap: wrap;
    margin: 100px -22px 0;
}

.courses-archive-item{
    width: calc(33.3% - 66px);
    position: relative;
    padding: 38px 38px 150px;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.41);
    background: rgba(255, 255, 255, 0.22);
    box-shadow: 18px 11px 27px 0 rgba(4, 4, 18, 0.06);
    margin: 33px;
}

.courses-item{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 28px;
    padding: 34px 38px 160px 38px;
    box-shadow: 12px 11px 47px 0 rgba(4, 4, 18, 0.04);
    width: calc(33.33% - 66px);
    margin: 33px 33px;
    z-index: 1;
}

.courses-item__date,
.courses-item__date-start,
.courses-item__date-duration{
    display: flex;
    align-items: center;
}

.courses-item__date-start{
    margin: 0 56px 0 0;
}

.courses-item__date{
    width: 100%;
    margin: 23px 0 23px;
}

.courses-item__date-start-day,
.courses-item__date-duration-number{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 36px;
    height: 36px;
    background: #fff;
    margin: 0 16px 0 0;
    border-radius: 8px;
}

.courses-item__date-start-month,
.courses-item__date-duration-measure{
    position: relative;
    font-size: 22px;
    font-weight: 900;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFF;
    top: 2px;
}

.courses-item__date-start-day span,
.courses-item__date-duration-number span{
    position: relative;
    top: 2px;
}

.courses-item__date-start-day,
.courses-item__date-duration-number{
    font-size: 22px;
    font-weight: 900;
    line-height: 100%;
}

.courses-item__info-title{
    position: relative;
    font-size: 48px;
    font-weight: 700;
    line-height: 102%; /* 59.75px */
    text-transform: uppercase;
    color: #FFF;
    padding: 10px 0 18px 77px;
    min-height: 130px;
    hyphens: auto;
}

.home .courses-item__info-title{
    border-bottom: 1px solid #fff;
}

.courses-archive-item .package-item__info-name-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #fff;
}

.courses-archive-item .package-item__info-name{
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 119.5%; /* 26.29px */
    text-transform: uppercase;
    color: #FFF;
    width: 50%;
    text-align: center;
    padding: 12px 16px;
    border-radius: 6px 6px 0 0;
    transition: background 0.3s ease-out;
    cursor: pointer;
}

.courses-archive-item .courses-item__date-duration-number span{
    display: none;
}

.courses-archive-item.active1 .package-item__info-name:nth-child(1),
.courses-archive-item.active2 .package-item__info-name:nth-child(2),
.courses-archive-item.active1 .package-item__info-name:hover{
    background: rgba(255, 255, 255, 0.12);
}

.courses-archive-item.active1 .courses-item__date-duration-number span:nth-child(1),
.courses-archive-item.active2 .courses-item__date-duration-number span:nth-child(2){
    display: inline-block;
}

.courses-archive-item .courses-item__info-title{
    padding: 10px 77px 18px 0;
    max-width: 400px;
}

.courses-archive-item .courses-item__info-title:after{
    right: 0;
    left: auto;
    width: 75px;
    height: 75px;
}

.courses-archive-item:nth-child(1) .courses-item__info-title:after{
    background: center / cover no-repeat url(/wp-content/themes/1IT/img/courses/archive/elem1.png);
}

.courses-archive-item:nth-child(2) .courses-item__info-title:after{
    background: center / cover no-repeat url(/wp-content/themes/1IT/img/courses/archive/elem2.png);
}

.courses-archive-item:nth-child(3) .courses-item__info-title:after{
    background: center / cover no-repeat url(/wp-content/themes/1IT/img/courses/archive/elem3.png);
}

.courses-archive-item:nth-child(4) .courses-item__info-title:after{
    background: center / cover no-repeat url(/wp-content/themes/1IT/img/courses/archive/elem4.png);
}

.courses-archive-item:nth-child(5) .courses-item__info-title:after{
    background: center / cover no-repeat url(/wp-content/themes/1IT/img/courses/archive/elem5.png);
}

.courses-archive-item .package-item__costs-wrap{
    margin: 23px 0 0;
}

.courses-archive-item .package-item__costs{
    display: none;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 26px */
    color: rgba(255, 255, 255, 0.48);
}

.courses-archive-item.active1 .package-item__costs:nth-child(1),
.courses-archive-item.active2 .package-item__costs:nth-child(2){
    display: block;
}

.courses-archive-item .package-item__costs-discount{
    font-size: 44px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    color: #FFF;
}

.courses-item_dark .courses-item__info-title{
    border-bottom: 1px solid #000;
}

.courses-item_dark .courses-item__info-title,
.courses-item_dark .courses-item__text,
.courses-item_dark .courses-item__date-duration-measure,
.courses-item_dark .courses-item__date-start-month{
    color: #2C2C2C;
}

.courses-item_dark .courses-item__date-duration-number,
.courses-item_dark .courses-item__date-start-day{
    background: #2C2C2C;
}

.courses-item__info-title:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 64px;
    background: center / cover no-repeat url("/wp-content/themes/1IT/img/man.svg");
}

.courses-item-button-wrap{
    padding: 64px 0 0;
    width: calc(100% - 76px);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 38px;
    margin: auto;
}

.courses-archive-item .package-item__the-best{
    position: absolute;
    right: -70px;
    top: -70px;
    width: 140px;
    height: 140px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

.courses-archive-item.active1 .package-item__the-best1,
.courses-archive-item.active2 .package-item__the-best2{
    opacity: 1;
}

.courses-item__text{
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    color: #FFF;
}

.section-learning{
    padding: 200px 0;
}

.steps-wrap{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 64px 0 0;
}

.steps-wrap:after{
    content: '';
    position: absolute;
    left: 300px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 1px;
    margin: auto;
    transform: rotate(315deg);
    box-shadow: 0 40px 490px 490px rgb(112 126 255 / 30%);
    z-index: -1;
}

.steps-list{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin: 0 48px 0 0;
}

.steps-list-img{
    flex-shrink: 0;
}

.steps-list-img-wrap{
    position: relative;
}

.step-img-item{
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.step-img-item.active{
    opacity: 1;
}

.step-img-item__background{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.steps-item{
    position: relative;
    padding: 24px 40px;
    border-radius: 24px;
    border: 2px solid rgba(89, 75, 244, 0.37);
    background: #FFF;
    margin: 0 0 20px;
    cursor: pointer;
    transition: all 0.5s ease-out;
}

.steps-item.active{
    background: #707EFF;
    padding: 24px 40px 24px 90px;
}

.steps-item:last-child{
    margin: 0;
}

.steps-item__title{
    font-family: 'Gilroy', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #707EFF;
    transition: all 0.5s ease-out;
}

.steps-item__text{
    color: #707EFF;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    transition: all 0.5s ease-out;
}

.steps-item.active .steps-item__title{
    color: #FFF;
}

.steps-item.active .steps-item__text{
    color: #FFF;
}

.container-steps-to-join{
    margin: 140px auto 0;
}

.steps-to-join{
    display: flex;
    justify-content: space-between;
    margin: 56px 0;
    position: relative;
}

.step-to-join{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: #fff;
}

.steps-to-join:after,
.parts-to-learning:after{
    content: '';
    position: absolute;
    right: 300px;
    top: -200px;
    bottom: 0;
    width: 1px;
    height: 1px;
    margin: auto;
    transform: rotate(315deg);
    box-shadow: 0 40px 540px 540px rgb(173 215 83 / 50%);
    z-index: -1;
    color: #ADD753;
}

.parts-to-learning:after{
    right: 600px;
    top: -700px;
}

.step-to-join__text{
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    margin:  36px 0 0;
    color: #2C2C2C;
}

.step-to-join__background{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.join-text{
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    color: #2C2C2C;
}

.join-button-wrap{
    display: flex;
    justify-content: center;
    margin: 60px 0 0;
}

.join-button-wrap .button-for-action{
    min-width: 350px;
    margin: 0 22px;
}

.banner-wrap{
    position: relative;
    padding: 64px 110px;
    border-radius: 36px;
    background: #FFF;
}

.section-banner{
    padding: 200px 0 300px;
    background: #707EFF;
    overflow: hidden;
}

.banner-content{
    padding: 40px 0;
    max-width: 890px;
    margin: auto;
}

.banner-logo{
    margin: 0 0 30px;
}

.banner__title{
    font-size: 44px;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    color: #707EFF;
    margin: 0 0 20px;
}

.banner__text{
    position: relative;
    z-index: 1;
    color: #2C2C2C;
}

.banner-content-button-wrap{
    margin: 42px 0 0;
}

.banner-img,
.banner-img-2{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    pointer-events: none;
}

.banner-img{
    margin: auto 0 0 0;
}

.banner-img-2{
    margin: auto auto 0 0;
    right: auto;
    left: 5px;
}

.our-mission-content{
    margin: 0 0 0 120px;
}

.our-mission-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 80px 0;
}

.our-mission-img{
    border-radius: 24px;
}

.our-mission-title{
    margin: 0 0 32px;
}

.our-mission__text{
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    color: #2C2C2C;
}

.our-mission-button-wrap{
    margin: 56px 0 0;
}

.our-mission-button-wrap .button-for-action{
    width: 315px;
}

.section-about-us{
    padding-bottom: 300px;
    overflow: hidden;
}

.team-members-slider{
    margin: 80px auto 0;
    cursor: none;
}


.team-members-slider,
.team-members-slider *{
    cursor: url('/wp-content/themes/1IT/img/cursor-scroll.png') 60 60, auto;
}

.swiper-navigation-wrap{
    display: none;
}

.team-member{
    width: 390px;
    transform: scale(1);
    transition: transform 0.5s ease-out;
    z-index: 0;
}

.team-member.swiper-slide-active{
    transform: scale(1.3);
    z-index: 1;
}

.swiper-wrapper {
    width: 100vw;
}

.team-member-photo-wrap{
    position: relative;
}

.team-member-photo-wrap:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 226px;
    background: linear-gradient(180deg, rgba(243, 247, 252, 0.00) 0%, #F3F7FC 93.48%);
}

.team-member-img{
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    filter: grayscale(1);
    transition: all 0.5s ease-out;
}

.team-member.swiper-slide-active .team-member-img{
    filter: grayscale(0);
}

.team-member-elem{
    position: absolute;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.team-member.swiper-slide-active .team-member-elem{
    opacity: 1;
}

.team-member-elem--1-1{
    bottom: 110px;
    right: 50px;
}

.team-member-elem--1-2{
    top: 150px;
    right: 50px;
}

.team-member-elem--1-3{
    top: 150px;
    left: 50px;
}

.team-member-elem--1-4{
    bottom: 150px;
    left: 0;
}

.team-member-elem--2-1{
    bottom: 130px;
    right: 50px;
}

.team-member-elem--2-2{
    top: 150px;
    right: 100px;
}

.team-member-elem--2-3{
    top: 150px;
    left: 50px;
}

.team-member-elem--2-4{
    bottom: 150px;
    left: 0;
}

.team-member-elem--3-1,
.team-member-elem--4-1,
.team-member-elem--5-1,
.team-member-elem--6-1,
.team-member-elem--7-1{
    bottom: 130px;
    right: 0;
}

.team-member-elem--3-2,
.team-member-elem--4-2,
.team-member-elem--5-2,
.team-member-elem--6-2,
.team-member-elem--7-2{
    top: 150px;
    right: 50px;
}

.team-member-elem--3-3,
.team-member-elem--4-3,
.team-member-elem--5-3,
.team-member-elem--6-3,
.team-member-elem--7-3{
    top: 150px;
    left: 50px;
}

.team-member-elem--3-4,
.team-member-elem--4-4,
.team-member-elem--5-4,
.team-member-elem--6-4,
.team-member-elem--7-4{
    bottom: 150px;
    left: 0;
}


.team-member-info{
    position: relative;
    transform: scale(0);
    transition: transform 0.5s ease-out;
}

.team-member.swiper-slide-active .team-member-info{
    transform: scale(1);
}

.team-member-name{
    display: block;
    font-size: 70px;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    max-width: max-content;
    margin: -70px auto 0;
    color: #707EFF;
}

.team-member-position{
    display: flex;
    justify-content: center;
    font-size: 24px;
    line-height: 160%;
    font-weight: 700;
    letter-spacing: -0.48px;
    color: #2C2C2C;
    text-align: center;
}


.section-review{
    position: relative;
    margin: -700px 0 -250px;
    overflow: hidden;
}

.review-box{
    display: flex;
    justify-content: center;
    position: relative;
    background: #5A6AFF;
    border-radius: 24px;
    padding: 68px;
    margin: 270px 0 0;
}

.review-separator{
    width: 3px;
    background: rgba(255, 255, 255, 0.38);
    margin: 0 30px;
}

.review-author{
    display: flex;
    flex-direction: column;
    width: 380px;
    flex-shrink: 0;
    align-items: center;
}

.review-text{
    font-size: 32px;
    font-weight: 600;
    line-height: 140%;
    color: #FFF;
}

.review-text-wrap{
    position: relative;
    padding: 36px 42px;
}

.review-author__name{
    font-size: 36px;
    font-weight: 700;
    line-height: 132%;
    color: #FFF;
    margin: 54px 0 44px;
}

.pagination-review{
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    right: 0;
    bottom: 0;
}

.pagination-review-count{
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    color: rgba(255, 255, 255, 0.50);
    margin: 0 26px;
}

.pagination-review-current-iten{
    color: #fff;
}

.pagination-review__prev,
.pagination-review__next{
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: -10px 0 0;
}

.review-wrap{
    position: relative;
}

.review-item-author__name{
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    color: #fff;
    margin: 0 0 0 20px;
}

.pagination-review__prev{
    background: center / contain no-repeat url("/wp-content/themes/1IT/img/hand-prev.svg");
}

.pagination-review__next{
    background: center / contain no-repeat url("/wp-content/themes/1IT/img/hand-next.svg");
}

.review-item-header{
    display: flex;
    align-items: center;
    margin: 0 0 20px ;
}

.review-item__text{
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    color: #fff;
}

.review-item{
    position: absolute;
    width: 412px;
    min-height: 470px;
    border-radius: 31px;
    padding: 39px;
    box-shadow: -7px -8px 43px 0 rgba(6, 13, 35, 0.04);
}

.review-item_1{
    top: -200px;
    left: -200px;
    background: #F0C733;
    transform: rotate(25deg);
}

.review-item_2{
    background: #F19FFE;
    top: -225px;
    left: 200px;
    transform: rotate(-1deg);
}


.review-item_3{
    background: #ADD753;
    top: -185px;
    left: 580px;
    transform: rotate(-10deg);
}

.review-item_4{
    background: #9C6FE2;
    top: -205px;
    left: 880px;
    transform: rotate(20deg);
}

.review-item_5{
    background: #1B1B1B;
    top: -125px;
    left: 1320px;
    transform: rotate(-15deg);
}

.section-call{
    background: #707EFF;
    padding: 0 0 100px;
}

.single-courses .section-call{
    padding: 0 0 250px;
}

.section-call .container{
    padding: 200px 12px 0;
}

.call-wrap{
    position: relative;
    display: flex;
    margin: 100px 0 0;
    justify-content: space-between;
}

.call-wrap:after{
    content: '';
    position: absolute;
    right: 300px;
    top: 200px;
    bottom: 0;
    width: 1px;
    height: 1px;
    margin: auto;
    transform: rotate(315deg);
    box-shadow: 0 40px 290px 290px rgb(255 255 255 / 30%);
    pointer-events: none;
}

.call-img{
    position: relative;
    left: -40px;
    height: auto;
    flex-shrink: 0;
    width: 365px;
}

.call-info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.call-info__title{
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
}

.call-info__text{
    font-size: 24px;
    font-weight: 700;
    line-height: 160%;
    color: #fff;
}

.call-info__text a{
    color: #fff;
    text-underline-offset: 6px;
}

.call-position{
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin: -10px 0 0;
}

.form{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.form-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 590px;
    margin: 0 0 0 40px;
    width: 100%;
    min-height: 450px;
}

.form-wrap form{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form-wrap .wpcf7{
    height: 100%;
}

.form-wrap .wpcf7-response-output{
    display: none !important;
}

.form-wrap .screen-reader-response{
    display: none !important;
}

.form-wrap .wpcf7-not-valid-tip{
    position: absolute;
    text-align: right;
    color: #E61E1E;
    right: 10px;
    margin-top: 8px;
}

.form-wrap .wpcf7-spinner {
    display: none !important;
}

.input,
.sp-custom-form .input[type=email]{
    font-size: 18px;
    width: 100%;
    padding: 21px 34px;
    border-radius: 58px;
    border: 1px solid transparent;
    outline: none;
    font-weight: 500;
    background: rgba(255,255,255, .2);
    color: #fff;
    -webkit-text-fill-color: #ffffff;
    transition: all 0.5s ease-out;
}

.sp-custom-form .input[type=email]{
    height: 60px;
}

.grecaptcha-badge{
    display: none;
    z-index: 1;
}

.input:hover{
    border: 1px solid #FFFFFF;
}


.input::-webkit-input-placeholder{
    font-weight: 500;
    color: #fff;
}
.input::-moz-placeholder{
    font-weight: 500;
    color: #fff;
}
.input:-ms-input-placeholder{
    font-weight: 500;
    color: #fff;
}
.input::-ms-input-placeholder{
    font-weight: 500;
    color: #fff;
}
.input::placeholder{
    font-weight: 500;
    color: #fff;
}


.input:-webkit-autofill,
.input:-webkit-autofill:hover,
.input:-webkit-autofill:focus,
.input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;
    color: #fff !important;
}

.input:-internal-autofill-selected{
    color: #fff !important;
}

.item-form{
    position: relative;
    margin: 16px 0;
}

.item-form span.error{
    position: absolute;
    bottom: -25px;
    right: 10px;
    color: #E61E1E;
}

.item-form .button-for-action{
    font-size: 18px;
    width: 100%;
    height: 64px;
}

.form-description{
    font-size: 18px;
    font-weight: 600;
    line-height: 110%;
    color: rgba(255, 255, 255, 0.50);
    margin: 40px 0 0;
}

.form-description strong,
.form-description a{
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

.form-status{
    position: absolute;
    left: 0;
    bottom: 0;
    color: #E61E1E;
}

.submit-subscription{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    padding: 0;
    background: transparent;
    transition: background 0.5s ease-out;
}

.item-form__footer:hover .input,
.sp-custom-form .sp-field:hover .input{
    border: 1px solid #fff;
}

.sp-custom-form .sp-form .sp-field .sp-tip{
    right: 0;
    color: #E61E1E;
    background: transparent;
    font-size: 1em;
}

.sp-custom-form .sp-form .sp-field .sp-tip:before{
    display: none;
}

.sp-custom-form .sp-tip.sp-invalid{
    color: #E61E1E;
}

.submit-subscription:hover{
    background: #ADD753;
}

.sp-custom-form .submit-subscription{
    background: transparent !important;
    min-width: max-content !important;
    padding: 0 !important;
    height: 62px !important;
    border-radius: 50% !important;
    margin: auto !important;
}

.sp-custom-form .submit-subscription:hover{
    position: absolute !important;
    background: #ADD753 !important;
}

.sp-custom-form .sp-form{
    padding: 0;
    width: 100%;
}

.sp-custom-form .sp-form .sp-field{
    padding: 8px 0;
}

.sp-custom-form .sp-message-success *{
    color: #fff;
}

.sp-custom-form .btn-loading{
    display: none !important;
}

.social-network-title,
.social-network-text{
    color: #707EFF;
}

.section-social-network{
    background: #707EFF;
    padding: 200px 0 350px;
}

.social-network-wrap{
    border-radius: 50px;
    background: #FFF;
    padding: 95px 195px;
}

.social-network-title{
    margin: 0 0 16px;
}

.social-items{
    display: flex;
    justify-content: space-between;
    margin: 174px 0 0;
}

.social-item{
    background: #707EFF;
    border-radius: 50%;
    display: flex;
    max-width: max-content;
    justify-content: center;
    align-items: center;
    padding: 71px;
    /*min-width: 252px;*/
    transition: all 0.5s ease-out;
}

.social-item:hover{
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    background: #594BF4;
}

.social-item:nth-child(3) .social-item-img{
    padding: 10px;
}

.partners-questions-wrap,
.author-costs-wrap{
    position: relative;
    margin: -100px 0 0 0;
    padding: 200px 0;
    background: center / cover no-repeat url(/wp-content/themes/1IT/img/home/info-background.png);
    border-radius: 100px 100px 0 0;
    overflow: hidden;
}

.partners-wrap{
    position: relative;
    width: 100%;
    height: 610px;
    margin: 140px 0 0;
}

.partner-item{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
}

.partner-item_1{
    left: 0;
    width: 448px;
    height: 479px;
    border-radius: 40px;
    background: #596EF4;
}

.partner-item_2{
    left: 480px;
    width: 448px;
    height: 171px;
    border-radius: 34px;
    background: #F0C733;
}

.partner-item_3{
    right: 310px;
    width: 312px;
    height: 314px;
    border-radius: 54px;
    background: #1B1B1B;
}

.partner-item_4{
    right: 40px;
    bottom: -60px;
    width: 442px;
    height: 214px;
    border-radius: 38px;
    background: #9C6FE2;
    transform: rotate(60deg);
    transform-origin: right;
}

.partner-item_5{
    width: 236px;
    height: 236px;
    background: #F19FFE;
    transform: rotate(-35deg);
    bottom: 300px;
    left: 500px;
    border-radius: 28px;
}

.partner-item_6{
    width: 527px;
    height: 171px;
    background: #ADD753;
    transform: rotate(-35deg);
    bottom: 300px;
    left: 680px;
    border-radius: 28px;
}

.section-questions{
    padding: 280px 0 0;
}

.single-courses .section-questions{
    padding: 50px 0 0;
}

/* acordion */

.accordion{
    margin: 80px 0 20px;
    min-height: 950px;
}

.accordion__item{
    padding: 39px 40px;
    border-radius: 24px;
    border: 2px solid #707EFF;
    background: #FFF;
    margin: 0 0 40px;
}

.accordion__item .accordion__title {
    position: relative;
    display: block;
    margin-bottom: 2px;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    color: #707EFF;
    text-decoration: none;
    background-color: #fff;
    border-radius: 3px;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    cursor: pointer;
}

.accordion__item .accordion__content {
    margin-bottom: 2px;
    font-size: 24px;
    display: none;
    background-color: #fff;
    padding: 29px 0 0 0;
}

.accordion__content{
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    color: #707EFF;
}

.accordion__arrow{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.accordion__arrow-item{
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #7878E6;
}

.accordion__arrow-item:before,
.accordion__arrow-item:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    border-radius: 2px;
    transition: transform 0.5s ease-out;
}

.accordion__arrow-item:before{
    width: 30px;
    height: 5px;
}

.accordion__arrow-item:after{
    width: 5px;
    height: 30px;
}

.accordion-active .accordion__arrow-item:before,
.accordion-active .accordion__arrow-item:after{
    transform: rotate(45deg);
}


    /* end acordion */

.questions-action-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.description-for-button{
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    color: #2C2C2C;
    margin: 0 0 50px;
}

.hand-right,
.hand-left{
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    top: -10px;
}

.hand-right{
    background: center / contain no-repeat url(/wp-content/themes/1IT/img/hand-next.png);
    margin: 0 40px 0 0;
    transform: rotate(10deg);
}

.hand-left{
    background: center / contain no-repeat url(/wp-content/themes/1IT/img/hand-prev.png);
    margin: 0 0 0 40px;
    transform: rotate(-10deg);
}

.questions-button-wrap,
.learning-button-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}

.learning-button-wrap{
    margin: 95px 0 140px;
}

.parts-to-learning{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 80px 0 0;
}

.part-to-learning{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.part-to-learning__title{
    font-size: 96px;
    font-weight: 900;
    line-height: 120%;
    text-transform: uppercase;
}

.part-to-learning__subtitle{
    font-size: 24px;
    font-weight: 900;
    line-height: 119.5%;
    text-transform: uppercase;
    color: #000;
    white-space: nowrap;
}

.part-to-learning__img{
    margin: 0 50px 0 0;
}

.about-us-more-wrap{
    display: flex;
    justify-content: space-between;
}

.section-about-us-more{
    padding: 200px 0 200px;
    background: #707EFF;
}

.about-us-more-content{
    max-width: 830px;
}

.about-us-more-text{
    margin: 24px 0 0;
    padding: 0 30px 0 0;
    max-height: 436px;
    overflow: auto;
    scrollbar-width: 7px;
    scrollbar-color: #FFF #5467E2;
}


.about-us-more-text::-webkit-scrollbar{
    width: 7px;
}
.about-us-more-text::-webkit-scrollbar-track{
    background: #5467E2;
    border-radius: 3px;
}

.about-us-more-text::-webkit-scrollbar-thumb{
    background: #FFF;
    border-radius: 3px;
}


.about-us-more-text p{
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 154%;
    color: #FFF;
    margin: 0 0 20px;
}

/* modal */

.section-modal,
.section-modal-for-module,
.section-modal-for-video{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    padding: 20px;
    overflow: auto;
    z-index: 999;
    display: flex;
    align-items: center;
    pointer-events: none;
    opacity: 0;
    background: rgba(26, 26, 31, 0.5);
    transition: opacity 0.3s ease-out;
}

.show-modal .section-modal {
    opacity: 1;
    pointer-events: all;
}

.section-modal-for-module.show{
    opacity: 1;
    pointer-events: all;
}

.modal-wrap {
    position: relative;
    width: 100%;
    max-width: 1420px;
    padding: 120px 140px;
    margin: auto;
    border-radius: 71px;
    background: #fff;
    background-image: url("/wp-content/themes/1IT/img/modal.jpg");
    background-size: cover;
    background-position: center;
}

.modal-wrap:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    margin: auto;
    border-radius: 64px;
    pointer-events: none;
    border: 2px dashed #6B7FFF;
}

.modal-title{
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 114%;
    text-transform: uppercase;
    color: #6B7FFF;
    text-align: center;
    margin: 0 0 32px;
}

.modal-text{
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    color: #000;
    text-align: center;
}

.modal-content{
    max-width: 850px;
    margin: 120px auto;
}

.close {
    display: flex;
    align-items: center;
    position: absolute;
    right: 40px;
    top: 40px;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 10px;
    cursor: pointer;
}

/* end modal */

.footer-separator{
    width: 100%;
    height: 2px;
    margin: 60px 0 70px;
    background: linear-gradient(to right, transparent 50%, #FFF 50%);
    background-size: 25px 2px;
}

.footer{
    background: #707EFF;
    padding: 170px 0 170px;
}

.footer-bottom{
    display: flex;
    justify-content: space-between;
}

.footer-menu{
    display: flex;
    justify-content: space-between;
}

.footer-menu .menu-item{
    margin: 0 0 0 45px;
}

.footer-menu a{
    font-size: 16px;
    font-weight: 600;
    line-height: 134%;
    color: #FFF;
    text-decoration: none;
}

.footer-info__text{
    font-size: 16px;
    font-weight: 600;
    line-height: 154%;
    color: #FFF;
}

.footer-info__text-2 a{
    display: block;
    margin: 31px 0 0;
    font-weight: 700;
    font-size: 24px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: 6px;
    color: #fff;
}

.footer-info{
    max-width: 740px;
}

.copyright-text{
    font-size: 16px;
    font-weight: 600;
    line-height: 134%;
    color: #fff;
}

.footer-content-wrap{
    display: flex;
    justify-content: space-between;
}

.footer-subscription{
    position: relative;
    width: 100%;
    max-width: 434px;
    margin: 15px 0 0;
}

.footer-social-wrap{
    display: flex;
    align-items: center;
    margin: 60px 0 0;
}

.footer-social-item{
    display: block;
    margin: 0 40px 0 0;
    cursor: pointer;
    transition: transform 0.5s ease-out ;
}

.footer-social-item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.footer-subscription-content{
    margin: 33px 0;
}

.item-form__footer{
    margin: 18px 0;
}

.footer-subscription-content .form-description{
    font-size: 14px;
}

.footer-img{
    display: none;
}

/* editor text style */

.editor-text-styles h2{
    color: #707EFF;
    font-size: 50px;
    font-weight: 900;
    line-height: 110%; /* 55px */
    text-transform: uppercase;
    margin: 64px 0 36px;
}

.editor-text-styles p{
    font-size: 24px;
    font-weight: 500;
    line-height: 138%;
    color: #000;
    margin: 0 0 30px;
}


.editor-text-styles p strong{
    font-weight: 700;
}

.editor-text-styles ul li,
.editor-text-styles ol li{
    position: relative;
    font-size: 24px;
    line-height: 140%;
    margin: 0 0 10px;
}

.editor-text-styles ul,
.editor-text-styles ol{
    margin: 0 0 30px;
    padding: 0 0 0 30px;
}

.editor-text-styles ul li:after{
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    left: -15px;
    top: 10px;
    border-radius: 50%;
    background: #000;
}

.editor-text-styles ol li{
    list-style-type: auto;
}

.editor-text-styles ol li::marker{
    font-size: 20px;
    font-weight: 700;
}

.editor-text-styles a{
    color: #4328F2;
}

/* end editor text style */


.call-us-button-wrap {
    position: fixed;
    left: calc(100vw - 130px);
    bottom: 40px;
    height: 100px;
    z-index: 2;
}

.call-us-button{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 93px;
    height: 93px;
    border-radius: 20px;
    background: linear-gradient(132deg, #8E9EFF 0%, #6B7FFF 100%);
    box-shadow: 5px 12px 31px 0 rgba(5, 7, 28, 0.15);
    animation: shake 2s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    animation-iteration-count: infinite;
    animation-play-state: paused;
}

.call-us-button:hover{
    animation-play-state: running;
}

.call-us-button__img{
    position: relative;
    left: 3px;
    top: 3px;
    pointer-events: none;
}

.error404{
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    align-items: end;
}

.content-404-wrap{
    max-width: 660px;
    margin: auto 0 auto auto;
    padding: 60px 0;
}

.content-404{
    width: 100%;
}

.img-404{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    pointer-events: none;
}

.admin-bar .img-404{
    top: 32px;
}

.title-404{
    font-size: 46px;
    font-weight: 600;
    line-height: 140%;
    color: #FFF;
    margin: 0 0 8px;
}

.text-404{
    font-size: 26px;
    font-weight: 600;
    line-height: 128%;
    color: #FFF;
}

.button-404-wrap{
    margin: 46px 0;
}

.button-404-wrap .button-for-action{
    width: 100%;
    max-width: 310px;
}

.thank-you-page-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px 0;
}

.thank-you-page__title{
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 114%; /* 72.96px */
    text-transform: uppercase;
    text-align: center;
    color: #6B7FFF;
}

.thank-you-page__text{
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    color: #2C2C2C;
    text-align: center;
    max-width: 900px;
    margin: 32px auto;
}

.thank-you-page__text-small{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    color: #2C2C2C;
    text-align: center;
    margin: 40px 0 0;
}

.thank-you-page__img-wrap{
    position: relative;
}

.thank-you-page__button-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 26px 0 0;
}

.thank-you-page__button-wrap .button-for-action{
    min-width: 240px;
}

.thank-you-page__img{
    max-width: 100%;
    height: auto;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes shake {
    5%, 45% {
        transform: translate3d(-1px, 0, 0);
    }

    10%, 40% {
        transform: translate3d(2px, 0, 0);
    }

    15%, 25%, 35% {
        transform: translate3d(-4px, 0, 0);
    }

    20%, 30% {
        transform: translate3d(4px, 0, 0);
    }
}

@media (min-width: 1920px){
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1710px;
    }
}

@media (min-width: 992px){
    .header-menu > .menu-item{
        padding: 16px 34px 16px 20px;
    }

    .header-menu .sub-menu{
        position: absolute;
        top: 40px;
        padding: 30px 12px 12px;
        width: 290px;
        left: calc(+50% - 145px);
        pointer-events: none;
        opacity: 0;
        z-index: 2;
        transition: opacity 0.3s ease-out;
    }

    .header-menu .menu-item-has-children:hover .sub-menu{
        opacity: 1;
        pointer-events: all;
    }

    .header-menu .sub-menu:after{
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: calc(100% - 20px);
        bottom: 0;
        border-radius: 16px;
        background: linear-gradient(0deg, rgba(100, 112, 252, 0.66) 0%, rgba(100, 112, 252, 0.66) 100%), rgba(255, 255, 255, 0.84);
        z-index: -1;
        box-shadow: 18px 11px 27px 0 rgba(4, 4, 18, 0.06);
    }

    .header-menu > .menu-item-has-children{
        position: relative;
        border-radius: 53px;
        transition: background 0.3s ease-out;
        cursor: pointer;
        margin-right: 8px;
    }

    .header-menu > .menu-item-has-children > a{
        pointer-events: none;
    }

    .header-menu > .menu-item-has-children:hover{
        background: linear-gradient(0deg, rgba(100, 112, 252, 0.66) 0%, rgba(100, 112, 252, 0.66) 100%), rgba(255, 255, 255, 0.24);
    }

    .header-menu > .menu-item-has-children:hover > a:after{
        transform: rotate(180deg);
    }
}


@media (min-width: 1720px) and (max-width: 1919px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1610px;
    }

    .steps-item__text{
        font-size: 16px;
    }

    .info-card-title{
        font-size: 27px;
    }

    .courses-item__info-title{
        font-size: 44px;
    }

    .part-to-learning__img{
        margin: 0 35px 0 0;
    }
}


@media (max-width: 1719px) {
    .h1 {
        font-size: 105px;
    }

    .h2 {
        font-size: 96px;
    }

    .section-front-page-title{
        font-size: 80px;
        line-height: 120%;
    }

    .info-cards-items {
        grid-column-gap: 22px;
        grid-row-gap: 22px;
    }

    .info-card-title {
        font-size: 22px;
        margin: 16px 0 27px;
    }

    .info-card-item .text{
        font-size: 18px;
    }

    .info-card-number {
        font-size: 64px;
    }

    .total-info-header {
        font-size: 200px;
    }

    .total-info-subheader {
        font-size: 24px;
    }

    .courses-list {
        margin: 100px -18px 0;
    }

    .courses-item {
        width: calc(33.33% - 36px);
        margin: 18px 18px;
        padding: 30px 30px 160px 30px;
    }

    .courses-item__date-start-month,
    .courses-item__date-duration-measure {
        font-size: 22px;
    }

    .courses-item__info-title {
        font-size: 36px;
    }

    .courses-archive-item .courses-item__info-title{
        max-width: 100%;
        font-size: 48px;
    }

    .courses-archive-items{
        justify-content: center;
    }

    .courses-archive-item{
        width: calc(50% - 66px);
    }

    .social-item {
        padding: 42px;
    }

    .call-info__title {
        font-size: 26px;
    }

    .form-wrap {
        max-width: 490px;
    }

    .partner-item img{
        max-width: 100%;
        height: auto;
    }

    img.partner-item_2-img{
        max-width: 240px;
        max-height: 100%;
        object-fit: contain;
    }

    .partner-item_1 {
        width: 371px;
        height: 395px;
        padding: 40px;
    }

    .partner-item_2 {
        width: 396px;
        height: 141px;
        left: 395px;
        padding: 20px;
    }

    .partner-item_3 {
        right: 225px;
        width: 257px;
        height: 258px;
        padding: 20px;
    }

    .partner-item_4{
        width: 365px;
        height: 185px;
        padding: 30px;
        right: 0;
    }

    .partner-item_5{
        width: 197px;
        height: 197px;
        bottom: 255px;
        left: 415px;
    }

    .partner-item_6 {
        width: 440px;
        height: 143px;
        bottom: 260px;
        left: 587px;
        padding: 40px;
    }

    .steps-list-img-wrap{
        max-width: 600px;
        height: 554px;
        flex-shrink: 0;
    }

    .steps-list-img-wrap .steps-list-img-background{
        width: 100%;
    }

    .steps-list-img-wrap .steps-list-img-background{
        height: 554px;
    }

    .steps-item__title {
        font-size: 24px;
    }

    .steps-item__text {
        font-size: 16px;
    }

    .step-to-join{
        width: 212px;
        height: 212px;
    }

    .step-to-join__background{
        width: 100%;
        height: 100%;
    }

    .step-to-join__img{
        width: 66px;
        height: 66px;
    }

    .step-to-join__text{
        font-size: 16px;
        margin: 24px 0 0;
    }

    .part-to-learning__img{
        width: 160px;
        height: 160px;
    }

    .part-to-learning__title{
        font-size: 70px;
    }

    .part-to-learning__subtitle{
        font-size: 20px;
    }

    .part-to-learning__img{
        margin: 0 30px 0 0;
    }

    .banner-wrap{
        padding: 24px 70px;
    }

    .banner-content{
        max-width: 700px;
    }


    .our-mission-content {
        margin: 0 0 0 56px;
    }

    .our-mission-img{
        max-width: 650px;
        height: auto;
    }

    .partners-wrap{
        margin: 40px 0 0
    }

    .social-network-wrap{
        padding: 95px 145px;
    }

    .social-items{
        margin: 104px 0 0;
    }

    .social-network-text{
        font-size: 16px;
    }

    .team-member{
        width: 250px;
    }

    .team-member-name{
        font-size: 44px;
    }

    .team-member-position{
        font-size: 14px;
    }

    .team-member-elem--1-1,
    .team-member-elem--2-1,
    .team-member-elem--3-1,
    .team-member-elem--4-1,
    .team-member-elem--5-1,
    .team-member-elem--6-1,
    .team-member-elem--7-1{
        right: 0;
        bottom: 100px;
        width: 40px;
        height: 40px;
    }

    .team-member-elem--1-2,
    .team-member-elem--2-2,
    .team-member-elem--3-2,
    .team-member-elem--4-2,
    .team-member-elem--5-2,
    .team-member-elem--6-2,
    .team-member-elem--7-2{
        top: 80px;
        right: 0;
        width: 40px;
        height: 40px;
    }

    .team-member-elem--1-3,
    .team-member-elem--2-3,
    .team-member-elem--3-3,
    .team-member-elem--4-3,
    .team-member-elem--5-3,
    .team-member-elem--6-3,
    .team-member-elem--7-3{
        left: 0;
        top: 80px;
        width: 40px;
        height: 40px;
    }

    .team-member-elem--1-4,
    .team-member-elem--2-4,
    .team-member-elem--3-4,
    .team-member-elem--4-4,
    .team-member-elem--5-4,
    .team-member-elem--6-4,
    .team-member-elem--7-4{
        width: 40px;
        height: 40px;
        bottom: 100px;
    }

    .accordion__arrow-item:before {
        width: 23px;
        height: 4px;
    }

    .accordion__arrow-item:after {
        height: 23px;
        width: 4px;
    }

    .accordion__arrow-item{
        width: 36px;
        height: 36px;
    }

    .banner__title{
        font-size: 40px;
    }
}

@media (max-width: 1399px) {
    .header.noscroll {
        padding: 40px 0;
    }
    .h1 {
        font-size: 120px;
    }
    .h2-small{
        font-size: 50px;
    }
    .h3{
        font-size: 50px;
    }
    .h5{
        font-size: 32px;
    }
    .h6{
        font-size: 22px;
    }
    .box-logo{
        max-width: 137px;
        height: 46px;
    }

    .box-logo img{
        max-width: 100%;
        height: auto;
    }

    .header-menu-link{
        font-size: 14px;
        margin: 0 24px 0 0;
    }
    .header-menu a{
        font-size: 14px;
    }
    .logo{
        margin: 0 50px 0 0;
    }
    .text{
        font-size: 16px;
    }

    .total-info-switch-items{
        padding: 28px;
    }

    .total-info-switch-item{
        font-size: 20px;
        line-height: 100%;
    }

    .button-for-action{
        font-size: 14px;
    }

    .page-icon-1{
        width: 70px;
        height: auto;
    }

    .page-icon-2{
        width: 85px;
        height: auto;
        right: 525px;
        top: -170px;
    }

    .home .section-front-content {
        padding: 200px 0 150px;
    }

    .front-elem {
        width: 400px;
        height: 400px;
        margin: 100px auto 60px;
    }

    .front-background-page{
        max-width: 727px;
        height: auto;
    }

    .single-page-content{
        padding: 100px 0;
        border-radius: 70px 70px 0 0;
    }

    .section-total-info{
        padding: 120px 0;
        border-radius: 70px 70px 0 0;
    }

    .info-cards-items{
        margin: 40px 0;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .info-card-item {
        padding: 30px 22px 60px 22px;
    }

    .info-card-title {
        margin: 16px 0 27px;
        font-size: 20px;
    }

    .info-card-item .text {
        font-size: 16px;
    }

    .total-info-header {
        font-size: 150px;
    }

    .total-info-switch-wrap{
        margin: 50px 0 80px;
    }

    .section-our-courses{
        padding: 140px 0 100px;
    }

    .courses-list {
        margin: 64px -18px 0;
    }

    .courses-item__date-start-day,
    .courses-item__date-duration-number{
        width: 44px;
        height: 44px;
        min-width: 44px;
        margin: 0 10px 0 0;
    }

    .courses-item{
        width: calc(33.33% - 18px);
        margin: 9px 9px;
        padding: 30px 30px 140px 30px;
    }

    .courses-item__info-title:after{
        width: 41px;
        height: 48px;
    }

    .courses-item__info-title{
        padding: 0 0 8px 57px;
        margin: 0 0 16px;
    }

    .courses-item__text{
        font-size: 16px;
    }

    .courses-archive-item .package-item__the-best{
        right: -40px;
        top: -50px;
        width: 100px;
        height: 100px;
    }

    .courses-list:after{
        top: 310px;
        width: 360px;
        height: 360px;
    }

    .section-our-courses-archive{
        padding: 200px 0 100px;
    }

    .courses-archive-items{
        margin: 44px -22px 0;
    }

    .courses-archive-item {
        width: calc(50% - 46px);
        margin: 23px;
    }

    .section-learning {
        padding: 100px 0;
    }

    .part-to-learning__subtitle{
        font-size: 18px;
    }

    .part-to-learning__img {
        width: 144px;
        height: 144px;
    }

    .steps-list-img-wrap{
        max-width: 502px;
        height: 474px;
        flex-shrink: 0;
    }

    .steps-list-img-wrap .steps-list-img-background{
        width: 100%;
        height: 474px;
    }

    .steps-item{
        padding: 18px 30px;
        margin: 0;
    }

    .steps-item.active{
        padding: 18px 40px 18px 90px;
    }

    .steps-item__title{
        font-size: 24px;
    }

    .steps-item__text{
        font-size: 16px;
    }

    .steps-list{
        margin: 0 30px 0 0;
    }

    .step-to-join {
        width: 207px;
        height: 207px;
    }

    .join-text{
        font-size: 16px;
    }

    .section-banner{
        padding: 120px 0 220px;
    }

    .banner-content {
        max-width: 655px;
    }

    .banner-logo {
        margin: 0 0 24px;
        max-width: 300px;
        height: auto;
    }

    .banner-img{
        max-width: 535px;
    }

    .banner-img-2{
        max-width: 325px;
        height: auto;
    }

    .our-mission-img {
        max-width: 550px;
    }

    .our-mission__text{
        font-size: 18px;
    }

    .section-about-us{
        padding: 120px 0 200px;
    }

    .our-mission-wrap{
        margin: 64px 0;
    }

    .section-our-courses{
        padding: 120px 0 100px;
    }

    .section-call{
        padding: 0 0 50px;
    }

    .section-call .container {
         padding: 140px 12px 0;
    }

    .call-wrap{
        margin: 60px 0 0;
    }

    .call-img{
        width: 320px;
    }

    .form-wrap {
        max-width: 380px;
        margin: 0 0 0 20px;
        min-height: 400px;
    }

    .form-description{
        font-size: 12px;
    }

    .section-call{
        padding: 0 0 100px;
    }

    .section-social-network{
        padding: 100px 0 250px;
    }

    .social-item-img{
        width: 54px;
        height: 54px;
    }

    .social-item:nth-child(3) .social-item-img {
        padding: 5px;
    }

    .partners-questions-wrap{
        padding: 120px 0;
    }

    .partner-item_1{
        width: 315px;
        height: 337px;
    }

    .partner-item_2{
        width: 314px;
        height: 120px;
        left: 330px;
    }

    .partner-item_3{
        width: 220px;
        height: 220px;
        right: 235px;
    }

    .partner-item_4{
        width: 310px;
        height: 150px;
        right: 35px;
    }

    .partner-item_5{
        width: 166px;
        height: 166px;
        border-radius: 40px;
        left: 341px;
        bottom: 230px;
    }

    .partner-item_6{
        width: 370px;
        height: 120px;
        left: 450px;
        bottom: 211px;
    }

    .partners-wrap{
        height: 460px;
    }

    .section-questions {
        padding: 180px 0 0;
    }

    .accordion {
        margin: 40px 0 20px;
        min-height: 600px;
    }

    .accordion__item .accordion__title{
        font-size: 22px;
    }

    .accordion__item{
        padding: 24px;
        margin: 0 0 22px;
    }

    .accordion__item .accordion__content{
        font-size: 16px;
        padding: 10px 0 0 0;
    }

    .description-for-button{
        font-size: 16px;
        margin: 0 0 27px;
    }

    .about-us-more-img{
        max-width: 450px;
        height: auto;
    }

    .about-us-more-text p{
        font-size: 14px;
    }

    .about-us-more-content{
        max-width: 588px;
    }

    .about-us-more-text{
        height: 280px;
    }

    .section-about-us-more{
        padding: 120px 0;
    }

    .form-wrap{
        min-height: 340px;
    }

    .input,
    .sp-custom-form .input[type=email]{
        font-size: 14px;
        padding: 16px 24px;
    }

    .item-form .button-for-action{
        font-size: 14px;
        height: 50px;
    }

    .submit-subscription svg{
        width: 51px;
        height: 51px;
    }

    .call-img{
        width: 270px;
    }

    .call-info__text{
        font-size: 18px;
    }

    .item-form span.error{
        bottom: -21px;
    }

    .accordion__arrow{
        top: -4px;
    }

    .form-wrap .wpcf7-not-valid-tip,
    .sp-custom-form .sp-form .sp-field .sp-tip{
        margin-top: 5px;
        font-size: 12px;
    }

    .sp-custom-form .sp-form .sp-field .sp-tip{
        margin: 0 0 0 !important;
    }

    .editor-text-styles p{
        font-size: 16px;
    }

    .editor-text-styles h2{
        font-size: 36px;
        margin: 56px 0 24px;
    }

    .editor-text-styles ul li,
    .editor-text-styles ol li{
        font-size: 16px;
    }

    .editor-text-styles ul li:after{
        width: 4px;
        height: 4px;
        top: 8px;
    }

    .single-page-content{
        border-radius: 40px 40px 0 0;
    }

    .sp-custom-form .input[type=email]{
        height: 51px;
    }

    .sp-custom-form .submit-subscription{
        height: 49px !important;
    }

    .courses-item__info-title{
        min-height: 90px;
    }

    .courses-item__date-start {
        margin: 0 36px 0 0;
    }

    .footer{
        padding: 40px 0 60px;
    }

    .footer-info{
        max-width: 500px;
    }

    .footer-info img{
        max-width: 200px;
        height: auto;
        margin: 0 0 10px;
    }

    .footer-info__text{
        font-size: 14px;
    }

    .footer .social-item-img{
        width: 44px;
        height: 44px;
    }

    .footer-social-item:nth-child(3) .social-item-img{
        width: 32px;
        height: 32px;
    }

    .footer-social-wrap{
        margin: 30px 0 0;
    }

    .copyright-text,
    .footer-menu a{
        font-size: 14px;
    }

    .footer-subscription-content {
        margin: 24px 0;
    }

    .footer .social-item-img{
        width: 27px;
        height: 27px;
    }

    .footer .footer-social-item:nth-child(3) .social-item-img{
        width: 22px;
        height: 22px;
    }

    .footer-social-item{
        margin: 0 34px 0 0;
    }

    .content-404-wrap{
        max-width: 446px;
    }

    .title-404{
        font-size: 42px;
    }

    .text-404{
        font-size: 22px;
    }

    .button-404-wrap .button-for-action{
        max-width: 270px;
    }

    .thank-you-page__img{
        max-width: 810px;
    }

    .thank-you-page-title{
        font-size: 42px;
    }

    .thank-you-page__text{
        max-width: 490px;
        font-size: 16px;
        margin: 16px auto;
    }

    .thank-you-page__button-wrap{
        margin: 24px 0 0;
    }

    .thank-you-page__text-small{
        font-size: 14px;
    }

    .button-info{
        padding: 17px 36px;
        font-size: 14px;
        min-width: 196px;
        margin: 0 13px;
    }

    .button-back{
        margin: 40px 0 0;
    }

    .button-back{
        font-size: 14px;
    }

    .button-info--telegram svg{
        width: 20px;
        height: 20px;
    }

    .footer-info__text-2 a{
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    .h1 {
        font-size: 80px;
    }
    .h2 {
        font-size: 74px;
    }

    .header{
        padding: 34px 0;
    }

    .header.scrolled {
        padding: 28px 0;
    }

    .header.noscroll {
        padding: 34px 0;
    }

    .header-menu a{
        font-size: 12px;
    }

    .logo {
        margin: 0 14px 0 0;
    }

    .info-cards-items{
        grid-template-columns: repeat(2, 1fr);
    }

    .section-total-info{
        padding: 100px 0;
    }

    .total-info-header {
        font-size: 150px;
    }

    .total-info-subheader{
        font-size: 20px;
    }

    .total-info-switch-wrap{
        flex-wrap: wrap;
    }

    .total-info-switch-items{
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 18px;
        grid-row-gap: 16px;
        max-width: 100%;
        background: transparent;
        order: 1;
        padding: 0;
    }

    .total-info-switch-item{
        background: #fff;
    }

    .total-info-content-items{
        min-height: 300px;
        max-width: 100%;
        margin: 0 0 16px;
    }

    .total-info-switch-wrap {
        margin: 30px 0 80px;
    }

    .courses-item{
        width: calc(50% - 24px);
        margin: 12px;
    }

    .steps-to-join{
        flex-wrap: wrap;
        justify-content: center;
    }

    .step-to-join{
        margin: 17px;
    }

    .steps-to-join:after{
        box-shadow: 0 40px 340px 340px rgb(173 215 83 / 50%);
        top: 200px;
    }

    .steps-wrap{
        flex-wrap: wrap;
        margin: 50px 0;
    }

    .steps-list-img-wrap{
        max-width: 100%;
        order: -1;
        background: #707EFF;
        border-radius: 20px;
    }

    .steps-list{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 22px;
        grid-row-gap: 16px;
        margin: 16px 0 0;
    }

    .steps-list-img-wrap{
        width: 100%;
        overflow: hidden;
    }

    .steps-list-img-wrap .steps-list-img-background{
        display: block;
        width: 600px;
        margin: auto;
    }

    .step-img-item__background{
        width: 600px;
        right: 0;
        margin: auto;
    }

    .steps-item__title {
        font-size: 20px;
    }

    .steps-item__text {
        font-size: 14px;
    }

    .container-steps-to-join {
        margin: 50px auto 0;
    }

    .steps-to-join{
        margin: 30px 0;
    }

    .part-to-learning__img{
        width: 120px;
        height: 120px;
    }

    .part-to-learning__img {
        margin: 0 20px 0 0;
    }

    .part-to-learning__subtitle{
        font-size: 16px;
    }

    .section-banner {
        padding: 66px 0 170px;
    }

    .banner-wrap {
       padding: 40px 32px;
    }

    .banner-content{
        max-width: 500px;
        padding: 0;
    }

    .banner-logo{
        max-width: 210px;
    }

    .section-about-us {
        padding: 90px 0 160px;
        margin: -70px 0 0 0;
        border-radius: 70px 70px 0 0;
    }

    .our-mission-wrap {
        margin: 34px 0;
    }

    .our-mission-img {
        max-width: 490px;
    }

    .our-mission__text {
        font-size: 16px;
    }

    .call-wrap{
        flex-wrap: wrap;
    }

    .form-wrap{
        max-width: 600px;
        margin: 30px 0 0 auto;
    }

    .section-call {
        padding: 0 0 20px;
    }

    .call-info{
        width: 600px;
        flex-direction: inherit;
        flex-wrap: wrap;
    }

    .call-img{
        left: 0;
    }

    .call-info__title br{
        display: none;
    }

    .call-info__text{
        width: 44%;
        font-size: 23px;
    }

    .social-network-wrap{
        padding: 36px 70px;
    }

    .social-items {
        margin: 50px 0 0;
    }

    .social-item:nth-child(3) .social-item-img {
        padding: 5px;
    }

    .partners-questions-wrap {
        padding: 70px 0;
    }

    .partner-item_1 {
        width: 262px;
        height: 280px;
    }

    .partner-item_2{
        width: 261px;
        height: 100px;
        left: 275px;
    }

    .partner-item_3{
        width: 180px;
        height: 180px;
        right: 205px;
    }

    .partner-item_4{
        width: 260px;
        height: 120px;
        right: 50px;
        bottom: -33px;
    }

    .partner-item_5{
        width: 148px;
        height: 148px;
        left: 290px;
        bottom: 175px;
    }

    .partner-item_6{
        width: 320px;
        height: 100px;
        left: 391px;
        bottom: 173px;
    }

    .partners-wrap {
        height: 390px;
    }

    .section-questions {
        padding: 120px 0 0;
    }

    .about-us-more-img {
        max-width: 400px;
    }

    .about-us-more-content {
        max-width: 500px;
    }

    .about-us-more-text {
        height: 230px;
    }

    .section-about-us-more {
        padding: 100px 0 50px;
    }

    .banner__title {
        font-size: 30px;
        margin: 0 0 10px;
    }

    .banner-img-2{
        max-width: 275px;
    }

    .courses-archive-item .package-item__costs-discount{
        font-size: 36px;
    }

    .courses-archive-item .package-item__costs{
        font-size: 20px;
    }

    .footer-content-wrap{
        padding: 30px 0 0;
    }

    .footer-info {
        max-width: 400px;
    }

}

@media (max-width: 991px) {
    .h5{
        font-size: 26px;
    }
    .section-front-content .h2{
        max-width: 665px;
    }
    .section-front-content .h2 br{
        display: none;
    }

    .menu-open{
        overflow: hidden;
    }

    .header-menu .sub-menu{
        display: none;
    }

    .logo{
        position: relative;
        z-index: 2;
    }

    .header-menu-info .footer-social-item:last-child{
        margin: 0;
    }

    .header-navigation-wrap{
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        background: #7178FD;
        background-image: url("/wp-content/themes/1IT/img/menu-open.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: bottom;
        transition: height 0.3s ease-out;
    }

    .header-menu-wrap,
    .header-menu-right-wrap{
        width: 100%;
    }

    .header-menu{
        flex-direction: column;
        padding: 140px 20px 70px 20px;
        align-items: baseline;
        max-width: 720px;
        margin: auto;
    }

    .header-menu-right-wrap{
        display: flex;
        flex-direction: column;
        max-width: 400px;
        margin: 0 auto auto;
    }

    .header-menu-link{
        display: inline-block;
        position: relative;
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        line-height: 100%;
        text-decoration: none;
        border-radius: 45px;
        padding: 18px 38px;
        color: #594BF4;
        text-transform: uppercase;
        border: none;
        cursor: pointer;
        background: #FFF;
        transition: all 0.5s ease-out;
        margin: 0 0 20px;
    }

    .header-menu-link:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        margin: auto;
        border-radius: 40px;
        border: 1px dashed #594BF4;
    }

    .menu-open .header-navigation-wrap{
        height: 100vh;
        overflow: auto;
    }

    .header-menu-wrap,
    .header-menu-right-wrap{
        z-index: 1;
    }


    .header-button-wrap{
        display: block;
    }

    .header .footer-social-item:nth-child(3) .social-item-img{
        width: 30px;
        height: 30px;
    }

    .menu-toggle-button{
        background: transparent;
        border: none;
    }

    .menu-toggle-button{
        position: relative;
        width: 38px;
        height: 38px;
        cursor: pointer;
    }

    .header{
        padding: 24px 0;
    }

    .header-menu a{
        position: relative;
        display: inline-block;
        font-size: 34px;
        font-weight: 700;
        margin: 22px 0;
        max-width: max-content;
        padding: 0 20px 0 0;
    }

    .header-menu .menu-item{
        width: 100%;
    }

    .header-menu .menu-item-has-children > a{
        padding-right: 50px;
    }

    .header-menu > .menu-item-has-children > a:after{
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid white;
    }

    .header-menu > .menu-item-has-children.menu-children-open > a:after{
        transform: rotate(180deg);
    }

    .header-menu .sub-menu .menu-item a{
        font-size: 20px;
        margin: 6px 0;
    }

    .header-menu .sub-menu{
        padding-bottom: 20px;
    }

    .header.scrolled{
        padding: 19px 0;
    }

    .header.noscroll{
        padding: 24px 0;
    }

    .header-button-wrap{
        position: relative;
        top: -4px;
        margin: 0 0 0 auto;
        z-index: 1;
    }

    .header-button-wrap svg{
        position: absolute;
        height: 80px;
        width: 80px;
        left: -50%;
        top: -50%;
    }

    .header-menu-call-wrap{
        display: inline-block;
        position: relative;
    }

    .header-menu-call-wrap .hand-left,
    .header-menu-call-wrap .hand-right {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .header-menu-call-wrap .hand-left{
        right: -60px;
    }

    .header-menu-call-wrap .hand-right {
        left: -60px;
    }


    .header-menu-call-wrap .button-for-action{
        width: 100%;
    }

    .hand-right,
    .hand-left{
        width: 40px;
        height: 40px;
    }

    .hand-left{
        margin: 0 0 0 20px;
    }

    .hand-right{
        margin: 0 20px 0 0;
    }

    .header-menu-info{
        position: relative;
        display: flex;
        width: 100%;
        z-index: 1;
        flex-direction: column;
        margin: 30px 0;
    }

    .header-menu-info .footer-social-wrap{
        margin: auto;
    }

    .header-menu-info__link{
        font-size: 28px;
        font-weight: 700;
        line-height: normal;
        text-decoration-line: underline;
        color: #FFF;
        margin: 0 auto 45px;
    }

    /* Toggle menu */
    .header-button-wrap .burger {
        filter: url(#gooeyness);
    }
    .header-button-wrap .x {
        transform: scale(0);
        transition: transform 400ms;
    }
    .header-button-wrap .line {
        fill: none;
        stroke: #ffffff;
        stroke-width: 6px;
        stroke-linecap: round;
        stroke-linejoin: round;
        transform-origin: 50%;
        transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
    }
    .header-button-wrap .x .line {
        stroke-width: 5.5px;
    }
    .header-button-wrap .plate1 .line2 {
        stroke-dasharray: 40 200;
        stroke-dashoffset: 0;
    }
    .header-button-wrap .plate1 .line3 {
        stroke-dasharray: 40 179;
        stroke-dashoffset: 0;
    }
    .menu-open .header-button-wrap .line {
        transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;
    }
    .menu-open .header-button-wrap .plate1 .line1 {
        transform: scale(0, 1);
        transition: transform 500ms 100ms;
    }
    .menu-open .header-button-wrap .plate1 .line2 {
        stroke-dasharray: 5px 200;
        stroke-dashoffset: -164px;
    }
    .menu-open .header-button-wrap .plate1 .line3 {
        stroke-dasharray: 5px 179;
        stroke-dashoffset: -142px;
    }
    .menu-open .header-button-wrap .x {
        transform: scale(1);
        transition: transform 400ms 350ms;
    }

    /* Toggle menu */

    .section-front-content{
        padding: 120px 0 200px;
    }

    .info-card-number {
        font-size: 56px;
    }

    .info-card-title {
        font-size: 22px;
        margin: 9px 0 16px;
    }

    .info-cards-items{
        margin: 34px 0;
    }

    .total-info-switch-wrap {
        margin: 14px 0 60px;
    }

    .total-info-switch-item{
        font-size: 16px;
        padding: 16px 30px;
        border-radius: 12px;
    }

    .total-info-switch-item.active:after,
    .steps-item.active:after{
        width: 22px;
        height: 22px;
    }

    .total-info-switch-item.active{
        padding: 16px 30px 16px 75px;
    }

    .section-total-info {
        padding: 90px 0;
    }

    .section-our-courses {
        padding: 90px 0;
    }

    .courses-list {
        margin: 40px -18px 0;
    }

    .courses-list:after{
        top: auto;
        left: auto;
        right: 0;
    }

    .courses-item {
        padding: 20px 20px 140px 20px;
        border-radius: 20px;
    }

    .courses-item__date-start-month,
    .courses-item__date-duration-measure {
        font-size: 18px;
    }

    .courses-item__date-start-day,
    .courses-item__date-duration-number{
        font-size: 18px;
    }

    .courses-item__date-start-day,
    .courses-item__date-duration-number {
        width: 40px;
        height: 40px;
    }

    .courses-item__date-start-day span,
    .courses-item__date-duration-number span {
        position: relative;
        top: 1px;
    }

    .courses-item__info-title {
        font-size: 30px;
    }

    .courses-item__text {
        font-size: 14px;
    }

    .courses-item-button-wrap{
        width: calc(100% - 40px);
        bottom: 20px;
    }

    .courses-archive-item{
        width: 100%;
    }

    .courses-archive-items {
        margin: 44px 0 0;
    }

    .courses-archive-item .package-item__costs-discount{
        font-size: 48px;
    }

    .courses-archive-item .package-item__costs{
        font-size: 28px;
    }

    .courses-archive-item .package-item__costs-wrap {
        margin: 38px 0 0;
    }

    .courses-item-button-wrap{
        padding: 38px 0 0;
    }

    .section-learning {
        padding: 80px 0;
    }

    .steps-wrap{
        margin: 20px 0;
    }

    .steps-list-img-wrap{
        height: 310px;
    }

    .steps-item{
        padding: 16px 30px;
    }

    .step-img-item__background{
        height: auto;
        top: -25px;
    }

    .steps-item__title {
        font-size: 18px;
    }

    .steps-item.active {
        padding: 18px 40px 18px 70px;
    }

    .steps-item:after{
        top: 15px;
        bottom: auto;
    }

    .step-to-join {
        margin: 12px;
    }

    .join-button-wrap{
        margin: 40px 0 0;
    }

    .join-button-wrap .button-for-action{
        min-width: 270px;
    }

    .parts-to-learning{
        flex-wrap: wrap;
        justify-content: center;
    }

    .part-to-learning{
        margin: 30px 20px;
    }

    .parts-to-learning{
        margin: 50px 0 0;
    }

    .banner-logo{
        margin: 0 0 12px;
    }

    .banner-img{
        max-width: 300px;
    }

    .banner-img-2 {
        max-width: 160px;
    }

    .banner-content-button-wrap {
        margin: 27px 0 0;
    }

    .banner-wrap{
      padding: 32px;
    }

    .our-mission-wrap{
        flex-wrap: wrap;
    }

    .our-mission-img{
        max-width: 100%;
    }

    .section-total-info,
    .section-about-us{
        border-radius: 40px 40px 0 0;
    }

    .our-mission-content {
        margin: 34px 0 0 0;
    }

    .our-mission-title {
        margin: 0 0 20px;
    }

    .our-mission-button-wrap {
        margin: 30px 0 0;
    }

    .section-call .container {
        padding: 100px 12px 0;
    }

    .call-img{
        width: 204px;
        left: 0;
    }

    .call-info{
        width: 450px;
    }

    .call-info__title{
        font-size: 22px;
    }

    .call-info__text{
        font-size: 16px;
    }

    .form-wrap{
        width: 100%;
        max-width: 100%;
    }

    .call-position{
        font-size: 14px;
    }

    .social-network-wrap{
        border-radius: 20px;
    }

    .social-item {
        padding: 32px;
    }

    .social-item-img{
        width: 36px;
        height: 36px;
    }

    .partners-questions-wrap{
        border-radius: 40px 40px 0 0;
    }

    .partner-item_1{
        width: 178px;
        height: 190px;
        padding: 24px;
        border-radius: 20px;
    }

    .partner-item_2{
        width: 178px;
        height: 68px;
        left: 190px;
        padding: 10px;
        border-radius: 16px;
    }

    .partner-item_3{
        width: 124px;
        height: 124px;
        border-radius: 20px;
        right: 192px;
    }

    .partner-item_4{
        width: 175px;
        height: 85px;
        border-radius: 15px;
        right: 80px;
        bottom: -20px;
    }

    .partner-item_5{
        width: 94px;
        height: 94px;
        border-radius: 16px;
        left: 200px;
        bottom: 130px;
    }

    .partner-item_6{
        width: 210px;
        height: 68px;
        border-radius: 20px;
        padding: 20px;
        left: 273px;
        bottom: 127px;
    }

    .partners-wrap {
        height: 260px;
    }

    .accordion{
        min-height: 490px;
    }

    .accordion__item .accordion__title{
        font-size: 18px;
        margin: 0;
    }

    .accordion__item .accordion__content{
        font-size: 14px;
    }

    .accordion__item{
        padding: 18px 24px;
        border-radius: 16px;
        margin: 0 0 20px;
    }

    .about-us-more-wrap{
        flex-wrap: wrap;
    }

    .about-us-more-text{
        width: 100%;
        max-width: 100%;
    }

    .about-us-more-content{
        max-width: 100%;
    }

    .about-us-more-img{
        display: none;
    }

    .team-member {
        width: 170px;
    }

    .team-member-name {
        font-size: 32px;
    }

    .team-member-position {
        font-size: 12px;
    }

    .team-member-elem--1-1,
    .team-member-elem--2-1,
    .team-member-elem--3-1,
    .team-member-elem--4-1,
    .team-member-elem--5-1,
    .team-member-elem--6-1,
    .team-member-elem--7-1 {
        right: 0;
        bottom: 80px;
        width: 32px;
        height: 32px;
    }

    .team-member-elem--1-2,
    .team-member-elem--2-2,
    .team-member-elem--3-2,
    .team-member-elem--4-2,
    .team-member-elem--5-2,
    .team-member-elem--6-2,
    .team-member-elem--7-2 {
        top: 50px;
        right: 10px;
        width: 30px;
        height: 30px;
    }

    .team-member-elem--1-3,
    .team-member-elem--2-3,
    .team-member-elem--3-3,
    .team-member-elem--4-3,
    .team-member-elem--5-3,
    .team-member-elem--6-3,
    .team-member-elem--7-3 {
        left: 0;
        top: 40px;
        width: 30px;
        height: 30px;
    }

    .team-member-elem--1-4,
    .team-member-elem--2-4,
    .team-member-elem--3-4,
    .team-member-elem--4-4,
    .team-member-elem--5-4,
    .team-member-elem--6-4,
    .team-member-elem--7-4 {
        width: 30px;
        height: 30px;
        bottom: 80px;
    }

    .section-about-us {
        padding: 90px 0 130px;
    }

    .footer {
        padding: 0 0 30px;
    }

    .footer-bottom{
        flex-wrap: wrap;
    }

    .copyright-text{
        order: 1;
        margin: 30px 0 0;
    }

    .modal-wrap{
        padding: 120px 54px;
        border-radius: 40px;
    }

    .modal-wrap:after{
        border-radius: 32px;
    }

    .modal-title{
        font-size: 42px;
        max-width: 512px;
        margin: auto;
    }

    .modal-text{
        font-size: 16px;
        max-width: 512px;
        margin: 24px auto 0;
    }

    .close-modal{
        width: 38px;
        height: 38px;
    }

    .menu-privacy-menu-container{
        width: 100%;
    }

    .modal-wrap{
        background-image: url(/wp-content/themes/1IT/img/modal-tab.jpg);
    }

    .accordion__arrow-item {
        width: 26px;
        height: 26px;
    }

    .accordion__arrow-item:before {
        width: 16px;
        height: 3px;
    }

    .accordion__arrow-item:after {
        width: 3px;
        height: 16px;
    }

    .close{
        right: 30px;
        top: 30px;
    }

    .call-us-button-wrap{
        left: calc(100vw - 110px);
    }

    .call-us-button{
        width: 80px;
        height: 80px;
    }

    .front-background-page{
        position: relative;
        max-width: 596px;
        right: -200px;
    }

    .page-icon-1{
        top: -100px;
        bottom: auto;
        right: 70px;
    }

    .page-icon-2{
        left: 0;
        bottom: 23px;
        top: auto;
    }

    .privacy-policy-text{
        margin: 36px 0 0;
    }

    .single-page-content{
        padding: 80px 0;
    }

    .editor-text-styles p {
        font-size: 14px;
        margin: 0 0 20px;
    }

    .editor-text-styles ul li,
    .editor-text-styles ol li{
        font-size: 14px;
    }

    .editor-text-styles h2{
        margin: 36px 0 16px;
    }

    .call-us-button__img{
        width: 50px;
        height: auto;
    }

    .banner__text{
        max-width: 400px;
        margin: auto;
    }

    .footer-menu{
        width: 100%;
        justify-content: space-between;
    }

    .footer-menu .menu-item{
        margin: 0;
    }

    .footer-separator{
        margin: 30px 0 30px;
    }

    .footer-content-wrap{
        flex-wrap: wrap;
    }

    .footer-info{
        max-width: 100%;
        order: 1;
    }

    .footer-img{
        display: block;
    }

    .footer-subscription{
        max-width: 384px;
    }

    .footer-social-item{
        margin: 0 34px 0 0;
    }

    .content-404-wrap {
        max-width: 385px;
    }

    .title-404{
        font-size: 36px;
    }

    .text-404{
        font-size: 18px;
    }

    .button-404-wrap {
        margin: 32px 0;
    }

    .thank-you-page__title{
        font-size: 42px;
        line-height: 100%;
    }

    .thank-you-page__img{
        max-width: 640px;
    }

    .thank-you-page__text-small{
        max-width: 460px;
    }

    .button-info{
        margin: 0 10px;
    }

    .button-back{
        position: absolute;
        bottom: 40px;
    }

    .footer-info__text-2 a{
        margin: 22px 0;
    }
}

@media (max-width: 767px) {
    .h1{
        font-size: 52px;
    }
    .h2 {
        font-size: 50px;
    }

    .h2-small{
        font-size: 36px;
    }

    .h3 {
        font-size: 50px;
    }

    .h5 {
        font-size: 20px;
    }

    .text {
        font-size: 12px;
    }

    .header-menu{
        max-width: 550px;
    }

    .header-menu a{
        font-size: 30px;
        margin: 14px 0;
    }

    .header-menu .sub-menu {
        padding-bottom: 10px;
    }

    .social-items {
        margin: 30px 0 0;
    }

    .social-network-wrap {
        padding: 36px 50px;
    }

    .social-item{
        padding: 22px;
    }

    .social-item:nth-child(3) .social-item-img{
        padding: 2px;
    }

    .social-item-img {
        width: 24px;
        height: 24px;
    }

    .section-social-network {
        padding: 90px 0 160px;
    }


    .header .footer-social-item:nth-child(3) .social-item-img {
        width: 19px;
        height: 19px;
    }

    .section-total-info {
        padding: 80px 0;
    }

    .courses-item {
        width: calc(50% - 12px);
        margin: 6px;
    }

    .courses-item__info-title{
        font-size: 27px;
    }

    .courses-item__date-start {
        margin: 0 20px 0 0;
    }

    .courses-item__date-start-day,
    .courses-item__date-duration-number {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .courses-item__date-start-month{
        font-size: 13px;
    }

    .courses-item__date-start-day,
    .courses-item__date-duration-number{
        font-size: 13px;
    }

    .courses-archive-item{
        margin: 20px 0;
    }

    .join-button-wrap .button-for-action {
        min-width: 255px;
        margin: 0 12px;
    }

    .total-info-switch-items{
        grid-template-columns: 1fr;
    }

    .steps-list{
        grid-template-columns: 1fr;
        grid-row-gap: 10px;
    }

    .total-info-content-items{
        min-height: 200px;
    }

    .total-info-header {
        font-size: 100px;
    }

    .total-info-subheader{
        font-size: 18px;
    }

    .step-to-join {
        width: 135px;
        height: 135px;
        margin: 12px 12px 60px;
    }

    .step-to-join__img {
        width: 48px;
        height: 48px;
    }

    .step-to-join__text{
        position: absolute;
        height: 30px;
        display: flex;
        align-items: center;
        bottom: -50px;
    }

    .join-text br{
        display: none;
    }

    .join-button-wrap{
        flex-wrap: wrap;
        max-width: 400px;
        margin: 20px auto 0;
    }

    .join-button-wrap .button-for-action{
        margin: 10px 0;
    }

    .part-to-learning {
        margin: 40px 20px;
    }

    .banner__text{
        max-width: 100%;
    }

    .call-img{
        width: 155px;
    }

    .call-info__title{
        font-size: 20px;
    }

    .call-info {
        width: 350px;
    }

    .call-info__text{
        width: 100%;
    }

    .call-info__text:nth-of-type(1){
        order: 1;
        margin: 20px 0;
        position: relative;
        left: -158px;
    }

    .call-info__text:nth-of-type(2){
        order: 2;
        margin: 20px 0;
        position: relative;
        left: -158px;
    }

    .call-info__text:nth-of-type(3){
        margin: 80px 0 30px;
    }

    .partner-item_1{
        width: 148px;
        height: 158px;
    }

    .partner-item_2{
        width: 148px;
        height: 57px;
        left: 157px;
    }

    .partner-item_3 {
        width: 103px;
        height: 103px;
        right: 100px;
    }

    .partner-item_4{
        width: 146px;
        height: 71px;
        right: 10px;
    }

    .partner-item_5{
        width: 78px;
        height: 78px;
        left: 162px;
        bottom: 111px;
    }

    .partner-item_6{
        width: 172px;
        height: 57px;
        left: 210px;
        bottom: 97px;
    }

    .partners-wrap {
        height: 210px;
    }

    .section-questions {
        padding: 90px 0 0;
    }

    .section-about-us-more {
        padding: 100px 0 0;
    }

    .accordion__title{
        padding: 0 35px 0 0;
    }

    .accordion {
        min-height: 580px;
    }

    .modal-content{
        margin: 60px auto;
    }

    .modal-title{
        font-size: 36px;
    }

    .modal-text{
        font-size: 14px;
    }

    .close{
        width: 50px;
        height: 50px;
    }

    .close-modal__icon{
        max-width: 100%;
    }

    .info-card-title{
        font-size: 18px;
    }

    .courses-item__info-title{
        min-height: 75px;
    }

    .info-card-item{
        padding: 16px 22px 20px 22px;
    }

    .front-background-page{
        right: -60px;
    }

    .banner-wrap{
        padding-bottom: 120px;
    }

    .footer-img{
        order: -1;
        margin: 0 0 20px;
    }

    .content-404-wrap{
        margin: auto;
        text-align: center;
    }

    .thank-you-page__title{
        font-size: 36px;
        font-style: normal;
        font-weight: 900;
    }

    .thank-you-page__text{
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        color: #2C2C2C;
    }

    .thank-you-page__img{
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .home .section-front-content .h2{
        font-size: 44px;
    }
    .home .front-background{
        top: -80px;
    }
    .home .section-front-content{
        padding: 100px 0 100px;
    }

    .home .section-front-button-wrap{
        margin: 20px 0 0;
    }

    .home .front-elem {
        width: 300px;
        height: 300px;
        margin: 40px auto 30px;
    }

    .h3 {
        font-size: 36px;
    }
    .menu-toggle-button{
        transform: scale(.8);
        transform-origin: center;
        top: -4px;
    }

    .header-menu{
        max-width: 100%;
    }

    .header-menu > .menu-item-has-children > a:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid white;
    }

    .header-menu-call-wrap .hand-left {
        right: -50px;
    }

    .header-menu-call-wrap .hand-right {
        left: -50px;
    }

    .header-menu-info__link{
        font-size: 22px;
    }

    .header-menu .menu-item-has-children > a{
        padding-right: 34px;
    }

    .header-menu .sub-menu .menu-item a{
        font-size: 16px;
    }

    .header-menu .sub-menu .menu-item {
        padding: 4px 8px;
    }

    .header-menu-info{
        margin: 30px 0 60px;
        padding-bottom: 50px;
    }

    .info-cards-items{
        display: flex;
        grid-column-gap: 0;
        grid-template-columns: 1fr;
    }

    .section-total-info,
    .section-about-us,
    .partners-questions-wrap{
        border-radius: 30px 30px 0 0;
    }

    .section-total-info{
        overflow: hidden;
    }

    .courses-list{
        max-width: 400px;
        margin: 30px auto 0;
        padding: 0;
    }
    .courses-item {
        width: calc(100% - 12px);
        margin: 0 0 18px;
    }

    .courses-item__date-start-day,
    .courses-item__date-duration-number{
        font-size: 20px;
    }

    .courses-item__date-start {
        margin: 0 30px 0 0;
    }

    .header-menu a {
        font-size: 24px;
    }

    .header-menu-right-wrap{
        max-width: 264px;
    }

    .info-card-item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 16px 22px 20px 22px;
    }

    .info-card-item .text{
        width: 100%;
    }

    .social-network-wrap{
        padding: 36px 24px;
    }

    .our-mission-button-wrap .button-for-action {
        max-width: 300px;
    }

    .steps-list-img-wrap{
        height: calc(100vw / 1.525);
    }

    .steps-list-img-wrap .steps-list-img-background{
        width: 100%;
        height: auto;
    }

    .step-img-item__background{
        width: 100%;
        height: auto;
        top: 0;
    }

    .steps-wrap {
        margin: 40px 0;
    }

    .total-info-subheader{
        font-size: 16px;
    }

    .partners-wrap{
        max-width: 360px;
        margin: auto;
    }

    .partner-item_1 {
        width: 126px;
        height: 134px;
        left: -4px;
        padding: 10px;
    }

    .partner-item_2{
        width: 132px;
        height: 50px;
        left: 126px;
        border-radius: 12px;
    }

    .partner-item_3{
        width: 90px;
        height: 90px;
        right: 0;
        padding: 10px;
    }

    .partner-item_4{
        width: 136px;
        height: 66px;
        right: 158px;
        bottom: 100px;
        transform: rotate(30deg);
        padding: 15px;
    }

    .partner-item_5{
        width: 74px;
        height: 74px;
        left: 208px;
        bottom: 157px;
    }

    .partner-item_6{
        width: 176px;
        height: 57px;
        left: 180px;
        bottom: 93px;
        border-radius: 10px;
    }

    .partners-wrap {
        height: 270px;
    }

    .section-about-us-more {
        padding: 70px 0 0;
    }

    .call-img{
        width: 130px;
    }

    .call-info__title{
        font-size: 20px;
    }

    .call-info{
        width: calc(100vw - 180px);
    }

    .call-info__text{
        font-size: 16px;
    }

    .call-info__text:nth-of-type(3) {
        margin: 20px 0 30px;
    }

    .call-info__text:nth-of-type(1),
    .call-info__text:nth-of-type(2){
        left: -150px;
        min-width: calc( 100% + 150px );
    }

    .step-to-join{
        width: 114px;
        height: 114px;
    }

    .banner-wrap{
        padding-bottom: 210px;
    }

    .banner-content-button-wrap{
        position: relative;
    }

    .banner-img{
        max-width: 320px;
    }

    .info-cards-slider .swiper-navigation-wrap{
        top: 20px;
    }

    .swiper-navigation-wrap{
        position: relative;
        display: flex;
        justify-content: center;
        top: 100px;
        margin: 0 0 60px;
        z-index: 1;
    }

    .swiper-navigation-wrap .swiper-button-prev,
    .swiper-navigation-wrap .swiper-button-next{
        width: 44px;
        height: 44px;
        position: relative;
    }

    .swiper-navigation-wrap .swiper-button-prev{
        margin-right: 30px;
        right: 0;
    }

    .swiper-navigation-wrap .swiper-button-next{
        margin-left: 20px;
        left: 0;
    }

    .swiper-navigation-wrap .swiper-button-prev:after{
        content: '';
        background: center / contain no-repeat url("/wp-content/themes/1IT/img/hand-prev.svg");
        width: 44px;
        height: 44px;
    }

    .swiper-navigation-wrap .swiper-button-next:after{
        content: '';
        background: center / contain no-repeat url("/wp-content/themes/1IT/img/hand-next.svg");
        width: 44px;
        height: 44px;
    }

    .swiper-pagination-custom{
        display: flex;
        width: 40px;
        height: 20px;
        position: relative;
        justify-content: center;
        align-items: center;
    }

    .team-member {
        width: 240px;
    }

    .team-member-elem--1-1,
    .team-member-elem--2-1,
    .team-member-elem--3-1,
    .team-member-elem--4-1,
    .team-member-elem--5-1,
    .team-member-elem--6-1,
    .team-member-elem--7-1{
        right: 12px;
    }

    .modal-wrap{
        padding: 60px 30px;
        background-image: url(/wp-content/themes/1IT/img/modal-mob.jpg);
    }

    .call-us-button-wrap{
        left: calc(100vw - 85px);
    }

    .call-us-button{
        width: 70px;
        height: 70px;
    }

    .call-us-button__img{
        width: 44px;
        height: auto;
    }

    .privacy-policy .h2{
        font-size: 36px;
    }

    .page-icon-1{
        width: 56px;
        height: 56px;
        right: 0;
    }

    .page-icon-2{
        width: 58px;
        height: 58px;
    }

    .front-background-page{
        display: block;
        max-width: 347px;
        right: 0;
        margin: 0 0 0 auto;
    }

    .single-page-content {
        border-radius: 30px 30px 0 0;
    }

    .single-page-content {
        padding: 60px 0;
    }

    .editor-text-styles p{
        font-size: 16px;
    }

    .editor-text-styles h2{
        font-size: 30px;
        margin: 48px 0 16px;
    }

    .editor-text-styles ul,
    .editor-text-styles ol{: 0 0 0 20px;
    }

    .editor-text-styles ul li,
    .editor-text-styles ol li {
        font-size: 16px;
    }

    .call-us-button-wrap{
        bottom: 60px;
    }

    .courses-archive-item .courses-item__info-title{
        font-size: 34px;
    }

    .courses-archive-item .courses-item__info-title:after{
        width: 55px;
        height: 55px;
    }

    .courses-archive-item .package-item__info-name{
        font-size: 16px;
        padding: 8px 16px;
    }

    .courses-archive-item{
        border-radius: 16px;
        padding: 28px 28px 120px;
    }

    .courses-archive-item .package-item__the-best{
        right: -15px;
        top: -60px;
    }

    .section-our-courses-archive {
        padding: 100px 0 100px;
    }

    .courses-archive-item .package-item__costs-discount{
        font-size: 32px;
    }

    .courses-archive-item .package-item__costs{
        font-size: 18px;
    }

    .footer-info{
        margin: 20px 0 0;
    }

    .footer-menu{
        flex-direction: column;
    }

    .footer-menu .menu-item{
        margin: 10px 0;
    }

    .thank-you-page__title{
        padding: 0 10px;
    }

    .thank-you-page__text{
        max-width: 100%;
        padding: 0 20px;
    }

    .thank-you-page__button-wrap{
        flex-wrap: wrap;
    }

    .thank-you-page__text{
        font-size: 14px;
    }

    .thank-you-page__text-small{
        max-width: 360px;
        font-size: 12px;
    }

    .button-info{
       margin: 10px;
    }

    .button-back{
        position: static;
    }
}

@media (max-width: 400px) {
    .home .section-front-content .h2{
        font-size: 32px;
        max-width: 300px;
    }
}

@media (max-width: 375px) {
    .h2 {
        font-size: 38px;
    }
    .privacy-policy .h2 {
        font-size: 32px;
    }
    .social-item{
        padding: 15px;
    }

    .thank-you-page__title{
        font-size: 26px;
    }

    .button-back{
        position: static;
    }

    .thank-you-page__text{
        font-size: 12px;
        line-height: 15px;
    }

    .thank-you-page__text-small{
        font-size: 10px;
        padding: 0 10px;
    }

    .button-info{
        font-size: 12px;
    }

    .button-info--telegram svg{
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 360px) {
    .h3{
        font-size: 30px;
    }
    .header-menu-right-wrap {
        max-width: 203px;
    }

    .partners-wrap{
        max-width: 300px;
    }

    .partner-item_1{
        width: 100px;
        height: 102px;
    }

    .partner-item_1-img{
        margin: 10px 0 0;
    }

    .partner-item_2{
        width: 112px;
        height: 40px;
        left: 100px;
        padding: 5px;
    }

    .partner-item_3 {
        width: 80px;
        height: 80px;
        right: 0;
    }

    .partner-item_4 {
        width: 102px;
        height: 50px;
        right: 135px;
        bottom: 97px;
        transform: rotate(10deg);
        border-radius: 8px;
        padding: 15px;
    }

    .partner-item_5{
        width: 56px;
        height: 56px;
        left: 158px;
        bottom: 138px;
    }

    .partner-item_6{
        width: 156px;
        height: 48px;
        left: 143px;
        bottom: 85px;
    }

    .section-total-info,
    .section-about-us,
    .partners-questions-wrap{
        border-radius: 22px 22px 0 0;
    }

    .accordion__item .accordion__title{
        font-size: 14px;
    }

    .accordion__item .accordion__content{
        font-size: 12px;
    }

    .accordion__arrow-item {
        width: 22px;
        height: 22px;
    }

    .accordion__arrow-item:after{
        width: 3px;
        height: 14px;
    }

    .accordion__arrow-item:before {
        width: 14px;
        height: 3px;
    }

    .banner-logo {
        max-width: 170px;
    }

    .banner-img{
        max-width: 100%;
    }

    .team-member {
        width: 220px;
    }

    .modal-title {
        font-size: 30px;
    }

    .modal-text {
        font-size: 12px;
    }

    .info-card-number {
        font-size: 42px;
    }

    .info-card-title{
        font-size: 20px;
    }

    .privacy-policy .h2 {
        font-size: 30px;
    }

    .single-page-content {
        padding: 40px 0;
    }

    .editor-text-styles p{
        font-size: 14px;
    }

    .editor-text-styles h2{
        font-size: 26px;
    }

    .copyright-text,
    .footer-menu a {
        font-size: 12px;
    }

    .title-404{
        font-size: 24px;
    }

    .text-404{
        font-size: 14px;
    }

    .courses-archive-item .courses-item__info-title {
        font-size: 24px;
    }

    .courses-archive-item{
        padding: 22px 22px 120px;
    }

    .courses-archive-item .package-item__costs-discount{
        font-size: 24px;
    }

    .courses-archive-item .package-item__costs{
        font-size: 14px;
    }
}

@media (prefers-color-scheme: dark) and (max-width: 575px) {
    .team-member-photo-wrap:after{
        background: transparent;
    }
}

/* animation */

.home .section-front{
    transition: background 0.3s ease-out;
}

.show-animation .section-front{
    background: #3548FE;
}

.front-animation-wrap{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.front-animation-top{
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: -100%;
    z-index: 1;
    transition: top 1s ease-out;
}

.front-elem{
    position: relative;
    left: 0;
    transition: left 1s ease-out;
}

.front-animation-elem-wrap{
    display: flex;
    align-items: center;
    position: absolute;
    left: 400px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    opacity: 0;
    transition-delay: 500ms;
    transition-property: opacity;
}

.front-elem-2,
.front-elem-3{
    opacity: 0;
    transition: opacity 2s ease-out;
}

.front-elem-3{
    width: 710px;
    height: auto;
    margin-left: 30px;
}

.show-animation .front-animation-top{
    top: 0;
}

.show-animation  .front-animation-elem-wrap{
    opacity: 1;
}

.show-animation .front-elem {
    left: -480px;
}

.show-animation .front-elem-2,
.show-animation .front-elem-3{
    opacity: 1;
}

.front-tap-elem{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: pulse 1.5s infinite;
    cursor: pointer;
}

.show-animation .front-tap-elem{
    visibility: hidden;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }

    70% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@media (max-width: 1719px) {
    .show-animation .front-elem {
        left: -400px;
    }

    .front-animation-elem-wrap{
        left: 350px;
    }

    .front-elem-3{
        width: 600px;
    }
}

@media (min-width: 1200px) and (max-width: 1719px) {
    .home .section-front-content {
        padding: 140px 0 100px;
    }

    .home .section-front-page-title{
        font-size: 68px;
        line-height: 110%;
    }

    .home .front-elem{
        width: 320px;
        height: 320px;
        margin: 40px auto 60px;
    }

    .home .front-tap-elem{
        top: -20px;
    }

    .home .front-animation-elem-wrap{
        left: 220px;
    }

    .home .show-animation .front-elem {
        left: -360px;
    }
}

@media (max-width: 1399px) {
    .front-tap-elem{
        top: 30px;
    }

    .show-animation .front-elem {
        left: -380px;
    }

    .front-animation-elem-wrap {
        left: 325px;
    }

    .front-elem-2{
        width: 128px;
        height: 128px;
    }

    .front-elem-3{
        margin-left: 20px;
    }
}

@media (max-width: 1199px) {
    .front-elem-2{
        display: none;
    }

    .show-animation .front-elem {
        left: -280px;
    }

    .front-elem-3 {
        position: relative;
        top: 10px;
        left: 25px;
        width: 570px;
    }
}

@media (max-width: 991px) {
    .show-animation .front-elem{
        left: 0;
        opacity: 0;
    }

    .show-animation .front-animation-elem-wrap{
        left: 0;
    }

    .front-elem-3{
        width: 100%;
        left: 0;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .front-animation-elem-wrap{
        justify-content: center;
    }

    .front-elem-3{
        max-width: calc(100vw - 20px);
        transition: opacity 1.5s ease-out;
    }

    .front-animation-elem-wrap{
        transition-delay: 250ms;
    }
}

@media (max-width: 575px) and (orientation:landscape) {
    .front-elem-3{
        max-width: 400px;
    }
}

/* end animation */