@charset "UTF-8";

@font-face {
    font-family: 'DM Sans';
    src: url('/fonts/DMSans-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900; /* допустимые веса */
    font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('/fonts/DMSans-Italic-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

html {
    box-sizing: border-box;
}
body {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: normal;
    position: relative;
}
* {
    margin            : 0;
    padding           : 0;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    outline           : 0;
}
*, ::after, ::before {
    box-sizing: border-box;
}

a,
a:hover {
    text-decoration: none;
    cursor         : pointer;
}
li {
    list-style: none;
}
ul {
    padding: 0;
    margin : 0;
}
input,
button,
select,
input:focus,
button:focus,
select:focus {
    outline: 0;
}
div {
    /*border: 1px red solid;*/
}

.conteiner {
    max-width: 1296px;
    margin: 0 auto;
    padding: 0 3px;
}


.header_all {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 19px 0;
}

.header_logo {
    display: flex;
    align-items: center;
}
.header_logo img {
    object-fit: contain;
    width: 57.38px;
    height: 49.01px;
    margin-right: 12.46px;
}
.header_logo h3 {
    font-weight: 700;
    font-size: 17.97px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #000000;
}
.header_mn {
    display: flex;
    flex-direction: row;
}
.header_mn a {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #1F242C;
    padding: 0 24px;
}
.header_mn a:hover {
    color: #5956E9;
}
.header_btn a {
    font-weight: 700;
    font-size: 15.45px;
    line-height: 100%;
    letter-spacing: 0;
    color: #ffffff;
    padding: 15.45px 30.91px;
    background: #5956E9;
    border-radius: 3.86px;
}
.header_btn a:hover,
.body_top_tx_btn a:hover,
.body_top_tx_btn a:hover,
.body_usl_btn a:hover,
.body_form form button:hover {
    background: #3835BE;
}

.body_top_all {
    display: flex;
    align-items: center;
    background-image: url('/new/img/ban_fon1.png');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    min-height: 753.56px;
    position: relative;
    z-index: 0;
}
.body_top {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}
.body_top_tx {
    width: 50%;
}
.body_top_tx h2 {
    font-weight: 800;
    font-size: 46px;
    line-height: 50px;
    letter-spacing: 0;
    color: #26263A;
}
.body_top_tx p {
    font-family: 'Gogh', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    padding-top: 24px;
    padding-right: 3%;
}
.body_top_tx_btn {
    margin-top: 46px;
}
.body_top_tx_btn a {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    background: #5956E9;
    color: #ffffff;
    padding: 20px 40px;
    border-radius: 5px;
}
.body_top_tx_btn a img {
    object-fit: contain;
    width: 10px;
    height: 13px;
    margin-left: 10px;
}

.body_top_i {
    width: 50%;
}
.body_top_i img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/*Заголовки*/
.body_usl h3,
.body_center h3 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 46px;
    line-height: 60px;
    letter-spacing: -0.782px;
    text-align: center;
    color: #191919;
    padding: 50px 0;
}
.body_center_all {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}
.body_center_list {
    width: calc(100% / 3 - 25px);
    gap: 19px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49.5px 0;
    border:1px #EDEDED solid;
    border-radius: 6px;
}
.body_center_list:hover {
    background: #EDEDFF;
}
.body_center_list img {
    object-fit: contain;
    width: 74px;
    height: 74px;
}
.body_center_list p {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.52px;
    text-align: center;
    color: #292929;
}
.body_center_list span,
.body_center_list a {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #5956E9;
    border-radius: 5px;
    border: 1px #4262FF solid;
    padding: 12px 24px;
}
.body_center_list span:hover {
    background: #5956E9;
    color: #FFFFFF;
}

.body_usl {
    margin-top: 50px;
}
.body_usl_all {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.body_usl_list {
    width: calc(100% / 3 - 15px);
    gap: 19px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px;
    background: #FAFAFB;
}
.body_usl_list img {
    object-fit: contain;
    width: 65px;
}
.body_usl_list_tx h4 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 60px;
    letter-spacing: -0.935px;
    color: #E1E1E1;
    padding-bottom: 34px;
}
.body_usl_list h5 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 27px;
    line-height: 27px;
    letter-spacing: 0;
    color: #191919;
    padding-bottom: 52px;
}
.body_usl_bot {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.body_usl_list_bot {
    width: calc(100% / 2 - 11px);
    gap: 10px;
    margin-top: 22px;
    padding: 60px;
    min-height: 247px;
    background: #FAFAFB;
    border-radius: 6px;
}
.body_usl_list_bot h6 {
    font-family: 'Gogh', sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: 0;
    vertical-align: middle;
    color: #26263A;
    padding-bottom: 24px;
}
.body_usl_list_bot p {
    font-family: 'Gogh', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
    color: #26263A;

}
.bullet-text::before {
    content: '•';
    margin-right: 8px;
    font-size: 1.2em;
    vertical-align: middle;
}
.body_usl_btn {
    margin: 24px 0 50px;
    display: flex;
    justify-content: center;
}
.body_usl_btn a {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
    color: #ffffff;
    background: #5956E9;
    border-radius: 5px;
    padding: 20px 40px;
}
.body_it {
    display: flex;
    padding: 122px 0;
}
.body_it_i {
    width: 40%;
    padding-right: 100px;
}
.body_it_i img {
    object-fit: contain;
    width: 100%;
}
.body_it_tx {
    width: 60%;
}
.body_it_tx h3 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 46px;
    line-height: 60px;
    letter-spacing: -0.782px;
    color: #191919;
    padding-bottom: 48px;
}
.body_it_tx p {
    font-family: 'Gogh', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    padding-left: 20px;
    color: #26263A;
}
.body_it_tx .body_usl_btn {
    margin: 48px 0 0;
    justify-content: flex-start;
}
.body_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.body_infp_tx {
    width: 60%;
}
.body_infp_tx h3 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 46px;
    line-height: 60px;
    letter-spacing: -0.782px;
    color: #191919;
}
.body_infp_tx p {
    font-family: 'Gogh', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    color: #26263A;
}

.body_info_i {
    width: 40%;
    padding-left: 100px;
}
.body_info_i img {
    object-fit: contain;
    width: 100%;
}
.body_info_text {
    display: flex;
    justify-content: space-between;
    margin: 24px 0;
}
.body_info_text_a,
.body_info_text_b {

    width: calc(100% / 2 - 12px);
    gap: 10px;
    padding: 48px;
    background: #FAFAFB;
    border-radius: 6px;
}
.body_info_text_a h5,
.body_info_text_b h5 {
    font-family: 'Gogh', sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: 0;
    vertical-align: middle;
    color: #26263A;
    padding-bottom: 24px;
}
.body_info_text_a p,
.body_info_text_b p {
    font-family: 'Gogh', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
    color: #26263A;
}
.body_zak p {
    font-family: 'Gogh', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #26263A;
    background: #FFEAE0;
    padding: 24px;
}
.body_praktik {
    margin-bottom: 50px;
}
.body_praktik h5 {
    font-family: 'Gogh', sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 24px;
    line-height: 60px;
    letter-spacing: -0.408px;
    text-align: center;
    color: #191919;
}
.body_praktik_all {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.body_praktik_list {
    width: calc(100% / 3 - 12px);
    gap: 10px;
    padding: 48px 24px;
    background: #FAFAFB;
    border-radius: 6px;
}
.body_praktik_list p {
    font-family: 'Gogh', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
    color: #26263A;
}
.body_form {
    background: #E3E9FF;
    border-radius: 8px;
    padding: 48px 0;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.body_form h3 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 46px;
    line-height: 55.2px;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
    max-width: 763px;
    padding-bottom: 18px;
}
.body_form form {
    max-width: 763px;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.body_form form input {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    width: 100%;
    padding: 19px 12px;
    margin: 24px auto;
    color: #000;

    background-color: #FFFFFF;
    border: 1px solid #CCCCD1;
    border-radius: 4px;

    transition: all 0.2s ease;
}
input:focus {
    box-shadow: 0 0 0 1px #CBDAFC;
}
.checkbox {
    display: flex;
    align-items: flex-start;
    gap: 7px;
}
.checkbox label span {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: 0;
    cursor: pointer;
    color: #3C3C3C;
}
.checkbox label span {
    display: block;
}

input[type="checkbox"].custom-checkbox {
    all: unset;
    width: 25px;
    height: 20px;
    border: 1px solid #00000020;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

input[type="checkbox"].custom-checkbox:checked::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    width: 8px;
    height: 16px;
    border: 1px solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.body_form form button {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
    color: #ffffff;
    background: #5956E9;
    border-radius: 5px;
    padding: 20px 40px;
    width: fit-content;
    margin-top: 24px;
}

footer {
    width: 100%;
    background-color: #FAFAFB;
}
.footer_top {
    padding-top: 60px;
    display: flex;
    flex-direction: row;
}
.footer_top_a {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 48px;
}
.footer_top_a img {
    object-fit: contain;
    height: 49.01px;
    margin-right: 12.46px;
}
.footer_top_a h1 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17.97px;
    line-height: 17.97px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #000000;
}
.footer_bot {
    padding-top: 48px;
    padding-bottom: 60px;
}
.footer_bot p {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 19.2px;
    letter-spacing: 0px;
    color: #808285;

}



@media only screen and (max-width: 1350px) {
    .conteiner {
        max-width: 1000px;
    }
    .header_mn a {
        padding: 0 9px;
    }
}
@media only screen and (max-width: 1100px){
    .conteiner {
        max-width: 780px;
    }
    .header_mn {
        display: none;
    }
    .body_center_list {
        width: calc(100% / 3 - 6px);
    }
    .body_usl_list {
        width: calc(100% / 3 - 5px);
        gap: 0px;
        padding: 20px;
    }
}
@media only screen and (max-width: 800px){
    .conteiner {
        max-width: 100%;
        padding: 0 16px;
    }
    .header_logo img {
        width: 50.14px;
        height: 42.82px;
        margin-right: 10.89px;
    }
    .header_logo h3 {
        font-size: 15.7px;
    }
    .body_top {
        flex-direction: column-reverse;
    }
    .body_top_tx {
        width: 100%;
    }
    .body_top_i {
        width: 100%;
        padding: 47px 0 0;
    }
    .body_top_tx h2 {
        font-size: 36px;
        line-height: 40px;
    }
    .body_top_tx p {
        font-size: 16px;
        line-height: 24px;
    }
    .body_top_tx_btn a {
        width: auto;
    }
    .body_top_tx_btn a {
    font-size: 16px;
    }
    .body_top_tx_btn {
        margin-top: 46px;
    }
    .body_usl h3, .body_center h3 {
        font-size: 36px;
        padding: 24px 0 50px;
    }
    .body_center_all {
        flex-direction: column;
    }
    .body_center_list {
        width: 100%;
        margin-bottom: 51px;
    }
    .header_all {
        padding: 15px 0;
    }
    .header_btn a {
        padding: 15.45px 16px;
    }
    .body_usl {
        margin-top: 0;
    }
    .body_usl h3 {
        font-size: 36px;
        padding: 0 0 24px;
    }
    .body_usl_all {
        flex-direction: column;
    }
    .body_usl_list {
        width: 100%;
        margin-bottom: 22px;
    }
    .body_usl_list img {
        height: 65px;
    }
    .body_usl_list {
        padding: 40px 33px 94px;
    }
    .body_usl_list_tx h4 {
        padding-bottom: 38px;
    }
    .body_usl_list h5 {
        padding-bottom: 0;
    }
    .body_usl_bot {
        flex-direction: column;
    }
    .body_usl_list_bot {
        width: 100%;
        margin-top: 0;
        margin-bottom: 22px;
    }
    .body_usl_btn {
        margin: 0;
    }
    .body_usl_btn a {
        font-size: 16px;
        line-height: 16px;
        width: 100%;
        text-align: center;
    }
    .body_it {
        padding: 24px 0 0;
        flex-direction: column;
    }
    .body_it_i,
    .body_it_tx,
    .body_infp_tx,
    .body_info_i {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .body_it_tx h3 {
        font-size: 36px;
    }
    .body_it_tx h3 {
        padding-top: 10px;
    }
    .body_info,
    .body_info_text,
    .body_praktik_all {
        flex-direction: column;
    }
    .body_infp_tx h3 {
        font-size: 36px;
        line-height: 43px;
        letter-spacing: -1.7px;
        padding-bottom: 48px;
        padding-top: 24px;
    }
    .body_info_i {
        margin-top: 24px;
    }
    .body_info_text_a, .body_info_text_b, .body_praktik_list {
        width: 100%;
        padding: 24px 16px;
    }
    .body_praktik_list {
        padding: 24px 48px;
        margin-top: 24px;
    }
    .body_info_text_a {
        margin-bottom: 24px;
    }
    .body_zak p {
        margin-bottom: 24px;
    }
    .body_zak_btn .body_usl_btn a {
        padding: 20px 19px;
    }
    .body_praktik h5 {
        letter-spacing: -1.7px;
        padding-top: 72px;
    }
    .body_praktik {
        margin-bottom: 74px;
    }
    .body_form h3 {
        font-size: 36px;
        line-height: 43px;
    }
    .body_form {
        padding: 48px 16px
    }
    input[type="checkbox"].custom-checkbox {
        width: 68px;
    }
    .body_form form input {
        margin: 12px auto;
    }
    .checkbox {
        margin-top: 12px;
    }
    .body_form form button {
        width: 100%;
        text-align: center;
    }

    .footer_top {
        padding-top: 48px;
        flex-direction: column;
        align-items: center;
    }
    .footer_i_none img {
        display: none;
    }
    .footer_top_a {
        padding-right: 0;
    }
    .footer_i_none h1 {
        font-size: 24px;
        line-height: 32px;
        padding-top: 16px;
    }












}
@media only screen and (max-width: 375px) {

}