:root {
    --font-family: "Nunito Sans", sans-serif;
    --content-width: 1320px;
    --container-offset: 20px;
    --container-width: calc(
        var(--content-width) + (var(--container-offset) * 2)
    );
    --White: #fff;
    --Black: #18191e;
    --Purple: #5676c3;
    --Gray: #f0f4fd;
    --Black-30: rgba(24, 25, 30, 0.3);
    --Black-60: rgba(24, 25, 30, 0.6);
    --Pink: #f298d4;
    --Pink-light: #ffeef9;
    --Blue: #5676c3;
}
@media (max-width: 1024px) {
    :root {
        --container-offset: 17px;
    }
}
@media (max-width: 768px) {
    :root {
        --container-offset: 14px;
    }
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
.custom-checkbox__field:checked + .custom-checkbox__content::after {
    opacity: 1;
}

.custom-checkbox__field:focus + .custom-checkbox__content::before {
    outline: 2px solid #f00;
    outline-offset: 2px;
}

.custom-checkbox__field:disabled + .custom-checkbox__content {
    opacity: 0.4;
    pointer-events: none;
}

/* stylelint-disable */
/* stylelint-disable */
@font-face {
    font-family: "Nunito Sans";
    font-display: swap;
    src: url("../fonts/NunitoSans.woff2");
    font-style: normal;
    font-weight: 100 1000;
    font-stretch: 25% 151%;
}
@font-face {
    font-family: "Soyuz Grotesk";
    src: url("../fonts/../fonts/Soyuz_Grotesk_Bold.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.page {
    height: 100%;
    font-family: var(--font-family, sans-serif);
    -webkit-text-size-adjust: 100%;
    color: var(--Black, #18191e);
    line-height: 1.4;
}

.page__body {
    margin: 0;
    min-width: 360px;
    min-height: 100%;
    font-size: 18px;
    width: 100%;
}

img {
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

a {
    text-decoration: none;
}

.is-hidden {
    display: none !important;
    /* stylelint-disable-line declaration-no-important */
}

.btn-reset {
    border: none;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

.list-reset {
    list-style: none;
    margin: 0;
    padding: 0;
}

.input-reset {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background-color: #fff;
}
.input-reset::-webkit-search-decoration,
.input-reset::-webkit-search-cancel-button,
.input-reset::-webkit-search-results-button,
.input-reset::-webkit-search-results-decoration {
    display: none;
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
}

.container {
    margin: 0 auto;
    padding: 0 var(--container-offset);
    max-width: var(--container-width);
    width: 100%;
}
.container--big {
    max-width: 1540px;
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: none;
}

.centered {
    text-align: center;
}

.dis-scroll {
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}

.page--ios .dis-scroll {
    position: relative;
}

.site-container {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.margin {
    margin: 120px 0;
}
@media (max-width: 1024px) {
    .margin {
        margin: 90px 0;
    }
}
@media (max-width: 768px) {
    .margin {
        margin: 60px 0;
    }
}
.margin--minTop {
    margin-top: 50px;
}
@media (max-width: 1024px) {
    .margin--minTop {
        margin-top: 32px;
    }
}
@media (max-width: 768px) {
    .margin--minTop {
        margin-top: 14px;
    }
}
.margin--minTop2 {
    margin-top: 30px;
}
@media (max-width: 1024px) {
    .margin--minTop2 {
        margin-top: 25px;
    }
}
@media (max-width: 768px) {
    .margin--minTop2 {
        margin-top: 20px;
    }
}
.margin--minBottom {
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .margin--minBottom {
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .margin--minBottom {
        margin-bottom: 30px;
    }
}

.h1 {
    color: var(--Black, #18191e);
    font-family: "Soyuz Grotesk";
    font-size: 80px;
    font-weight: 700;
    line-height: 110%;
    margin: 0;
    max-width: 600px;
}
@media (max-width: 1024px) {
    .h1 {
        font-size: 60px;
    }
}
@media (max-width: 768px) {
    .h1 {
        font-size: 40px;
    }
}

.h2 {
    color: var(--Black, #18191e);
    font-family: "Soyuz Grotesk";
    font-size: 60px;
    font-weight: 700;
    line-height: 110%;
    margin: 0;
}
@media (max-width: 1024px) {
    .h2 {
        font-size: 46px;
    }
}
@media (max-width: 768px) {
    .h2 {
        font-size: 32px;
    }
}

.h3 {
    color: var(--Black, #18191e);
    font-family: "Soyuz Grotesk";
    font-size: 50px;
    font-weight: 700;
    line-height: 110%;
    margin: 0;
}
@media (max-width: 1024px) {
    .h3 {
        font-size: 38px;
    }
}
@media (max-width: 768px) {
    .h3 {
        font-size: 26px;
    }
}

.linkDecor {
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    border-radius: 10px;
    background: var(--Blue, #5676c3);
    padding: 12px 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    outline: none;
    border: none;
}
@media (max-width: 1024px) {
    .linkDecor {
        padding: 12px 21px;
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .linkDecor {
        padding: 12px 18px;
        font-size: 14px;
    }
}
.linkDecor:hover {
    background: rgba(86, 118, 195, 0.55);
}

.swiper-prev-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 60px;
    background: var(--Pink, #f298d4);
    width: 50px;
    min-width: 50px;
    height: 50px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.swiper-prev-btn:hover {
    background: rgba(242, 152, 212, 0.65);
}
.swiper-prev-btn svg {
    display: block;
    width: 20px;
    height: auto;
}

.header {
    position: sticky;
    top: 0;
    display: block;
    z-index: 100;
    padding: 20px 0;
    background-color: white;
}
@media (max-width: 1024px) {
    .header {
        padding: 18px 0;
    }
}
@media (max-width: 768px) {
    .header {
        padding: 16px 0;
    }
}
.header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
}
@media (max-width: 1200px) {
    .header__left {
        gap: 30px;
    }
}
@media (max-width: 1024px) {
    .header__left {
        gap: 25px;
    }
}
@media (max-width: 768px) {
    .header__left {
        gap: 20px;
    }
}
.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 117px;
    height: auto;
}
@media (max-width: 1024px) {
    .header__logo {
        width: 99px;
    }
}
@media (max-width: 768px) {
    .header__logo {
        width: 80px;
    }
}
.header__logo img {
    display: block;
    width: 100%;
    height: auto;
}
@media (max-width: 1024px) {
    .header__nav {
        display: none;
    }
}
.header__nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}
@media (max-width: 1200px) {
    .header__nav ul {
        gap: 20px;
    }
}
.header__nav ul li {
    line-height: 1;
}
.header__nav ul li a {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.header__nav ul li a:hover {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
}
@media (max-width: 1200px) {
    .header__nav ul li a {
        font-size: 14px;
    }
}
.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1200px) {
    .header__right {
        gap: 20px;
    }
}
.header__wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1200px) {
    .header__wr {
        gap: 15px;
    }
}
@media (max-width: 768px) {
    .header__wr {
        gap: 10px;
    }
}
.header__vid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.header__vid svg {
    display: block;
    width: 20px;
    height: auto;
}
.header__vid svg path {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.header__vid:hover {
    color: var(--Black, #18191e);
}
.header__vid:hover svg path {
    stroke-opacity: 1;
}
@media (max-width: 550px) {
    .header__vid {
        display: none;
    }
}
.header__vid--mob {
    display: none;
}
@media (max-width: 550px) {
    .header__vid--mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        font-size: 16px;
    }
    .header__vid--mob svg {
        width: 24px;
        height: auto;
    }
}
.header__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    width: 42px;
    min-width: 42px;
    height: 42px;
}
@media (max-width: 1024px) {
    .header__profile {
        width: 36px;
        min-width: 36px;
        height: 36px;
    }
}
@media (max-width: 768px) {
    .header__profile {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }
}
.header__profile svg {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.header__profile svg rect,
.header__profile svg path {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.header__profile:hover rect {
    stroke: rgba(24, 25, 30, 0);
    fill: rgba(24, 25, 30, 0.8);
}
.header__profile:hover path {
    fill: white;
}
.header__callBack {
    color: var(--Purple, #5755fe);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    border-radius: 50px;
    border: 2px solid var(--Purple, #5755fe);
    padding: 10px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.header__callBack:hover {
    background-color: rgba(86, 118, 195, 0.55);
    color: var(--White, #fff);
    border-color: transparent;
}
.header__callBack svg {
    display: none;
}
@media (max-width: 1024px) {
    .header__callBack {
        font-size: 14px;
        padding: 8.3px 20px;
    }
}
@media (max-width: 768px) {
    .header__callBack {
        padding: 0;
        width: 30px;
        height: 30px;
        border-width: 0;
    }
    .header__callBack span {
        display: none;
    }
    .header__callBack svg {
        display: block;
        width: 100%;
        height: auto;
    }
}
.header__btnMenu {
    display: none;
    width: 26px;
    height: auto;
}
.header__btnMenu img {
    display: block;
    width: 100%;
    height: auto;
}
@media (max-width: 1024px) {
    .header__btnMenu {
        display: block;
    }
}

.headerBurger {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
    background-color: rgba(24, 25, 30, 0.3);
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s 0.15s;
    transition: all 0.3s 0.15s;
}
@media (max-width: 1024px) {
    .headerBurger.active {
        opacity: 1;
        pointer-events: all;
        -webkit-transition: all 0.3s 0s;
        transition: all 0.3s 0s;
    }
    .headerBurger.active .headerBurger__content {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: all 0.3s 0.15s;
        transition: all 0.3s 0.15s;
    }
}
.headerBurger__content {
    width: 400px;
    max-width: 100%;
    background: var(--Gray, #f6f7fb);
    padding: 20px 14px 40px;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 60px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.3s 0s;
    transition: all 0.3s 0s;
}
@media (max-width: 550px) {
    .headerBurger__content {
        width: 100%;
    }
}
.headerBurger__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.headerBurger__logo {
    display: block;
    width: 93px;
    height: auto;
}
.headerBurger__logo img {
    display: block;
    width: 100%;
    height: auto;
}
.headerBurger__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
}
.headerBurger__close svg {
    display: block;
    width: 100%;
    height: auto;
}
.headerBurger__menu {
    margin-bottom: auto;
}
.headerBurger__menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 35px;
}
.headerBurger__menu ul li {
    line-height: 1;
}
.headerBurger__menu ul li a {
    color: var(--Black, #18191e);
    font-size: 22px;
    font-weight: 700;
    line-height: 110%;
}
.headerBurger__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.headerBurger__lk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
}
.headerBurger__lk svg {
    display: block;
    width: 24px;
    height: auto;
}

.footer {
    background: var(--Black, #18191e);
}
.footer__top {
    padding: 80px 0 40px;
}
@media (max-width: 1024px) {
    .footer__top {
        padding: 55px 0 35px;
    }
}
@media (max-width: 768px) {
    .footer__top {
        padding: 30px 0;
    }
}
.footer__topWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    .footer__topWrap {
        gap: 30px;
    }
}
.footer__topColumn {
    width: calc(25% - 30px);
}
@media (max-width: 1024px) {
    .footer__topColumn {
        width: calc(50% - 15px);
    }
}
@media (max-width: 550px) {
    .footer__topColumn {
        width: 100%;
    }
}
.footer__logo {
    display: block;
    width: 144px;
    height: auto;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .footer__logo {
        width: 126px;
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .footer__logo {
        width: 109px;
        margin-bottom: 20px;
    }
}
.footer__logo img {
    display: block;
    width: 100%;
    height: auto;
}
.footer__topText > *:first-child {
    margin-top: 0 !important;
}
.footer__topText > *:last-child {
    margin-bottom: 0 !important;
}
.footer__topText p {
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin: 10px 0;
}
@media (max-width: 1024px) {
    .footer__topText p {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .footer__topText p {
        font-size: 14px;
    }
}
.footer__topTitle {
    color: var(--White, #fff);
    font-size: 20px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .footer__topTitle {
        margin-bottom: 24px;
        font-size: 19px;
    }
}
@media (max-width: 768px) {
    .footer__topTitle {
        margin-bottom: 16px;
        font-size: 18px;
    }
}
.footer__topList {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
@media (max-width: 1024px) {
    .footer__topList {
        gap: 14px;
    }
}
@media (max-width: 768px) {
    .footer__topList {
        gap: 12px;
    }
}
.footer__topList li {
    line-height: 1;
}
.footer__topList li a {
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .footer__topList li a {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .footer__topList li a {
        font-size: 14px;
    }
}
.footer__topList li a:hover {
    color: rgba(255, 255, 255, 0.6);
}
.footer__line {
    background: rgba(255, 255, 255, 0.1);
    display: block;
    width: 100%;
    height: 1px;
}
.footer__bottom {
    padding: 40px 0;
}
@media (max-width: 1024px) {
    .footer__bottom {
        padding: 35px 0;
    }
}
@media (max-width: 768px) {
    .footer__bottom {
        padding: 30px 0;
    }
}
.footer__bottomWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .footer__bottomWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 20px;
    }
}
.footer__bottomLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    width: 50%;
}
@media (max-width: 1024px) {
    .footer__bottomLinks {
        width: 100%;
    }
}
.footer__bottomLinks a {
    color: rgba(255, 255, 255, 0.3);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .footer__bottomLinks a {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .footer__bottomLinks a {
        font-size: 14px;
    }
}
.footer__bottomLinks a:hover {
    color: rgba(255, 255, 255, 0.6);
}
.footer__bottomDev {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: rgba(255, 255, 255, 0.3);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    gap: 5px;
}
@media (max-width: 1024px) {
    .footer__bottomDev {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .footer__bottomDev {
        font-size: 14px;
    }
}
.footer__bottomDev a {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    font-weight: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.footer__bottomDev a:hover {
    color: rgba(255, 255, 255, 0.6);
}
.footer__bottomSoc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1024px) {
    .footer__bottomSoc {
        gap: 17px;
    }
}
@media (max-width: 768px) {
    .footer__bottomSoc {
        gap: 14px;
    }
}
.footer__bottomSoc a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .footer__bottomSoc a {
        width: 37px;
        min-width: 37px;
        height: 37px;
    }
}
@media (max-width: 768px) {
    .footer__bottomSoc a {
        width: 34px;
        min-width: 34px;
        height: 34px;
    }
}
.footer__bottomSoc a img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.footer__bottomSoc a svg {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.footer__bottomSoc a svg rect,
.footer__bottomSoc a svg path {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.footer__bottomSoc a svg path {
    fill: white;
    fill-opacity: 0.3;
}
.footer__bottomSoc a svg rect {
    stroke: white;
    stroke-opacity: 0.3;
}
.footer__bottomSoc a:hover path {
    fill: #5676c3;
    fill-opacity: 1;
}
.footer__bottomSoc a:hover rect {
    stroke: #5676c3;
    stroke-opacity: 1;
}

.input {
    position: relative;
}
.input input {
    display: block;
    width: 100%;
    padding: 26px 14px 9px;
    border-radius: 10px;
    background: var(--Gray, #f0f4fd);
    border: none;
    outline: none;
    color: var(--Black, #18191e);
    font-size: 14px;
    font-weight: 500;
    line-height: 110%;
}
.input input:active + span,
.input input:focus + span {
    top: 9px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: var(--Blue, #5676c3);
    font-size: 12px;
    font-weight: 400;
    line-height: 110%;
}
.input span {
    position: absolute;
    left: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}
.input:hover span,
.input.active span {
    top: 9px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: var(--Blue, #5676c3);
    font-size: 12px;
    font-weight: 400;
    line-height: 110%;
}

.modalReg {
    width: calc(100% - 28px);
    max-width: 600px;
    border-radius: 30px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    padding: 40px 30px;
}
@media (max-width: 550px) {
    .modalReg {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.modalReg__nameWr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}
@media (max-width: 550px) {
    .modalReg__nameWr {
        margin-bottom: 20px;
    }
}
.modalReg__name {
    color: var(--Black, #18191e);
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    margin: 0;
}
@media (max-width: 550px) {
    .modalReg__name {
        font-size: 20px;
    }
}
.modalReg__close {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 20px;
    min-width: 20px;
    height: auto;
}
.modalReg__close:hover {
    opacity: 0.7;
}
.modalReg__wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
@media (max-width: 550px) {
    .modalReg__wr {
        gap: 15px;
    }
}
.modalReg__wr > * {
    width: calc(50% - 5px);
}
@media (max-width: 550px) {
    .modalReg__wr > * {
        width: 100%;
    }
}
.modalReg__rr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 550px) {
    .modalReg__rr {
        gap: 15px;
    }
}
.modalReg__rr > * {
    width: calc(50% - 5px);
}
@media (max-width: 550px) {
    .modalReg__rr > * {
        width: 100%;
    }
}
.modalReg__cl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.modalReg__reg {
    border-radius: 10px;
    background: var(--Blue, #5676c3);
    padding: 12px 24px;
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 550px) {
    .modalReg__reg {
        font-size: 14px;
    }
}
.modalReg__reg:hover {
    opacity: 0.8;
}
.modalReg__auth {
    color: var(--Blue, #5676c3);
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 550px) {
    .modalReg__auth {
        font-size: 14px;
    }
}
.modalReg__auth:hover {
    opacity: 0.8;
}
.modalReg__text {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 15px;
}
@media (max-width: 550px) {
    .modalReg__text {
        font-size: 12px;
    }
}
.modalReg__or {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin: 30px 0;
}
@media (max-width: 550px) {
    .modalReg__or {
        margin: 20px 0;
    }
}
.modalReg__or div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 1px;
    background: rgba(24, 25, 30, 0.3);
}
.modalReg__or span {
    color: var(--Black-30, rgba(24, 25, 30, 0.3));
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
}
@media (max-width: 550px) {
    .modalReg__or span {
        font-size: 14px;
    }
}
.modalReg__regBtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
@media (max-width: 550px) {
    .modalReg__regBtns {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.modalReg__regBtns button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    width: calc(33.3333333333% - 6.6666666667px);
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    padding: 9px 15px;
    border-radius: 10px;
    border: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    background: var(--White, #fff);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 550px) {
    .modalReg__regBtns button {
        width: 40px;
        height: 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
    }
}
.modalReg__regBtns button:hover {
    border-color: var(--Black);
}
.modalReg__regBtns button:hover span {
    color: var(--Black);
}
.modalReg__regBtns button svg {
    display: block;
    width: 22px;
    min-width: 22px;
    height: auto;
}
@media (max-width: 550px) {
    .modalReg__regBtns button svg {
        width: 18px;
        min-width: 18px;
    }
}
.modalReg__regBtns button span {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    text-align: left;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 550px) {
    .modalReg__regBtns button span {
        display: none;
    }
}
.modalReg__td {
    display: none;
    color: var(--Black, #18191e);
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 15px;
}
@media (max-width: 550px) {
    .modalReg__td {
        display: block;
    }
}

.modalAuth {
    width: calc(100% - 28px);
    max-width: 440px;
    border-radius: 30px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    padding: 40px 30px;
}
@media (max-width: 550px) {
    .modalAuth {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.modalAuth__nameWr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}
@media (max-width: 550px) {
    .modalAuth__nameWr {
        margin-bottom: 20px;
    }
}
.modalAuth__name {
    color: var(--Black, #18191e);
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    margin: 0;
}
@media (max-width: 550px) {
    .modalAuth__name {
        font-size: 20px;
    }
}
.modalAuth__close {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 20px;
    min-width: 20px;
    height: auto;
}
.modalAuth__close:hover {
    opacity: 0.7;
}
.modalAuth__rr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 550px) {
    .modalAuth__rr {
        gap: 15px;
    }
}
.modalAuth__rr > * {
    width: 100%;
}
.modalAuth__cl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.modalAuth__reg {
    border-radius: 10px;
    background: var(--Blue, #5676c3);
    padding: 12px 24px;
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 550px) {
    .modalAuth__reg {
        font-size: 14px;
    }
}
.modalAuth__reg:hover {
    opacity: 0.8;
}
.modalAuth__auth {
    color: var(--Blue, #5676c3);
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 550px) {
    .modalAuth__auth {
        font-size: 14px;
    }
}
.modalAuth__auth:hover {
    opacity: 0.8;
}
.modalAuth__or {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin: 30px 0;
}
@media (max-width: 550px) {
    .modalAuth__or {
        margin: 20px 0;
    }
}
.modalAuth__or div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 1px;
    background: rgba(24, 25, 30, 0.3);
}
.modalAuth__or span {
    color: var(--Black-30, rgba(24, 25, 30, 0.3));
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
}
@media (max-width: 550px) {
    .modalAuth__or span {
        font-size: 14px;
    }
}
.modalAuth__regBtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
@media (max-width: 550px) {
    .modalAuth__regBtns {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.modalAuth__regBtns button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    width: calc(33.3333333333% - 6.6666666667px);
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    padding: 9px 11px;
    border-radius: 10px;
    border: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    background: var(--White, #fff);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 550px) {
    .modalAuth__regBtns button {
        width: 40px;
        height: 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
    }
}
.modalAuth__regBtns button:hover {
    border-color: var(--Black);
}
.modalAuth__regBtns button:hover span {
    color: var(--Black);
}
.modalAuth__regBtns button svg {
    display: block;
    width: 18px;
    min-width: 18px;
    height: auto;
}
@media (max-width: 550px) {
    .modalAuth__regBtns button svg {
        width: 18px;
        min-width: 18px;
    }
}
.modalAuth__regBtns button span {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    text-align: left;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 550px) {
    .modalAuth__regBtns button span {
        display: none;
    }
}
.modalAuth__td {
    display: none;
    color: var(--Black, #18191e);
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 15px;
}
@media (max-width: 550px) {
    .modalAuth__td {
        display: block;
    }
}
.modalAuth__wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.modalAuth__wr > * {
    width: 100%;
}

.modalPromo {
    width: calc(100% - 28px);
    max-width: 440px;
    border-radius: 32px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    padding: 40px 30px;
}
@media (max-width: 550px) {
    .modalPromo {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.modalPromo__nameWr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}
@media (max-width: 550px) {
    .modalPromo__nameWr {
        margin-bottom: 20px;
    }
}
.modalPromo__name {
    color: var(--Black, #18191e);
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    margin: 0;
}
@media (max-width: 550px) {
    .modalPromo__name {
        font-size: 20px;
    }
}
.modalPromo__close {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 20px;
    min-width: 20px;
    height: auto;
}
.modalPromo__close:hover {
    opacity: 0.7;
}
.modalPromo__wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.modalPromo__label {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.modalPromo__submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 24px;
    border-radius: 10px;
    background: var(--Blue, #5676c3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.modalPromo__submit:hover {
    opacity: 0.8;
}
.modalPromo__submit svg {
    display: block;
    width: 22px;
    height: auto;
}

.modalEdit {
    width: calc(100% - 28px);
    max-width: 700px;
    border-radius: 32px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    padding: 40px 30px;
}
@media (max-width: 550px) {
    .modalEdit {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.modalEdit__nameWr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}
@media (max-width: 550px) {
    .modalEdit__nameWr {
        margin-bottom: 20px;
    }
}
.modalEdit__name {
    color: var(--Black, #18191e);
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    margin: 0;
}
@media (max-width: 550px) {
    .modalEdit__name {
        font-size: 20px;
    }
}
.modalEdit__close {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 20px;
    min-width: 20px;
    height: auto;
}
.modalEdit__close:hover {
    opacity: 0.7;
}
.modalEdit__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 700px) {
    .modalEdit__info {
        gap: 20px 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.modalEdit__photo {
    width: 220px;
    aspect-ratio: 1/1;
    padding: 20px;
    border-radius: 14px;
    background: var(--Gray, #f0f4fd);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width: 700px) {
    .modalEdit__photo {
        width: 80px;
        padding: 10px;
        border-radius: 8px;
    }
}
.modalEdit__photo:hover {
    background-color: #e6edff;
}
.modalEdit__photo input {
    display: none;
}
.modalEdit__photo span {
    color: var(--Blue, #5676c3);
    font-size: 18px;
    font-weight: 400;
    line-height: 110%;
}
@media (max-width: 700px) {
    .modalEdit__photo span {
        font-size: 12px;
    }
}
.modalEdit__cont {
    width: calc(100% - 240px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 700px) {
    .modalEdit__cont {
        width: 100%;
    }
}
.modalEdit__name2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
@media (max-width: 700px) {
    .modalEdit__name2 {
        display: none;
    }
}
.modalEdit__name2--mob {
    display: none;
}
@media (max-width: 700px) {
    .modalEdit__name2--mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 95px);
    }
}
.modalEdit__name2 span {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
}
@media (max-width: 550px) {
    .modalEdit__name2 span {
        font-size: 12px;
    }
}
.modalEdit__name2 div {
    color: var(--Black, #18191e);
    font-size: 22px;
    font-weight: 600;
    line-height: 110%;
}
@media (max-width: 700px) {
    .modalEdit__name2 div {
        font-size: 19px;
    }
}
@media (max-width: 550px) {
    .modalEdit__name2 div {
        font-size: 16px;
    }
}
.modalEdit__wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 40px;
}
@media (max-width: 550px) {
    .modalEdit__wr {
        gap: 20px 10px;
    }
}
.modalEdit__card {
    width: calc(50% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
@media (max-width: 550px) {
    .modalEdit__card {
        width: calc(50% - 5px);
    }
}
.modalEdit__card span {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
}
@media (max-width: 550px) {
    .modalEdit__card span {
        font-size: 12px;
    }
}
.modalEdit__card input {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    display: block;
}
@media (max-width: 550px) {
    .modalEdit__card input {
        font-size: 14px;
    }
}
.modalEdit__card input:-moz-read-only {
    opacity: 0.6;
}
.modalEdit__card input:read-only {
    opacity: 0.6;
}
.modalEdit__password {
    margin-top: 30px;
}
.modalEdit__passwordTitle {
    color: var(--Black, #18191e);
    font-size: 22px;
    font-weight: 600;
    line-height: 110%;
    margin: 0 0 20px;
}
@media (max-width: 550px) {
    .modalEdit__passwordTitle {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
.modalEdit__passwordWr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
@media (max-width: 550px) {
    .modalEdit__passwordWr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }
}
.modalEdit__passwordWr label {
    width: calc(33.3333333333% - 13.3333333333px);
}
@media (max-width: 550px) {
    .modalEdit__passwordWr label {
        width: 100%;
    }
}
.modalEdit__passwordSave {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
@media (max-width: 550px) {
    .modalEdit__passwordSave {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }
}
.modalEdit__passwordSubm {
    border-radius: 10px;
    background: var(--Blue, #5676c3);
    padding: 12px 24px;
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    white-space: nowrap;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 550px) {
    .modalEdit__passwordSubm {
        width: 100%;
        font-size: 14px;
    }
}
.modalEdit__passwordSubm:hover {
    opacity: 0.8;
}
.modalEdit__passwordText {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
}
@media (max-width: 550px) {
    .modalEdit__passwordText {
        width: 100%;
        font-size: 12px;
    }
}

.modalVideo {
    max-width: calc(100% - 28px);
    border-radius: 32px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    padding-top: 40px;
}
@media (max-width: 550px) {
    .modalVideo {
        padding: 20px;
        padding-top: 30px;
        border-radius: 18px;
    }
}
.modalVideo video {
    display: block;
    width: 100%;
}

.richText > *:first-child {
    margin-top: 0 !important;
}
.richText > *:last-child {
    margin-bottom: 0 !important;
}
.richText h3 {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 15px;
}
@media (max-width: 1024px) {
    .richText h3 {
        font-size: 23px;
    }
}
@media (max-width: 768px) {
    .richText h3 {
        font-size: 20px;
    }
}
.richText p {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 600;
    line-height: 160%;
    margin: 15px 0;
}
@media (max-width: 1024px) {
    .richText p {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .richText p {
        font-size: 14px;
    }
}

.testSect__wrap {
    border-radius: 40px;
    background: var(--Gray, #f6f7fb);
    padding: 80px 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    position: relative;
}
@media (max-width: 1024px) {
    .testSect__wrap {
        padding: 35px 30px;
        gap: 40px;
        border-radius: 29px;
    }
}
@media (max-width: 768px) {
    .testSect__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        padding: 0 20px 30px 20px;
        border-radius: 18px;
    }
}
.testSect__deocorWr {
    position: relative;
    width: 50%;
}
@media (max-width: 768px) {
    .testSect__deocorWr {
        width: 100%;
    }
}
.testSect__deocor {
    width: 100%;
    position: absolute;
    bottom: -20px;
    left: 0;
}
@media (max-width: 1024px) {
    .testSect__deocor {
        bottom: 0;
    }
}
@media (max-width: 768px) {
    .testSect__deocor {
        width: 100%;
        position: relative;
        margin-top: -20px;
    }
}
.testSect__content {
    width: calc(50% - 60px);
    margin-left: auto;
}
@media (max-width: 1024px) {
    .testSect__content {
        width: calc(50% - 40px);
    }
}
@media (max-width: 768px) {
    .testSect__content {
        width: 100%;
    }
}
.testSect__title {
    margin-bottom: 20px;
}
@media (max-width: 1024px) {
    .testSect__title {
        margin-bottom: 17px;
    }
}
@media (max-width: 768px) {
    .testSect__title {
        margin-bottom: 15px;
        text-align: center;
    }
}
.testSect__text {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    max-width: 500px;
    margin: 0 0 40px;
}
@media (max-width: 1024px) {
    .testSect__text {
        font-size: 14px;
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .testSect__text {
        font-size: 13px;
        margin-bottom: 20px;
        text-align: center;
        max-width: initial;
    }
}
.testSect__link {
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .testSect__link {
        margin-top: 30px;
    }
}
@media (max-width: 768px) {
    .testSect__link {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }
}

.rewievs {
    overflow: hidden;
}
.rewievs__titleWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .rewievs__titleWrap {
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .rewievs__titleWrap {
        margin-bottom: 30px;
    }
}
.rewievs__title {
    max-width: 600px;
}
.rewievs__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
@media (max-width: 768px) {
    .rewievs__nav {
        display: none;
    }
}
.rewievs__slider {
    padding: 20px;
    margin: -20px;
}
.rewievs__slide {
    border-radius: 32px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1024px) {
    .rewievs__slide {
        padding: 30px 25px;
        border-radius: 25px;
    }
}
@media (max-width: 768px) {
    .rewievs__slide {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.rewievs__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}
@media (max-width: 1024px) {
    .rewievs__head {
        margin-bottom: 16px;
        gap: 13px;
    }
}
@media (max-width: 768px) {
    .rewievs__head {
        margin-bottom: 12px;
        gap: 12px;
    }
}
.rewievs__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    min-width: 70px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid var(--Black, #18191e);
}
@media (max-width: 1024px) {
    .rewievs__img {
        width: 65px;
        max-width: 65px;
        height: 65px;
    }
}
@media (max-width: 768px) {
    .rewievs__img {
        width: 60px;
        min-width: 60px;
        height: 60px;
        border-width: 2px;
    }
}
.rewievs__headInf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
@media (max-width: 1024px) {
    .rewievs__headInf {
        gap: 9px;
    }
}
@media (max-width: 768px) {
    .rewievs__headInf {
        gap: 8px;
    }
}
.rewievs__name {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 700;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .rewievs__name {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .rewievs__name {
        font-size: 16px;
    }
}
.rewievs__dolzn {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .rewievs__dolzn {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .rewievs__dolzn {
        font-size: 13px;
    }
}
.rewievs__text {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
}
@media (max-width: 1024px) {
    .rewievs__text {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .rewievs__text {
        font-size: 13px;
    }
}

.teachers__wrap {
    padding: 80px 90px;
    border-radius: 40px;
    background: var(--Gray, #f6f7fb);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 60px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1366px) {
    .teachers__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
    }
}
@media (max-width: 1024px) {
    .teachers__wrap {
        padding: 35px 30px;
        border-radius: 29px;
        gap: 30px;
    }
}
@media (max-width: 768px) {
    .teachers__wrap {
        padding: 30px 20px;
        border-radius: 18px;
        gap: 20px;
    }
}
.teachers__left {
    width: calc(50% - 60px);
}
@media (max-width: 1366px) {
    .teachers__left {
        width: 100%;
    }
}
.teachers__title {
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .teachers__title {
        margin-bottom: 22px;
    }
}
@media (max-width: 768px) {
    .teachers__title {
        margin-bottom: 15px;
    }
}
.teachers__text {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    margin: 0 0 40px;
    max-width: 500px;
}
@media (max-width: 1024px) {
    .teachers__text {
        font-size: 15px;
        margin-bottom: 35px;
    }
}
@media (max-width: 768px) {
    .teachers__text {
        font-size: 13px;
        margin-bottom: 30px;
    }
}
.teachers__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.teachers__btns button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 18px;
    border: 2px solid transparent;
    width: 100px;
    height: 100px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .teachers__btns button {
        width: 80px;
        height: 80px;
        border-radius: 15px;
    }
}
@media (max-width: 768px) {
    .teachers__btns button {
        width: 65px;
        height: 65px;
        border-radius: 12px;
    }
}
.teachers__btns button:hover {
    border-color: var(--Gray-Text, #bbbfc6);
}
.teachers__btns button.active {
    border-color: var(--Purple, #5755fe);
}
.teachers__btns button img {
    display: block;
    width: 90px;
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 14px;
}
@media (max-width: 1024px) {
    .teachers__btns button img {
        width: 72px;
        height: 72px;
        border-radius: 12px;
    }
}
@media (max-width: 768px) {
    .teachers__btns button img {
        width: 59px;
        height: 59px;
        border-radius: 10px;
    }
}
.teachers__right {
    width: 50%;
}
@media (max-width: 1366px) {
    .teachers__right {
        width: 100%;
    }
}
.teachers__tab {
    display: none;
    gap: 30px;
}
@media (max-width: 1024px) {
    .teachers__tab {
        gap: 25px;
    }
}
@media (max-width: 768px) {
    .teachers__tab {
        gap: 20px;
    }
}
@media (max-width: 600px) {
    .teachers__tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.teachers__tab.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.teachers__img {
    display: block;
    width: calc(42% - 15px);
    height: auto;
    aspect-ratio: 26/30;
    border-radius: 24px;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 1366px) {
    .teachers__img {
        max: 280px;
    }
}
@media (max-width: 1024px) {
    .teachers__img {
        width: 260px;
        border-radius: 21px;
    }
}
@media (max-width: 768px) {
    .teachers__img {
        border-radius: 18px;
        width: 220px;
    }
}
@media (max-width: 600px) {
    .teachers__img {
        width: 100%;
        aspect-ratio: 29/24;
    }
}
.teachers__inf {
    width: calc(58% - 15px);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
@media (max-width: 1366px) {
    .teachers__inf {
        width: calc(100% - 310px);
    }
}
@media (max-width: 1024px) {
    .teachers__inf {
        width: calc(100% - 285px);
    }
}
@media (max-width: 768px) {
    .teachers__inf {
        width: calc(100% - 240px);
    }
}
@media (max-width: 600px) {
    .teachers__inf {
        width: 100%;
    }
}
.teachers__name {
    color: var(--Black, #18191e);
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .teachers__name {
        font-size: 26px;
        margin-bottom: 16px;
    }
}
@media (max-width: 768px) {
    .teachers__name {
        font-size: 22px;
        margin-bottom: 12px;
    }
}
.teachers__text2 {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin: 0 0 25px;
}
@media (max-width: 1024px) {
    .teachers__text2 {
        font-size: 14px;
        margin-bottom: 22px;
    }
}
@media (max-width: 768px) {
    .teachers__text2 {
        font-size: 13px;
        margin-bottom: 20px;
    }
}
.teachers__char {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 30px;
    margin-bottom: 55px;
}
@media (max-width: 1024px) {
    .teachers__char {
        margin-bottom: 35px;
    }
}
@media (max-width: 768px) {
    .teachers__char {
        margin-bottom: 20px;
    }
}
.teachers__char div {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 700;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .teachers__char div {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .teachers__char div {
        font-size: 16px;
    }
}
.teachers__btn {
    margin-top: 55px;
}
@media (max-width: 1024px) {
    .teachers__btn {
        margin-top: 35px;
    }
}
@media (max-width: 768px) {
    .teachers__btn {
        margin-top: 20px;
    }
}
@media (max-width: 600px) {
    .teachers__btn {
        width: 100%;
    }
}

.info__title {
    max-width: 600px;
    margin-bottom: 30px;
}
.info__char {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 20px;
    margin-top: 80px;
}
@media (max-width: 1024px) {
    .info__char {
        margin-top: 55px;
        gap: 20px;
    }
}
@media (max-width: 768px) {
    .info__char {
        margin-top: 30px;
    }
}
.info__card {
    width: calc(25% - 15px);
}
@media (max-width: 768px) {
    .info__card {
        width: calc(50% - 10px);
    }
}
.info__numb {
    color: var(--Purple, #5755fe);
    font-size: 70px;
    font-weight: 700;
    line-height: 100%;
    margin: 0 0 15px;
}
@media (max-width: 1024px) {
    .info__numb {
        font-size: 53px;
        margin-bottom: 12px;
    }
}
@media (max-width: 768px) {
    .info__numb {
        font-size: 36px;
        margin-bottom: 10px;
    }
}
.info__text2 {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
}
@media (max-width: 1024px) {
    .info__text2 {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .info__text2 {
        font-size: 12px;
    }
}
.info__text {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
@media (max-width: 768px) {
    .info__text {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}
.info__text > *:first-child {
    margin-top: 0 !important;
}
.info__text > *:last-child {
    margin-bottom: 0;
}
.info__text h3 {
    color: var(--Black, #18191e);
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    margin: 30px 0 15px;
}
@media (max-width: 1024px) {
    .info__text h3 {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .info__text h3 {
        font-size: 16px;
    }
}
.info__text p {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    margin: 10px 0;
}
@media (max-width: 1024px) {
    .info__text p {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .info__text p {
        font-size: 13px;
    }
}

.napr__title {
    margin-bottom: 50px;
    max-width: 600px;
}
@media (max-width: 1024px) {
    .napr__title {
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .napr__title {
        margin-bottom: 30px;
    }
}
.napr__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
}
@media (max-width: 1024px) {
    .napr__wrap {
        gap: 30px;
    }
}
@media (max-width: 768px) {
    .napr__wrap {
        gap: 20px;
    }
}
.napr__card {
    padding: 80px 50px;
    background-color: var(--Gray, #f0f4fd);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(50% - 20px);
    border-radius: 36px;
}
@media (max-width: 1024px) {
    .napr__card {
        padding: 55px 35px;
        border-radius: 27px;
        width: 100%;
        background-size: contain;
    }
}
@media (max-width: 768px) {
    .napr__card {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
@media (max-width: 500px) {
    .napr__card {
        background-image: none !important;
    }
}
.napr__card--children {
    background-color: var(--Pink-light, #ffeef9);
}
.napr__card--children .napr__miniCard:hover {
    background-color: var(--Pink, #ff71cd);
}
.napr__name {
    color: var(--Black, #18191e);
    font-family: "Soyuz Grotesk";
    font-size: 50px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .napr__name {
        margin-bottom: 25px;
        font-size: 38px;
    }
}
@media (max-width: 768px) {
    .napr__name {
        margin-bottom: 20px;
        font-size: 26px;
    }
}
.napr__wr {
    max-width: 355px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}
@media (max-width: 1024px) {
    .napr__wr {
        gap: 10px;
        max-width: 410px;
    }
}
@media (max-width: 768px) {
    .napr__wr {
        max-width: 300px;
    }
}
@media (max-width: 500px) {
    .napr__wr {
        max-width: 100%;
    }
}
.napr__miniCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7px;
    width: calc(50% - 7.5px);
    border-radius: 20px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    padding: 14px 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    min-height: 95px;
}
@media (max-width: 1024px) {
    .napr__miniCard {
        width: calc(50% - 5px);
        padding: 18px 20px;
        gap: 2px;
        border-radius: 17px;
        -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.06);
    }
}
@media (max-width: 768px) {
    .napr__miniCard {
        padding: 16px;
        gap: 3px;
        border-radius: 14px;
        -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.06);
    }
}
.napr__miniCard:hover {
    background: var(--Blue, #5676c3);
}
.napr__miniCard:hover .napr__r,
.napr__miniCard:hover .napr__t {
    color: var(--White, #fff);
}
.napr__miniCard--min {
    padding: 23px 20px;
}
@media (max-width: 1024px) {
    .napr__miniCard--min {
        padding: 19px 18px;
    }
}
@media (max-width: 768px) {
    .napr__miniCard--min {
        padding: 16px;
    }
}
.napr__miniCard--min:hover {
    background: var(--Purple, #5755fe);
}
.napr__r {
    color: var(--Black, #18191e);
    font-size: 22px;
    font-weight: 700;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .napr__r {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .napr__r {
        font-size: 18px;
    }
}
.napr__r--min {
    font-size: 22px;
    margin-bottom: 7px;
}
@media (max-width: 1024px) {
    .napr__r--min {
        font-size: 20px;
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .napr__r--min {
        font-size: 18px;
    }
}
.napr__t {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .napr__t {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .napr__t {
        font-size: 14px;
    }
}
.napr__t--min {
    font-size: 16px;
}
@media (max-width: 1024px) {
    .napr__t--min {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .napr__t--min {
        font-size: 14px;
    }
}

.learning__title {
    max-width: 600px;
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .learning__title {
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .learning__title {
        margin-bottom: 30px;
    }
}
.learning__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
.learning__card {
    border-radius: 26px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    width: calc(25% - 15px);
    padding: 20px;
    counter-increment: card;
}
@media (max-width: 1024px) {
    .learning__card {
        border-radius: 22px;
        width: calc(50% - 10px);
        padding: 18px;
        -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.08);
    }
}
@media (max-width: 768px) {
    .learning__card {
        border-radius: 18px;
        padding: 16px;
        -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
    }
}
@media (max-width: 600px) {
    .learning__card {
        width: 100%;
    }
}
.learning__name {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 15px;
}
@media (max-width: 1024px) {
    .learning__name {
        font-size: 23px;
        margin-bottom: 12px;
    }
}
@media (max-width: 768px) {
    .learning__name {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.learning__text {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
}
@media (max-width: 1024px) {
    .learning__text {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .learning__text {
        font-size: 13px;
    }
}
.learning__numb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--Pink, #ff71cd);
    margin: 0 0 20px;
    padding: 5px;
    text-align: center;
}
@media (max-width: 1024px) {
    .learning__numb {
        width: 35px;
        height: 35px;
        margin-bottom: 18px;
        border-radius: 10px;
    }
}
@media (max-width: 768px) {
    .learning__numb {
        width: 30px;
        height: 30px;
        margin-bottom: 16px;
        border-radius: 8px;
    }
}
.learning__numb::after {
    content: counter(card);
    color: var(--White, #fff);
    font-size: 18px;
    font-weight: 700;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .learning__numb::after {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .learning__numb::after {
        font-size: 14px;
    }
}

.ms {
    position: relative;
}
.ms__content {
    max-width: 600px;
}
@media (max-width: 1024px) {
    .ms__content {
        max-width: calc(100% - 300px);
    }
}
@media (max-width: 768px) {
    .ms__content {
        max-width: 100%;
    }
}
.ms__title {
    color: var(--Black, #18191e);
    font-family: "Soyuz Grotesk";
    font-size: 80px;
    font-weight: 700;
    line-height: 100%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .ms__title {
        font-size: 60px;
        margin-bottom: 24px;
    }
}
@media (max-width: 768px) {
    .ms__title {
        font-size: 40px;
        margin-bottom: 16px;
        max-width: 320px;
    }
}
.ms__title span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px;
    border-radius: 60px;
    background: var(--Pink-light, #ffeef9);
    color: var(--Black, #18191e);
    font-family: "Nunito Sans";
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    vertical-align: middle;
    margin-left: 20px;
}
@media (max-width: 1024px) {
    .ms__title span {
        gap: 7px;
        padding: 11px 15px;
        margin-left: 18px;
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .ms__title span {
        padding: 8px 10px;
        gap: 4px;
        margin-left: 16px;
        font-size: 12px;
    }
}
.ms__title span::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: var(--Pink, #ff71cd);
    border-radius: 50%;
}
@media (max-width: 1024px) {
    .ms__title span::before {
        width: 9px;
        height: 9px;
    }
}
@media (max-width: 768px) {
    .ms__title span::before {
        width: 6px;
        height: 6px;
    }
}
.ms__text {
    font-size: 18px;
}
@media (max-width: 1024px) {
    .ms__text {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .ms__text {
        font-size: 13px;
        width: calc(100% - 240px);
    }
}
@media (max-width: 550px) {
    .ms__text {
        width: calc(100% - 100px);
    }
}
.ms__decor {
    height: 300px;
    border-radius: 40px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: 40px;
    display: block;
}
@media (max-width: 1024px) {
    .ms__decor {
        height: 220px;
        border-radius: 29px;
        margin-top: 32px;
    }
}
@media (max-width: 768px) {
    .ms__decor {
        border-radius: 18px;
        margin-top: 25px;
        height: 140px;
    }
}
.ms__decor2 {
    position: absolute;
    right: calc((100% - 1500px) / 2 + 140px);
    height: calc(100% + 40px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    bottom: 0;
}
@media (max-width: 1500px) {
    .ms__decor2 {
        right: 0px;
    }
}
@media (max-width: 1024px) {
    .ms__decor2 {
        width: 320px;
        height: auto;
    }
}
@media (max-width: 768px) {
    .ms__decor2 {
        width: 200px;
        right: 20px;
    }
}
@media (max-width: 550px) {
    .ms__decor2 {
        width: 140px;
    }
}
.ms__decor3 {
    position: absolute;
    right: calc((100% - 1500px) / 2 + 460px);
    top: 30px;
    border-radius: 16px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    width: 200px;
    padding: 20px;
}
@media (max-width: 1500px) {
    .ms__decor3 {
        right: 300px;
    }
}
@media (max-width: 1024px) {
    .ms__decor3 {
        display: none;
    }
}
.ms__decor3T {
    color: var(--Blue, #5676c3);
    font-size: 22px;
    font-weight: 800;
    line-height: 110%;
    margin-bottom: 7px;
}
.ms__decor3Z {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 500;
    line-height: 110%;
}
.ms__decor4 {
    position: absolute;
    right: calc((100% - 1500px) / 2 + 20px);
    top: 115px;
    border-radius: 16px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    width: 245px;
    padding: 20px;
}
@media (max-width: 1500px) {
    .ms__decor4 {
        right: 20px;
    }
}
@media (max-width: 1024px) {
    .ms__decor4 {
        display: none;
    }
}
.ms__decor4 img {
    display: block;
    margin-bottom: 10px;
    max-width: 100%;
}

.vs__title {
    max-width: 600px;
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .vs__title {
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .vs__title {
        margin-bottom: 30px;
    }
}
.vs__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
}
@media (max-width: 1024px) {
    .vs__wrap {
        gap: 30px;
    }
}
@media (max-width: 768px) {
    .vs__wrap {
        gap: 20px;
    }
}
.vs__card {
    width: calc(33.3333333333% - 26.6666666667px);
    border-radius: 32px;
    background: var(--Gray, #f6f7fb);
    padding: 40px 30px 30px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
}
@media (max-width: 1024px) {
    .vs__card {
        padding: 35px 25px 30px;
        border-radius: 25px;
        width: calc(50% - 15px);
    }
}
@media (max-width: 768px) {
    .vs__card {
        padding: 30px 20px;
        border-radius: 18px;
        width: calc(50% - 10px);
    }
}
@media (max-width: 600px) {
    .vs__card {
        width: 100%;
    }
}
.vs__card:nth-child(even) {
    background: var(--Blue, #5676c3);
}
.vs__card:nth-child(even) .vs__name {
    color: var(--White, #fff);
}
.vs__card:nth-child(even) .vs__text {
    color: var(--White, #fff);
}
.vs__card:nth-child(even) .vs__btn {
    background: var(--White, #fff);
    color: var(--Black, #18191e);
}
.vs__card:nth-child(even) .vs__btn:hover {
    background: rgba(255, 255, 255, 0.75);
}
.vs__name {
    color: var(--Black, #18191e);
    font-family: "Nunito Sans";
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 15px;
}
@media (max-width: 1024px) {
    .vs__name {
        margin-bottom: 16px;
        font-size: 23px;
    }
}
@media (max-width: 768px) {
    .vs__name {
        margin-bottom: 12px;
        font-size: 20px;
    }
}
.vs__text {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .vs__text {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .vs__text {
        font-size: 13px;
    }
}
.vs__btn {
    margin-top: auto;
    width: 100%;
}

.courseS__wrap {
    border-radius: 36px;
    background: var(--Gray, #f6f7fb);
    padding: 60px 90px;
    position: relative;
}
@media (max-width: 1024px) {
    .courseS__wrap {
        border-radius: 27px;
        padding: 45px 30px;
    }
}
@media (max-width: 768px) {
    .courseS__wrap {
        border-radius: 18px;
        padding: 30px 20px;
    }
}
.courseS__content {
    width: 600px;
}
@media (max-width: 1024px) {
    .courseS__content {
        width: calc(100% - 200px);
    }
}
@media (max-width: 768px) {
    .courseS__content {
        width: calc(100% - 140px);
    }
}
@media (max-width: 550px) {
    .courseS__content {
        width: calc(100% - 90px);
    }
}
.courseS__title {
    color: var(--Black, #18191e);
    font-family: "Soyuz Grotesk";
    font-size: 80px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 30px;
    position: relative;
    z-index: 20;
}
@media (max-width: 1024px) {
    .courseS__title {
        font-size: 60px;
        margin-bottom: 23px;
    }
}
@media (max-width: 768px) {
    .courseS__title {
        font-size: 40px;
        margin-bottom: 16px;
    }
}
.courseS__text {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
    max-width: 500px;
}
@media (max-width: 1024px) {
    .courseS__text {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .courseS__text {
        font-size: 13px;
    }
}
@media (max-width: 550px) {
    .courseS__text {
        width: calc(100% - 30px);
    }
}
.courseS__link {
    margin-top: 30px;
}
@media (max-width: 1024px) {
    .courseS__link {
        margin-top: 25px;
    }
}
@media (max-width: 768px) {
    .courseS__link {
        margin-top: 20px;
    }
}
.courseS__imgDecor {
    position: absolute;
    right: 170px;
    bottom: 0;
    max-height: calc(100% + 20px);
    max-width: 35%;
}
@media (max-width: 1366px) {
    .courseS__imgDecor {
        right: 50px;
    }
}
@media (max-width: 1024px) {
    .courseS__imgDecor {
        right: 20px;
    }
}
@media (max-width: 768px) {
    .courseS__imgDecor {
        right: 0;
    }
}
@media (max-width: 550px) {
    .courseS__imgDecor {
        max-width: 185px;
        right: -10px;
    }
}
.courseS__decor2 {
    top: 100px;
    left: 50%;
}
@media (max-width: 1200px) {
    .courseS__decor2 {
        display: none;
    }
}
.courseS__decor1 {
    right: 90px;
    bottom: 90px;
    top: initial;
}
@media (max-width: 1200px) {
    .courseS__decor1 {
        display: none;
    }
}

.breadcrumbs:first-child {
    margin-top: 30px;
}
@media (max-width: 1024px) {
    .breadcrumbs:first-child {
        margin-top: 22px;
    }
}
@media (max-width: 768px) {
    .breadcrumbs:first-child {
        margin-top: 14px;
    }
}
@media (max-width: 768px) {
    .breadcrumbs__wrap {
        display: none;
    }
}
.breadcrumbs__wrap a {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.breadcrumbs__wrap a:hover {
    color: var(--Black, #18191e);
}
.breadcrumbs__wrap img {
    display: inline-block;
    width: 12px;
    height: auto;
    margin-right: 10px;
    vertical-align: middle;
}
.breadcrumbs__wrap img:last-of-type {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}
.breadcrumbs__wrap span {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}
.breadcrumbs__mob {
    display: none;
    color: #18191e;
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
.breadcrumbs__mob svg {
    display: block;
    width: 12px;
    height: auto;
}
@media (max-width: 768px) {
    .breadcrumbs__mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.sliderCourse {
    overflow: hidden;
}
.sliderCourse__title {
    max-width: 600px;
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .sliderCourse__title {
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .sliderCourse__title {
        margin-bottom: 30px;
    }
}
.sliderCourse__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
@media (max-width: 1024px) {
    .sliderCourse__head {
        gap: 60px;
    }
}
.sliderCourse__more {
    color: var(--Blue, #5676c3);
    text-align: right;
    font-size: 22px;
    font-weight: 600;
    line-height: 140%;
    border-bottom: 1px dashed currentColor;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    white-space: nowrap;
}
.sliderCourse__more:hover {
    color: rgba(86, 118, 195, 0.55);
}
@media (max-width: 1024px) {
    .sliderCourse__more {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .sliderCourse__more {
        display: none;
    }
}
.sliderCourse__sliderWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    width: calc(100% - 270px);
}
@media (max-width: 1024px) {
    .sliderCourse__sliderWrap {
        width: calc(100% - 210px);
    }
}
@media (max-width: 768px) {
    .sliderCourse__sliderWrap {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .sliderCourse__slider {
        overflow: visible;
    }
}
.sliderCourse__slider .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sliderCourse__slide {
    color: var(--Gray-Text, #bbbfc6);
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}
@media (max-width: 1024px) {
    .sliderCourse__slide {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .sliderCourse__slide {
        font-size: 14px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
.sliderCourse__slide:hover {
    color: var(--Blue, #5676c3);
}
.sliderCourse__slide.swiper-slide-thumb-active {
    font-size: 22px;
    color: var(--Blue, #5676c3);
}
@media (max-width: 1024px) {
    .sliderCourse__slide.swiper-slide-thumb-active {
        font-size: 19px;
    }
}
@media (max-width: 768px) {
    .sliderCourse__slide.swiper-slide-thumb-active {
        font-size: 16px;
    }
}
.sliderCourse__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .sliderCourse__bottom {
        gap: 30px;
        margin-top: 30px;
    }
}
@media (max-width: 900px) {
    .sliderCourse__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .sliderCourse__bottom {
        gap: 20px;
        margin-top: 20px;
    }
}
.sliderCourse__level {
    width: 440px;
    border-radius: 26px;
    background: var(--Gray, #f0f4fd);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    padding: 40px 30px 30px;
}
@media (max-width: 1024px) {
    .sliderCourse__level {
        padding: 35px 25px 30px;
        border-radius: 22px;
    }
}
@media (max-width: 900px) {
    .sliderCourse__level {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .sliderCourse__level {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.sliderCourse__levelTitle {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .sliderCourse__levelTitle {
        font-size: 30px;
        margin-bottom: 17px;
    }
}
@media (max-width: 768px) {
    .sliderCourse__levelTitle {
        font-size: 24px;
        margin-bottom: 15px;
    }
}
.sliderCourse__levelDescr {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .sliderCourse__levelDescr {
        font-size: 15px;
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .sliderCourse__levelDescr {
        font-size: 14px;
        margin-bottom: 20px;
    }
}
.sliderCourse__levelLink {
    width: 100%;
    margin-top: auto;
}
.sliderCourse__slider2 {
    width: 840px;
}
@media (max-width: 900px) {
    .sliderCourse__slider2 {
        width: 100%;
    }
}
.sliderCourse__slide2 {
    border-radius: 36px;
    background: var(--Gray, #f0f4fd);
    padding: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
}
@media (max-width: 1024px) {
    .sliderCourse__slide2 {
        padding: 40px 35px;
        border-radius: 27px;
    }
}
@media (max-width: 768px) {
    .sliderCourse__slide2 {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.sliderCourse__slide2Name {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 100%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .sliderCourse__slide2Name {
        font-size: 30px;
        margin-bottom: 22px;
    }
}
@media (max-width: 768px) {
    .sliderCourse__slide2Name {
        font-size: 24px;
        margin-bottom: 15px;
    }
}
.sliderCourse__slide2List {
    margin: 0 0 40px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .sliderCourse__slide2List {
        gap: 17px 30px;
    }
}
@media (max-width: 768px) {
    .sliderCourse__slide2List {
        gap: 15px 20px;
    }
}
.sliderCourse__slide2List li {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    padding-left: 25px;
    width: calc(50% - 20px);
    position: relative;
}
@media (max-width: 1024px) {
    .sliderCourse__slide2List li {
        font-size: 15px;
        width: calc(50% - 15px);
        padding-left: 22px;
    }
}
@media (max-width: 768px) {
    .sliderCourse__slide2List li {
        font-size: 14px;
        width: calc(50% - 10px);
        padding-left: 20px;
    }
}
@media (max-width: 600px) {
    .sliderCourse__slide2List li {
        width: 100%;
    }
}
.sliderCourse__slide2List li::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url("/img/ch.svg") no-repeat center/contain;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sliderCourse__slide2PrMo {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 768px) {
    .sliderCourse__slide2PrMo {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.sliderCourse__slide2Price {
    color: var(--Black, #18191e);
    font-size: 22px;
    font-weight: 600;
    line-height: 100%;
}
@media (max-width: 1024px) {
    .sliderCourse__slide2Price {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .sliderCourse__slide2Price {
        font-size: 18px;
    }
}
.sliderCourse__slide2More {
    color: var(--Blue, #5676c3);
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom: 2px dashed currentColor;
}
.sliderCourse__slide2More:hover {
    color: rgba(86, 118, 195, 0.55);
}

.swiper-prev-sliderCourse,
.swiper-next-sliderCourse {
    background: var(--Blue, #5676c3);
}
.swiper-prev-sliderCourse:hover,
.swiper-next-sliderCourse:hover {
    background: rgba(86, 119, 195, 0.65);
}
@media (max-width: 768px) {
    .swiper-prev-sliderCourse,
    .swiper-next-sliderCourse {
        display: none;
    }
}

.course__title {
    max-width: 600px;
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .course__title {
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .course__title {
        margin-bottom: 30px;
    }
}
.course__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
.course__card {
    border-radius: 26px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(25% - 15px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1200px) {
    .course__card {
        width: calc(33.3333333333% - 13.3333333333px);
    }
}
@media (max-width: 1024px) {
    .course__card {
        padding: 25px;
        border-radius: 22px;
        gap: 12px;
    }
}
@media (max-width: 768px) {
    .course__card {
        padding: 20px;
        border-radius: 18px;
        gap: 10px;
    }
}
@media (max-width: 650px) {
    .course__card {
        width: calc(50% - 10px);
    }
}
@media (max-width: 550px) {
    .course__card {
        width: 100%;
    }
}
.course__card:hover {
    background: var(--Blue, #5676c3);
}
.course__card:hover .course__cardName,
.course__card:hover .course__descr {
    color: var(--White, #fff);
}
.course__card:hover svg path {
    fill: white;
}
.course__nameAr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .course__nameAr {
        gap: 12px;
    }
}
@media (max-width: 768px) {
    .course__nameAr {
        gap: 10px;
    }
}
.course__nameAr svg {
    display: block;
    width: 26px;
    min-width: 26px;
    height: auto;
}
@media (max-width: 1024px) {
    .course__nameAr svg {
        width: 23px;
        height: 23px;
    }
}
@media (max-width: 768px) {
    .course__nameAr svg {
        width: 20px;
        height: 20px;
    }
}
.course__nameAr svg path {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.course__cardName {
    color: var(--Black, #18191e);
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .course__cardName {
        font-size: 25px;
    }
}
@media (max-width: 768px) {
    .course__cardName {
        font-size: 20px;
    }
}
.course__descr {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .course__descr {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .course__descr {
        font-size: 14px;
    }
}

.tarif__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1250px) {
    .tarif__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
    }
}
@media (max-width: 1024px) {
    .tarif__wrap {
        gap: 40px;
    }
}
@media (max-width: 768px) {
    .tarif__wrap {
        gap: 30px;
    }
}
.tarif__text {
    width: 450px;
}
@media (max-width: 1250px) {
    .tarif__text {
        width: 100%;
    }
}
.tarif__title {
    color: var(--Black, #18191e);
    font-family: "Soyuz Grotesk";
    font-size: 50px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 20px;
    max-width: 600px;
}
@media (max-width: 1024px) {
    .tarif__title {
        font-size: 41px;
        margin-bottom: 17px;
    }
}
@media (max-width: 768px) {
    .tarif__title {
        font-size: 32px;
        margin-bottom: 15px;
    }
}
.tarif__textSeo {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
}
@media (max-width: 1024px) {
    .tarif__textSeo {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .tarif__textSeo {
        font-size: 13px;
    }
}
.tarif__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    width: calc(100% - 550px);
}
@media (max-width: 1250px) {
    .tarif__cards {
        width: 100%;
    }
}
@media (max-width: 650px) {
    .tarif__cards {
        gap: 10px;
    }
}
.tarif__card {
    border-radius: 26px;
    background: var(--Gray, #f0f4fd);
    padding: 30px 20px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(50% - 10px);
}
@media (max-width: 1024px) {
    .tarif__card {
        padding-bottom: 35px;
        border-radius: 22px;
    }
}
@media (max-width: 768px) {
    .tarif__card {
        padding-bottom: 30px;
        border-radius: 18px;
    }
}
@media (max-width: 650px) {
    .tarif__card {
        width: 100%;
    }
}
.tarif__card--blue {
    background: var(--Blue, #5676c3);
}
.tarif__card--blue .tarif__cardName {
    color: var(--White, #fff);
}
.tarif__card--blue .tarif__cardList li {
    color: var(--White, #fff);
}
.tarif__card--blue .tarif__cardList li::after {
    -webkit-filter: invert(1) contrast(100);
    filter: invert(1) contrast(100);
}
.tarif__card--blue .tarif__cardPrice {
    color: var(--White, #fff);
}
.tarif__card--blue .tarif__cardPrice span {
    color: rgba(255, 255, 255, 0.3);
}
.tarif__card--blue .tarif__cardLink {
    background: var(--White, #fff);
    color: var(--Black, #18191e);
}
.tarif__card--blue .tarif__cardLink:hover {
    background-color: rgba(255, 255, 255, 0.75);
}
.tarif__card--chil {
    background: url("/img/chil.png") no-repeat center/contain;
    background-color: #f2f4cc;
}
@media (max-width: 650px) {
    .tarif__card--chil {
        display: none;
    }
}
.tarif__cardName {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .tarif__cardName {
        font-size: 23px;
        margin-bottom: 17px;
    }
}
@media (max-width: 768px) {
    .tarif__cardName {
        font-size: 20px;
        margin-bottom: 15px;
    }
}
.tarif__cardList {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
@media (max-width: 1024px) {
    .tarif__cardList {
        gap: 12px;
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .tarif__cardList {
        gap: 10px;
        margin-bottom: 20px;
    }
}
.tarif__cardList li {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    padding-left: 25px;
    position: relative;
}
@media (max-width: 1024px) {
    .tarif__cardList li {
        font-size: 14px;
        padding-left: 22px;
    }
}
@media (max-width: 768px) {
    .tarif__cardList li {
        font-size: 13px;
        padding-left: 20px;
    }
}
.tarif__cardList li::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("/img/chl.svg") no-repeat center/contain;
}
.tarif__cardWrap {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
}
@media (max-width: 1024px) {
    .tarif__cardWrap {
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }
}
.tarif__cardPrice {
    color: var(--Black, #18191e);
    font-size: 22px;
    font-weight: 600;
    line-height: 100%;
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .tarif__cardPrice {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .tarif__cardPrice {
        font-size: 18px;
    }
}
.tarif__cardPrice span {
    color: var(--Black-30, rgba(24, 25, 30, 0.3));
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: line-through;
    white-space: nowrap;
}
.tarif__cardLink {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width: 1024px) {
    .tarif__cardLink {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        padding: 12px 19px;
    }
}
@media (max-width: 768px) {
    .tarif__cardLink {
        padding: 12px 18px;
    }
}

.stup__title {
    max-width: 650px;
    margin-bottom: 50px;
    font-family: "Nunito Sans";
    font-weight: 800;
    text-transform: lowercase;
}
@media (max-width: 1024px) {
    .stup__title {
        margin-bottom: 35px;
    }
}
@media (max-width: 768px) {
    .stup__title {
        margin-bottom: 20px;
    }
}
.stup__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 100px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1250px) {
    .stup__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
    }
}
.stup__video {
    width: 440px;
    max-width: 100%;
    aspect-ratio: 44/34;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px 30px;
    border-radius: 26px;
    overflow: hidden;
    position: sticky;
    cursor: pointer;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    top: 100px;
}
@media (max-width: 1250px) {
    .stup__video {
        position: relative;
        top: initial;
    }
}
@media (max-width: 1024px) {
    .stup__video {
        padding: 35px 25px;
        border-radius: 22px;
    }
}
@media (max-width: 768px) {
    .stup__video {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.stup__video:hover .stup__videoImg {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}
.stup__videoName {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .stup__videoName {
        font-size: 23px;
    }
}
@media (max-width: 768px) {
    .stup__videoName {
        font-size: 20px;
    }
}
.stup__videoImg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 125px;
    height: 125px;
    max-width: 90%;
    max-height: 90%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .stup__videoImg {
        width: 90px;
        height: 90px;
    }
}
@media (max-width: 768px) {
    .stup__videoImg {
        width: 60px;
        height: 60px;
    }
}
.stup__content {
    width: calc(100% - 540px);
}
@media (max-width: 1250px) {
    .stup__content {
        width: 100%;
    }
}
.stup__pod {
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .stup__pod {
        margin-bottom: 45px;
    }
}
@media (max-width: 768px) {
    .stup__pod {
        margin-bottom: 40px;
    }
}
.stup__podTitle {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .stup__podTitle {
        margin-bottom: 22px;
        font-size: 23px;
    }
}
@media (max-width: 768px) {
    .stup__podTitle {
        margin-bottom: 15px;
        font-size: 20px;
    }
}
.stup__podWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.stup__podCard {
    border-radius: 20px;
    background: var(--Gray, #f0f4fd);
    padding: 35px 20px;
    border-radius: 20px;
    width: calc(50% - 10px);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 1024px) {
    .stup__podCard {
        padding: 32px 20px;
    }
}
@media (max-width: 768px) {
    .stup__podCard {
        padding: 30px 20px;
    }
}
@media (max-width: 600px) {
    .stup__podCard {
        width: 100%;
    }
}
.stup__podCard span {
    display: block;
    max-width: 210px;
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}
@media (max-width: 1024px) {
    .stup__podCard span {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .stup__podCard span {
        font-size: 16px;
    }
}
.stup__prTitle {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 35px;
}
@media (max-width: 1024px) {
    .stup__prTitle {
        margin-bottom: 27px;
        font-size: 29px;
    }
}
@media (max-width: 768px) {
    .stup__prTitle {
        margin-bottom: 20px;
        font-size: 22px;
    }
}
.stup__prWr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 600px) {
    .stup__prWr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }
}
.stup__prCol {
    width: calc(50% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
@media (max-width: 1024px) {
    .stup__prCol {
        gap: 12px;
    }
}
@media (max-width: 768px) {
    .stup__prCol {
        gap: 15px;
    }
}
@media (max-width: 600px) {
    .stup__prCol {
        display: none;
    }
}
@media (max-width: 600px) {
    .stup__prCol {
        width: 100%;
    }
}
.stup__prCard {
    border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.stup__prCard.active {
    padding-bottom: 30px;
}
@media (max-width: 1024px) {
    .stup__prCard.active {
        padding-bottom: 22px;
    }
}
@media (max-width: 768px) {
    .stup__prCard.active {
        padding-bottom: 15px;
    }
}
.stup__prCard.active .stup__prBtn span {
    color: var(--Blue, #5676c3);
}
.stup__prCard.active .stup__prBtn svg path {
    fill: #5676c3;
}
.stup__prCard.active .stup__prBtn svg path:last-child {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
.stup__prBtn {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .stup__prBtn {
        padding: 21px 0;
    }
}
@media (max-width: 768px) {
    .stup__prBtn {
        padding: 18px 0;
    }
}
.stup__prBtn span {
    color: var(--Black, #18191e);
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    text-align: left;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .stup__prBtn span {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .stup__prBtn span {
        font-size: 16px;
    }
}
.stup__prBtn svg {
    display: block;
    width: 30px;
    min-width: 30px;
    height: auto;
}
@media (max-width: 1024px) {
    .stup__prBtn svg {
        width: 28px;
        min-width: 28px;
    }
}
@media (max-width: 768px) {
    .stup__prBtn svg {
        width: 26px;
        min-width: 26px;
    }
}
.stup__prBtn svg path {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.stup__prBtn svg path:last-child {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.stup__prCont {
    display: none;
}
.stup__prCont > *:first-child {
    margin-top: 0 !important;
}
.stup__prCont > *:last-child {
    margin-bottom: 0 !important;
}
.stup__prCont p {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 20px 0 15px;
}
@media (max-width: 1024px) {
    .stup__prCont p {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .stup__prCont p {
        font-size: 14px;
    }
}
.stup__prCont p b {
    font-weight: 700;
}
.stup__prCont ul {
    margin: 15px 0 20px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.stup__prCont ul li {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    padding-left: 25px;
    position: relative;
}
@media (max-width: 1024px) {
    .stup__prCont ul li {
        font-size: 15px;
        padding-left: 22px;
    }
}
@media (max-width: 768px) {
    .stup__prCont ul li {
        font-size: 14px;
        padding-left: 20px;
    }
}
.stup__prCont ul li::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("/img/chl.svg") no-repeat center/contain;
}
.stup__prColMob {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
@media (max-width: 600px) {
    .stup__prColMob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.stup__ch[data-cont] {
    display: none;
}
.stup__ch[data-cont].active {
    display: block;
}
.stup__chTitle {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .stup__chTitle {
        margin-bottom: 25px;
        font-size: 28px;
    }
}
@media (max-width: 768px) {
    .stup__chTitle {
        margin-bottom: 20px;
        font-size: 22px;
    }
}
.stup__chWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 40px;
}
@media (max-width: 1024px) {
    .stup__chWrap {
        gap: 25px 30px;
    }
}
@media (max-width: 768px) {
    .stup__chWrap {
        gap: 20px;
    }
}
.stup__chCard {
    width: calc(50% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
@media (max-width: 1024px) {
    .stup__chCard {
        width: calc(50% - 15px);
    }
}
@media (max-width: 768px) {
    .stup__chCard {
        width: calc(50% - 10px);
    }
}
@media (max-width: 600px) {
    .stup__chCard {
        width: 100%;
    }
}
.stup__chNumbName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
@media (max-width: 1024px) {
    .stup__chNumbName {
        gap: 17px;
    }
}
@media (max-width: 768px) {
    .stup__chNumbName {
        gap: 15px;
    }
}
.stup__chNumb {
    border-radius: 12px;
    background: var(--Pink, #f298d4);
    width: 40px;
    min-width: 40px;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--White, #fff);
    font-size: 18px;
    font-weight: 700;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .stup__chNumb {
        width: 35px;
        min-width: 35px;
        font-size: 16px;
        border-radius: 10px;
    }
}
@media (max-width: 768px) {
    .stup__chNumb {
        width: 30px;
        min-width: 30px;
        font-size: 14px;
        border-radius: 8px;
    }
}
.stup__chName {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 700;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .stup__chName {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .stup__chName {
        font-size: 16px;
    }
}
.stup__chDescr {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
}
@media (max-width: 1024px) {
    .stup__chDescr {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .stup__chDescr {
        font-size: 13px;
    }
}
.stup__map {
    max-width: 1147px;
    margin-top: 50px;
}
@media (max-width: 1024px) {
    .stup__map {
        margin-top: 45px;
    }
}
@media (max-width: 768px) {
    .stup__map {
        margin-top: 40px;
    }
}
.stup__mapTitle {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .stup__mapTitle {
        margin-bottom: 25px;
        font-size: 29px;
    }
}
@media (max-width: 768px) {
    .stup__mapTitle {
        margin-bottom: 20px;
        font-size: 22px;
    }
}
.stup__maink {
    margin-top: 50px;
}
@media (max-width: 1024px) {
    .stup__maink {
        margin-top: 45px;
    }
}
@media (max-width: 768px) {
    .stup__maink {
        margin-top: 40px;
    }
}
.stup__mainkTitle {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .stup__mainkTitle {
        margin-bottom: 22px;
        font-size: 29px;
    }
}
@media (max-width: 768px) {
    .stup__mainkTitle {
        margin-bottom: 15px;
        font-size: 22px;
    }
}
.stup__mainkWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 60px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .stup__mainkWrap {
        gap: 30px 40px;
    }
}
@media (max-width: 768px) {
    .stup__mainkWrap {
        gap: 15px 20px;
    }
}
.stup__mainkCard {
    border-radius: 20px;
    background: var(--Gray, #f0f4fd);
    padding: 30px;
    width: calc(50% - 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}
@media (max-width: 1024px) {
    .stup__mainkCard {
        width: calc(50% - 20px);
        padding: 30px 25px;
        gap: 22px;
        border-radius: 19px;
    }
}
@media (max-width: 768px) {
    .stup__mainkCard {
        width: calc(50% - 10px);
        padding: 30px 20px;
        gap: 15px;
        border-radius: 18px;
    }
}
@media (max-width: 700px) {
    .stup__mainkCard {
        width: 100%;
    }
}
.stup__mainkDT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.stup__mainkDecor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 12px;
    background: var(--Blue, #5676c3);
}
@media (max-width: 1024px) {
    .stup__mainkDecor {
        width: 30px;
        height: 30px;
        min-width: 30px;
        border-radius: 10px;
        display: none;
    }
}
@media (max-width: 768px) {
    .stup__mainkDecor {
        display: none;
    }
}
.stup__mainkDecor svg {
    display: block;
    width: 20px;
    height: auto;
}
@media (max-width: 1024px) {
    .stup__mainkDecor svg {
        width: 18px;
    }
}
.stup__mainkName {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 140%;
}
@media (max-width: 1024px) {
    .stup__mainkName {
        font-size: 23px;
    }
}
@media (max-width: 768px) {
    .stup__mainkName {
        font-size: 20px;
    }
}
.stup__mainkBtn {
    color: var(--Blue, #5676c3);
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    border-bottom: 1px dashed var(--Blue, #5676c3);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .stup__mainkBtn {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .stup__mainkBtn {
        font-size: 16px;
    }
}
.stup__mainkBtn:hover {
    border-color: transparent;
}
.stup__mainkList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .stup__mainkList {
        gap: 17px 25px;
    }
}
@media (max-width: 768px) {
    .stup__mainkList {
        margin-bottom: 15px;
        gap: 15px 20px;
    }
}
.stup__mainkList.active li {
    display: block !important;
}
.stup__mainkList li {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    padding-left: 30px;
    position: relative;
    width: calc(50% - 15px);
}
@media (max-width: 1024px) {
    .stup__mainkList li {
        width: calc(50% - 12.5px);
        font-size: 16px;
        padding-left: 25px;
    }
}
@media (max-width: 768px) {
    .stup__mainkList li {
        width: calc(50% - 10px);
        font-size: 14px;
        padding-left: 20px;
    }
}
@media (max-width: 450px) {
    .stup__mainkList li {
        width: 100%;
    }
}
.stup__mainkList li::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("/img/chl.svg") no-repeat center/contain;
}
@media (max-width: 1024px) {
    .stup__mainkList li::after {
        width: 13px;
        height: 13px;
    }
}
@media (max-width: 768px) {
    .stup__mainkList li::after {
        width: 10px;
        height: 10px;
    }
}
.stup__mainkList li:nth-child(n + 7) {
    display: none;
}
.stup__prc {
    margin-top: 50px;
}
@media (max-width: 1024px) {
    .stup__prc {
        margin-top: 45px;
    }
}
@media (max-width: 768px) {
    .stup__prc {
        margin-top: 40px;
    }
}
.stup__prcTitle {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 15px;
}
@media (max-width: 1024px) {
    .stup__prcTitle {
        font-size: 29px;
    }
}
@media (max-width: 768px) {
    .stup__prcTitle {
        font-size: 22px;
    }
}
.stup__prcTitle--mb {
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .stup__prcTitle--mb {
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .stup__prcTitle--mb {
        margin-bottom: 20px;
    }
}
.stup__prcText > *:first-child {
    margin-top: 0 !important;
}
.stup__prcText > *:last-child {
    margin-bottom: 0 !important;
}
.stup__prcText h5 {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 140%;
    margin: 40px 0 30px;
}
@media (max-width: 1024px) {
    .stup__prcText h5 {
        font-size: 23px;
        margin: 30px 0 20px;
    }
}
@media (max-width: 768px) {
    .stup__prcText h5 {
        font-size: 20px;
        margin: 20px 0 10px;
    }
}
.stup__prcText p {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
}
@media (max-width: 1024px) {
    .stup__prcText p {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .stup__prcText p {
        font-size: 14px;
    }
}
.stup__prcCards {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media (max-width: 1024px) {
    .stup__prcCards {
        margin-top: 22px;
        gap: 15px;
    }
}
@media (max-width: 768px) {
    .stup__prcCards {
        margin-top: 15px;
        gap: 10px;
    }
}
.stup__prcCards .stup__prcCard:nth-child(n + 9) {
    display: none;
}
.stup__prcCards.active .stup__prcCard {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.stup__prcCard {
    width: calc(25% - 15px);
    border-radius: 16px;
    background: var(--Gray, #f0f4fd);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 20px;
}
@media (max-width: 1200px) {
    .stup__prcCard {
        width: calc(33.3333333333% - 13.3333333333px);
    }
}
@media (max-width: 1024px) {
    .stup__prcCard {
        width: calc(33.3333333333% - 10px);
        gap: 13px;
        padding: 17px 18px;
        border-radius: 12px;
    }
}
@media (max-width: 850px) {
    .stup__prcCard {
        width: calc(50% - 7.5px);
    }
}
@media (max-width: 768px) {
    .stup__prcCard {
        gap: 10px;
        padding: 14px 16px;
        border-radius: 8px;
    }
}
@media (max-width: 550px) {
    .stup__prcCard {
        width: 100%;
    }
}
.stup__prcCard img {
    border-radius: 12px;
    background: var(--Blue, #5676c3);
    padding: 8px;
    width: 36px;
    height: 36px;
    min-width: 36px;
}
@media (max-width: 1024px) {
    .stup__prcCard img {
        width: 31px;
        height: 31px;
        min-width: 31px;
        padding: 7px;
        border-radius: 10px;
    }
}
@media (max-width: 768px) {
    .stup__prcCard img {
        width: 26px;
        height: 26px;
        min-width: 26px;
        padding: 6px;
        border-radius: 8px;
    }
}
.stup__prcCard span {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}
@media (max-width: 1024px) {
    .stup__prcCard span {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .stup__prcCard span {
        font-size: 16px;
    }
}
.stup__prcBtn {
    color: var(--Blue-Blue-86, rgba(52, 82, 169, 0.86));
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    margin-top: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom: 1px dashed var(--Blue-Blue-86, rgba(52, 82, 169, 0.86));
}
@media (max-width: 1024px) {
    .stup__prcBtn {
        font-size: 17px;
        margin-top: 22px;
    }
}
@media (max-width: 768px) {
    .stup__prcBtn {
        font-size: 16px;
        margin-top: 15px;
    }
}
.stup__prcBtn:hover {
    border-color: transparent;
}
.stup__btnsWr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .stup__btnsWr {
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .stup__btnsWr {
        margin-bottom: 20px;
    }
}
.stup__btnsWr button {
    border-radius: 10px;
    border: 2px solid var(--Gray, #f0f4fd);
    padding: 14px;
    color: var(--Gray-Text, #bbbfc6);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .stup__btnsWr button {
        padding: 11px;
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .stup__btnsWr button {
        padding: 9px;
        font-size: 14px;
    }
}
.stup__btnsWr button:hover {
    border-color: var(--Blue, #5676c3);
}
.stup__btnsWr button.active {
    border-color: var(--Blue, #5676c3);
    background: var(--Blue, #5676c3);
    color: var(--White, #fff);
}
.stup__chTitleH2 {
    color: var(--Black, #18191e);
    font-size: 46px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .stup__chTitleH2 {
        font-size: 36px;
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .stup__chTitleH2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
}
.stup__modulsBtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2px;
}
@media (max-width: 768px) {
    .stup__modulsBtns {
        width: 100vw;
        margin-left: -14px;
        margin-right: -14px;
        padding-left: 14px;
        padding-right: 14px;
        overflow-x: auto;
    }
}
.stup__modulsBtns button {
    padding: 0 30px 13px;
    color: var(--Gray-Text, #bbbfc6);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    color: var(--Gray-Text, #bbbfc6);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .stup__modulsBtns button {
        padding: 0 21px 11px;
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .stup__modulsBtns button {
        padding: 0 12px 10px;
        font-size: 14px;
    }
}
.stup__modulsBtns button::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.stup__modulsBtns button:hover {
    color: var(--Black, #18191e);
}
.stup__modulsBtns button.active {
    color: var(--Black, #18191e);
}
.stup__modulsBtns button.active::after {
    background-color: var(--Black, #18191e);
}
.stup__modulsBtnsDec {
    margin-bottom: 35px;
    width: 100%;
    height: 2px;
    background-color: var(--Gray, #f0f4fd);
    margin-top: -2px;
}
@media (max-width: 1024px) {
    .stup__modulsBtnsDec {
        margin-bottom: 32px;
    }
}
@media (max-width: 768px) {
    .stup__modulsBtnsDec {
        margin-bottom: 30px;
        width: 100vw;
        margin-left: -14px;
        margin-right: -14px;
        padding-left: 14px;
        padding-right: 14px;
    }
}
.stup__modul {
    display: none;
}
.stup__modul.active {
    display: block;
}
.stup__modulWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.stup__modulImg {
    width: 500px;
    aspect-ratio: 1/1;
    border-radius: 26px;
}
@media (max-width: 1250px) {
    .stup__modulImg {
        display: none;
    }
}
.stup__modulCont {
    width: calc(100% - 550px);
}
@media (max-width: 1250px) {
    .stup__modulCont {
        width: 100%;
    }
}
.stup__modulTitle {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 15px;
}
@media (max-width: 1024px) {
    .stup__modulTitle {
        font-size: 23px;
    }
}
@media (max-width: 768px) {
    .stup__modulTitle {
        font-size: 20px;
    }
}
.stup__modulDescr {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
}
@media (max-width: 1024px) {
    .stup__modulDescr {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .stup__modulDescr {
        font-size: 14px;
    }
}
.stup__modulCard {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
@media (max-width: 1024px) {
    .stup__modulCard {
        margin-top: 25px;
    }
}
@media (max-width: 768px) {
    .stup__modulCard {
        margin-top: 20px;
    }
}
.stup__modulName {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 700;
    line-height: 110%;
    margin: 0;
}
@media (max-width: 1024px) {
    .stup__modulName {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .stup__modulName {
        font-size: 16px;
    }
}
.stup__modulCards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.stup__modulCards span {
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
    white-space: nowrap;
    padding: 6px 12px;
    display: block;
    border-radius: 30px;
    background: rgba(86, 118, 195, 0.8);
}
@media (max-width: 1024px) {
    .stup__modulCards span {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .stup__modulCards span {
        font-size: 14px;
    }
}
.stup__mapMap {
    display: block;
    overflow: hidden;
    position: relative;
    max-width: 1147px;
    max-height: 760px;
}
@media (max-width: 1024px) {
    .stup__mapMap {
        max-height: 600px;
    }
}
@media (max-width: 768px) {
    .stup__mapMap {
        max-height: 500px;
    }
}
@media (max-width: 600px) {
    .stup__mapMap {
        max-height: initial;
    }
    .stup__mapMap::after {
        content: none !important;
    }
}
.stup__mapMap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#fff),
        color-stop(50%, rgba(255, 255, 255, 0.5)),
        to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
        0deg,
        #fff 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    height: 90px;
}
.stup__mapMap.active {
    max-height: initial !important;
}
.stup__mapMap.active::after {
    content: none;
}
.stup__mapMap img {
    display: block;
    width: 100%;
}
.stup__mapMapAll {
    color: var(--Blue-Blue-86, rgba(52, 82, 169, 0.86));
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    margin: 30px auto 0;
    border-bottom: 1px dashed currentColor;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .stup__mapMapAll {
        font-size: 16px;
        margin-top: 25px;
    }
}
@media (max-width: 768px) {
    .stup__mapMapAll {
        font-size: 14px;
        margin-top: 20px;
    }
}
@media (max-width: 600px) {
    .stup__mapMapAll {
        display: none;
    }
}
.stup__mapMapAll:hover {
    opacity: 0.8;
}

.temcourse__title {
    margin: 0 0 30px;
    max-width: 600px;
}
@media (max-width: 1024px) {
    .temcourse__title {
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .temcourse__title {
        margin-bottom: 20px;
    }
}
.temcourse__decr {
    margin: 0 0 50px;
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
}
@media (max-width: 1024px) {
    .temcourse__decr {
        margin-bottom: 40px;
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .temcourse__decr {
        margin-bottom: 30px;
        font-size: 14px;
    }
}
.temcourse__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 40px;
}
@media (max-width: 1024px) {
    .temcourse__wrap {
        gap: 20px 30px;
    }
}
@media (max-width: 768px) {
    .temcourse__wrap {
        gap: 15px 20px;
    }
}
.temcourse__card {
    border-radius: 32px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    width: calc(50% - 20px);
}
@media (max-width: 1024px) {
    .temcourse__card {
        padding: 25px;
        border-radius: 27px;
        gap: 12px;
        width: calc(50% - 15px);
    }
}
@media (max-width: 768px) {
    .temcourse__card {
        padding: 20px;
        border-radius: 22px;
        gap: 10px;
        width: 100%;
    }
}
.temcourse__name {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 140%;
    margin: 0;
}
@media (max-width: 1024px) {
    .temcourse__name {
        font-size: 23px;
    }
}
@media (max-width: 768px) {
    .temcourse__name {
        font-size: 20px;
    }
}
.temcourse__list {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
    padding-left: 35px;
    margin-bottom: 15px;
}
@media (max-width: 1024px) {
    .temcourse__list {
        margin-bottom: 12px;
        font-size: 18px;
        padding-left: 32px;
    }
}
@media (max-width: 768px) {
    .temcourse__list {
        margin-bottom: 10px;
        font-size: 16px;
        padding-left: 30px;
    }
}
.temcourse__list li::marker {
    color: var(--Blue, #5676c3);
}
.temcourse__link {
    margin-top: auto;
}

.zapis__title {
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .zapis__title {
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .zapis__title {
        margin-bottom: 30px;
    }
}
.zapis__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 110px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1250px) {
    .zapis__wrap {
        gap: 60px;
    }
}
@media (max-width: 1024px) {
    .zapis__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 50px;
    }
}
@media (max-width: 768px) {
    .zapis__wrap {
        gap: 40px;
    }
}
.zapis__left {
    width: calc(100% - 470px);
}
@media (max-width: 1250px) {
    .zapis__left {
        width: calc(100% - 380px);
    }
}
@media (max-width: 1024px) {
    .zapis__left {
        width: 100%;
    }
}
.zapis__course {
    width: 360px;
    border-radius: 20px;
    background: var(--Gray, #f0f4fd);
    padding: 30px 20px;
}
@media (max-width: 1250px) {
    .zapis__course {
        width: 320px;
    }
}
@media (max-width: 1024px) {
    .zapis__course {
        width: 100%;
        border-radius: 19px;
    }
}
@media (max-width: 768px) {
    .zapis__course {
        border-radius: 18px;
    }
}
.zapis__namec {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .zapis__namec {
        font-size: 18px;
        margin-bottom: 15px;
    }
}
@media (max-width: 768px) {
    .zapis__namec {
        margin-bottom: 10px;
        font-size: 16px;
    }
}
.zapis__name {
    color: var(--Black, #18191e);
    font-family: "Soyuz Grotesk";
    font-size: 40px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .zapis__name {
        font-size: 33px;
        margin-bottom: 27px;
    }
}
@media (max-width: 768px) {
    .zapis__name {
        font-size: 26px;
        margin-bottom: 25px;
    }
}
.zapis__tarif {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 10px;
}
@media (max-width: 1024px) {
    .zapis__tarif {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .zapis__tarif {
        font-size: 14px;
    }
}
.zapis__price {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .zapis__price {
        font-size: 22px;
        margin-bottom: 27px;
    }
}
@media (max-width: 768px) {
    .zapis__price {
        font-size: 18px;
        margin-bottom: 25px;
    }
}
.zapis__conf {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin: 0;
    display: inline-block;
}
@media (max-width: 1024px) {
    .zapis__conf {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .zapis__conf {
        font-size: 14px;
    }
}
.zapis__conf:hover {
    text-decoration: none;
}
.zapis__t {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .zapis__t {
        margin-bottom: 25px;
        font-size: 23px;
    }
}
@media (max-width: 768px) {
    .zapis__t {
        margin-bottom: 20px;
        font-size: 20px;
    }
}
.zapis__wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media (max-width: 768px) {
    .zapis__wr {
        gap: 15px;
    }
}
.zapis__wr > * {
    width: calc(50% - 10px);
}
@media (max-width: 768px) {
    .zapis__wr > * {
        width: calc(50% - 7.5px);
    }
}
@media (max-width: 550px) {
    .zapis__wr > * {
        width: 100%;
    }
}
.zapis__btns {
    margin-top: 20px;
}
@media (max-width: 768px) {
    .zapis__btns {
        margin-top: 15px;
    }
}
.zapis__btns button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: var(--Blue, #5676c3);
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    padding: 3px 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
}
.zapis__btns button:hover {
    opacity: 0.8;
}
.zapis__btns button svg {
    display: block;
    width: 18px;
    height: auto;
}
.zapis__btns button.zapis__otm {
    color: var(--Red, #e15233);
}
.zapis__btns button.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.zapis__opl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid rgba(24, 25, 30, 0.1);
}
@media (max-width: 1024px) {
    .zapis__opl {
        margin-top: 22px;
        padding-top: 22px;
    }
}
@media (max-width: 768px) {
    .zapis__opl {
        margin-top: 20px;
        padding-top: 20px;
        gap: 10px;
    }
}
.zapis__opl a {
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    width: calc(33.3333333333% - 13.3333333333px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 10px;
    text-align: center;
}
@media (max-width: 768px) {
    .zapis__opl a {
        width: calc(50% - 5px);
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}
@media (max-width: 550px) {
    .zapis__opl a {
        width: 100%;
    }
}
.zapis__tink {
    border: 2px solid var(--Black, #18191e);
    padding: 10px 22px;
    color: var(--Black, #18191e);
}
.zapis__tink:hover {
    background-color: var(--Black, #18191e);
    color: #fff;
}
.zapis__dol {
    background: var(--Black, #18191e);
    padding: 12px 24px;
    color: var(--White, #fff);
}
.zapis__dol svg {
    display: block;
    width: 18px;
    height: auto;
}
.zapis__dol:hover {
    opacity: 0.8;
}
.zapis__onl {
    border-radius: 10px;
    background: var(--Blue, #5676c3);
    padding: 12px 24px;
    color: var(--White, #fff);
}
.zapis__onl:hover {
    opacity: 0.8;
}
.zapis__gf {
    margin-top: 30px;
    display: none;
}
.zapis__gf.active {
    display: block;
}
.zapis__gfTitle {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .zapis__gfTitle {
        margin-bottom: 25px;
        font-size: 23px;
    }
}
@media (max-width: 768px) {
    .zapis__gfTitle {
        margin-bottom: 20px;
        font-size: 20px;
    }
}
.zapis__gfDescr {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin: 20px 0 0;
}
@media (max-width: 1024px) {
    .zapis__gfDescr {
        margin-top: 17px;
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .zapis__gfDescr {
        margin-top: 15px;
        font-size: 14px;
    }
}

.svedeniy__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 70px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .svedeniy__wrap {
        gap: 50px;
    }
}
@media (max-width: 768px) {
    .svedeniy__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
    }
}
.svedeniy__anch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    width: 300px;
    position: sticky;
    top: 100px;
}
@media (max-width: 1024px) {
    .svedeniy__anch {
        width: 230px;
        gap: 17px;
        top: 90px;
    }
}
@media (max-width: 768px) {
    .svedeniy__anch {
        width: 100%;
        gap: 15px;
        position: static;
        top: initial;
    }
}
.svedeniy__anch a {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .svedeniy__anch a {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .svedeniy__anch a {
        font-size: 13px;
    }
}
.svedeniy__anch a:hover {
    color: var(--Blue, #5676c3);
}
.svedeniy__cont {
    width: calc(100% - 370px);
}
@media (max-width: 1024px) {
    .svedeniy__cont {
        width: calc(100% - 280px);
    }
}
@media (max-width: 768px) {
    .svedeniy__cont {
        width: 100%;
    }
}
.svedeniy__title {
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .svedeniy__title {
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .svedeniy__title {
        margin-bottom: 20px;
        display: none;
    }
}
.svedeniy__title--mob {
    display: none;
}
@media (max-width: 768px) {
    .svedeniy__title--mob {
        display: block;
    }
}
.svedeniy__wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 1024px) {
    .svedeniy__wr {
        gap: 20px;
    }
}
@media (max-width: 768px) {
    .svedeniy__wr {
        gap: 30px;
    }
}

.lk__title {
    max-width: 700px;
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .lk__title {
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .lk__title {
        margin-bottom: 30px;
    }
}
.lk__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}
@media (max-width: 1250px) {
    .lk__wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 1024px) {
    .lk__wrap {
        gap: 30px;
    }
}
@media (max-width: 768px) {
    .lk__wrap {
        gap: 20px;
    }
}
.lk__card {
    border-radius: 32px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    width: 700px;
    padding: 40px 50px;
}
@media (max-width: 1250px) {
    .lk__card {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .lk__card {
        padding: 35px 35px;
        border-radius: 25px;
    }
}
@media (max-width: 768px) {
    .lk__card {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.lk__inf {
    border-radius: 32px;
    background: var(--Gray, #f0f4fd);
    width: 580px;
    padding: 40px;
}
@media (max-width: 1250px) {
    .lk__inf {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .lk__inf {
        padding: 35px 30px;
        border-radius: 25px;
    }
}
@media (max-width: 768px) {
    .lk__inf {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.lk__cardT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}
@media (max-width: 1024px) {
    .lk__cardT {
        margin-bottom: 17px;
    }
}
@media (max-width: 768px) {
    .lk__cardT {
        margin-bottom: 15px;
    }
}
.lk__cardName {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 110%;
    margin: 0;
}
@media (max-width: 1024px) {
    .lk__cardName {
        font-size: 29px;
    }
}
@media (max-width: 768px) {
    .lk__cardName {
        font-size: 22px;
    }
}
.lk__cardEdit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 23px;
    min-width: 23px;
    height: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .lk__cardEdit {
        width: 19px;
        min-width: 19px;
    }
}
@media (max-width: 768px) {
    .lk__cardEdit {
        width: 16px;
        min-width: 16px;
    }
}
.lk__cardEdit:hover {
    opacity: 0.7;
}
.lk__cardInf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}
@media (max-width: 1024px) {
    .lk__cardInf {
        gap: 22px;
    }
}
@media (max-width: 768px) {
    .lk__cardInf {
        gap: 15px;
    }
}
@media (max-width: 600px) {
    .lk__cardInf {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.lk__cardImg {
    width: 250px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 14px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
}
@media (max-width: 600px) {
    .lk__cardImg {
        width: 80px;
        display: none;
    }
}
@media (max-width: 600px) {
    .lk__cardImg--mob {
        display: block;
        border-radius: 8px;
    }
}
.lk__cardInf2 {
    width: calc(100% - 280px);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
@media (max-width: 1024px) {
    .lk__cardInf2 {
        width: calc(100% - 272px);
    }
}
@media (max-width: 768px) {
    .lk__cardInf2 {
        gap: 20px;
    }
}
@media (max-width: 600px) {
    .lk__cardInf2 {
        width: 100%;
    }
}
.lk__cardName2 {
    color: var(--Black, #18191e);
    font-size: 26px;
    font-weight: 600;
    line-height: 110%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .lk__cardName2 {
        margin-bottom: 15px;
        font-size: 23px;
    }
}
@media (max-width: 768px) {
    .lk__cardName2 {
        margin-bottom: 10px;
        font-size: 20px;
    }
}
@media (max-width: 600px) {
    .lk__cardName2 {
        display: none;
    }
}
.lk__cardName2--mob {
    display: none;
    margin-bottom: 0;
}
@media (max-width: 600px) {
    .lk__cardName2--mob {
        display: block;
    }
}
.lk__cardWr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .lk__cardWr {
        gap: 20px 10px;
    }
}
.lk__cardW {
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
@media (max-width: 768px) {
    .lk__cardW {
        width: calc(50% - 5px);
    }
}
.lk__cardW span {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .lk__cardW span {
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .lk__cardW span {
        font-size: 12px;
    }
}
.lk__cardW div {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .lk__cardW div {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .lk__cardW div {
        font-size: 14px;
    }
}
.lk__cardTest {
    color: var(--Blue, #5676c3);
    font-size: 15px;
    font-weight: 400;
    line-height: 110%;
    margin-top: 30px;
    display: inline-block;
    border-bottom: 1px dashed var(--Blue, #5676c3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .lk__cardTest {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .lk__cardTest {
        font-size: 13px;
    }
}
@media (max-width: 600px) {
    .lk__cardTest {
        display: none;
    }
}
@media (max-width: 600px) {
    .lk__cardTest--mob {
        display: block;
        border: none;
        text-decoration: underline;
        margin-top: 0;
    }
}
.lk__cardTest:hover {
    border-color: transparent;
}
.lk__cardPromo {
    width: 250px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    border: 2px solid var(--Blue, #5676c3);
    color: var(--Blue, #5676c3);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    padding: 10px 22px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .lk__cardPromo {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .lk__cardPromo {
        font-size: 14px;
    }
}
@media (max-width: 600px) {
    .lk__cardPromo {
        margin-top: 20px;
        width: 100%;
    }
}
.lk__cardPromo:hover {
    background-color: var(--Blue, #5676c3);
    color: #fff;
}
.lk__infName {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .lk__infName {
        margin-bottom: 17px;
        font-size: 29px;
    }
}
@media (max-width: 768px) {
    .lk__infName {
        margin-bottom: 15px;
        font-size: 22px;
    }
}
.lk__infAct {
    color: var(--Black, #18191e);
    font-size: 24px;
    font-weight: 600;
    line-height: 110%;
    margin: 0 0 15px;
}
@media (max-width: 1024px) {
    .lk__infAct {
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    .lk__infAct {
        font-size: 20px;
    }
}
.lk__infLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.lk__infLinks button {
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    padding: 18px 24px;
    border-radius: 10px;
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .lk__infLinks button {
        font-size: 15px;
        padding: 15px 24px;
        border-radius: 9px;
    }
}
@media (max-width: 768px) {
    .lk__infLinks button {
        font-size: 14px;
        padding: 12px 24px;
        border-radius: 8px;
    }
}
@media (max-width: 600px) {
    .lk__infLinks button {
        width: 100%;
    }
}
.lk__infLinks button:hover {
    opacity: 0.8;
}
.lk__infBtn1 {
    background: var(--Pink, #f298d4);
}
.lk__infBtn2 {
    background: var(--Blue, #5676c3);
}
.lk__infEnd {
    margin-top: 30px;
}
@media (max-width: 1024px) {
    .lk__infEnd {
        margin-top: 25px;
    }
}
@media (max-width: 768px) {
    .lk__infEnd {
        margin-top: 20px;
    }
}
.lk__infEndTitle {
    color: var(--Black, #18191e);
    font-size: 24px;
    font-weight: 600;
    line-height: 110%;
    margin: 0 0 15px;
}
@media (max-width: 1024px) {
    .lk__infEndTitle {
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    .lk__infEndTitle {
        font-size: 20px;
    }
}
.lk__infEndList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
@media (max-width: 1024px) {
    .lk__infEndList {
        gap: 12px;
    }
}
@media (max-width: 768px) {
    .lk__infEndList {
        gap: 10px;
    }
}
.lk__infEndCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}
@media (max-width: 1024px) {
    .lk__infEndCard {
        gap: 5px;
    }
}
@media (max-width: 768px) {
    .lk__infEndCard {
        gap: 4px;
    }
}
.lk__infEndCard span {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}
@media (max-width: 1024px) {
    .lk__infEndCard span {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .lk__infEndCard span {
        font-size: 14px;
    }
}
.lk__infEndCard div {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
@media (max-width: 1024px) {
    .lk__infEndCard div {
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .lk__infEndCard div {
        font-size: 12px;
    }
}
.lk__cardMob {
    display: none;
}
@media (max-width: 600px) {
    .lk__cardMob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
    }
}
.lk__cardMobInf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 95px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.proverka__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
@media (max-width: 1024px) {
    .proverka__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.proverka__test {
    border-radius: 40px;
    background: var(--White, #fff);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    width: 860px;
    padding: 40px;
}
@media (max-width: 1024px) {
    .proverka__test {
        width: 100%;
        padding: 35px 30px;
        border-radius: 29px;
    }
}
@media (max-width: 768px) {
    .proverka__test {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.proverka__bn {
    border-radius: 26px;
    background: var(--Gray, #f0f4fd);
    width: 440px;
    max-width: 100%;
    padding: 40px 30px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .proverka__bn {
        padding: 35px 25px;
        border-radius: 22px;
    }
}
@media (max-width: 768px) {
    .proverka__bn {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.proverka__bn.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.proverka__bnTitle {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .proverka__bnTitle {
        margin-bottom: 17px;
        font-size: 30px;
    }
}
@media (max-width: 768px) {
    .proverka__bnTitle {
        margin-bottom: 15px;
        font-size: 24px;
    }
}
.proverka__bnText {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .proverka__bnText {
        margin-bottom: 25px;
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .proverka__bnText {
        margin-bottom: 20px;
        font-size: 14px;
    }
}
.proverka__bnLink {
    margin-top: auto;
    border-radius: 10px;
    background: var(--Blue, #5676c3);
    color: var(--White, #fff);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 12px 20px;
    width: 100%;
}
@media (max-width: 1024px) {
    .proverka__bnLink {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .proverka__bnLink {
        font-size: 14px;
    }
}
.proverka__bnLink:hover {
    opacity: 0.8;
}
.proverka__test {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .proverka__test {
        gap: 30px;
    }
}
@media (max-width: 768px) {
    .proverka__test {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.proverka__testStep {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 768px) {
    .proverka__testStep {
        width: 100%;
    }
}
.proverka__testStep.hidden {
    display: none;
}
.proverka__testStepWr {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    white-space: nowrap;
}
.proverka__testStepWr.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .proverka__testStepWr {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.proverka__testStepWr span {
    white-space: nowrap;
    color: var(--Black-30, rgba(24, 25, 30, 0.3));
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .proverka__testStepWr span {
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .proverka__testStepWr span {
        font-size: 12px;
    }
}
.proverka__testStepWrBtns button:hover {
    opacity: 0.8;
}
.proverka__testStepWrBtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.proverka__testStepWrBtns button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 60px;
    background: var(--Blue, #5676c3);
    width: 40px;
    min-width: 40px;
    height: 40px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .proverka__testStepWrBtns button {
        width: 35px;
        height: 35px;
        min-width: 35px;
    }
}

@media (max-width: 1024px) {
    .proverka__testStepWrBtns button {
        transition: none !important;
    }

    .proverka__testStepWrBtns button:hover {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .proverka__testStepWrBtns button {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }
}
.proverka__testStepWrBtns button svg {
    display: block;
    width: 16px;
    height: auto;
}
@media (max-width: 1024px) {
    .proverka__testStepWrBtns button svg {
        width: 15px;
    }
}
@media (max-width: 768px) {
    .proverka__testStepWrBtns button svg {
        width: 14px;
    }
}
.proverka__testStepWrBtns button[disabled] {
    opacity: 0.55;
    cursor: no-drop;
}
.proverka__testQw {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width: 768px) {
    .proverka__testQw {
        width: 100%;
    }
}
.proverka__testVopr {
    display: none;
}
.proverka__testVopr.active {
    display: block;
}
.proverka__testName {
    color: var(--Black, #18191e);
    font-size: 22px;
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .proverka__testName {
        margin-bottom: 25px;
        font-size: 19px;
    }
}
@media (max-width: 768px) {
    .proverka__testName {
        margin-bottom: 20px;
        font-size: 16px;
    }
}
.proverka__testVoprText {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .proverka__testVoprText {
        font-size: 17px;
        margin-bottom: 17px;
    }
}
@media (max-width: 768px) {
    .proverka__testVoprText {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
.proverka__testRadio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
}
@media (max-width: 1024px) {
    .proverka__testRadio {
        gap: 12px;
    }
}
@media (max-width: 768px) {
    .proverka__testRadio {
        gap: 10px;
    }
}
.proverka__testRadio label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
}
.proverka__testRadio label input {
    display: none;
}
.proverka__testRadio label input:checked + .decor {
    border-color: var(--Blue, #5676c3);
}
.proverka__testRadio label input:checked + .decor::after {
    background-color: var(--Blue, #5676c3);
    opacity: 1;
}
.proverka__testRadio label span {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
}
@media (max-width: 1024px) {
    .proverka__testRadio label span {
        font-size: 16px;
        line-height: 1.3;
    }
}
@media (max-width: 768px) {
    .proverka__testRadio label span {
        font-size: 14px;
        line-height: 1.2;
    }
}
.proverka__testRadio label .decor {
    border-radius: 20px;
    border: 1.5px solid var(--Gray-Text, #bbbfc6);
    width: 18px;
    min-width: 18px;
    height: 18px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}
@media (max-width: 1024px) {
    .proverka__testRadio label .decor {
        width: 16px;
        min-width: 16px;
        height: 16px;
    }
}
@media (max-width: 768px) {
    .proverka__testRadio label .decor {
        width: 14px;
        min-width: 14px;
        height: 14px;
    }
}
.proverka__testRadio label .decor::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
    opacity: 0;
}
.proverka__testAudio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}
@media (max-width: 1024px) {
    .proverka__testAudio {
        margin-bottom: 17px;
    }
}
@media (max-width: 768px) {
    .proverka__testAudio {
        margin-bottom: 15px;
    }
}
.proverka__testAudio span {
    color: var(--Black-30, rgba(24, 25, 30, 0.3));
    font-size: 12px;
    font-weight: 600;
    line-height: 140%;
}
.proverka__testAudio .audio {
    display: block;
    width: 100%;
    max-width: 500px;
    border-radius: 12px !important;
    background: var(--Gray, #f0f4fd) !important;
    overflow: hidden;
}
.proverka__testAudio .audio .pjscssed {
    background: var(--Gray, #f0f4fd) !important;
}
.proverka__testAudio .audio iframe {
    background: var(--Gray, #f0f4fd) !important;
}
.proverka__testAudio
    .audio
    iframe
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    pjsdiv
    + pjsdiv
    > pjsdiv
    path {
    fill: #000;
}
.proverka__testAudio .audio iframe + pjsdiv + pjsdiv + pjsdiv {
    opacity: 0 !important;
}
.proverka__testAudio
    .audio
    iframe
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    pjsdiv
    + pjsdiv
    > pjsdiv
    polygon,
.proverka__testAudio
    .audio
    iframe
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    pjsdiv
    + pjsdiv
    > pjsdiv
    path {
    fill: #000;
}
.proverka__testAudio
    .audio
    iframe
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    > pjsdiv
    + pjsdiv
    > pjsdiv
    + pjsdiv
    + pjsdiv {
    background: #5676c3 !important;
}
.proverka__testAudio
    .audio
    iframe
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    > pjsdiv
    + pjsdiv
    > pjsdiv
    + pjsdiv
    + pjsdiv {
    background: #5676c3 !important;
    height: 6px !important;
}
.proverka__testAudio
    .audio
    iframe
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv,
.proverka__testAudio
    .audio
    iframe
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    + pjsdiv
    * {
    pointer-events: none !important;
}
.proverka__testFinalTitle {
    color: var(--Black, #18191e);
    font-size: 40px;
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 10px;
}
@media (max-width: 1024px) {
    .proverka__testFinalTitle {
        font-size: 28px;
        line-height: 1/3;
    }
}
@media (max-width: 768px) {
    .proverka__testFinalTitle {
        font-size: 16px;
        line-height: 1.2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.proverka__testFinalTitle span {
    display: none;
}
@media (max-width: 768px) {
    .proverka__testFinalTitle span {
        display: inline;
        color: var(--Blue, #5676c3);
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }
}
.proverka__testFinalLevel {
    color: var(--Black, #18191e);
    font-size: 32px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 10px;
}
@media (max-width: 1024px) {
    .proverka__testFinalLevel {
        font-size: 26px;
        margin-bottom: 15px;
    }
}
@media (max-width: 768px) {
    .proverka__testFinalLevel {
        font-size: 20px;
        margin-bottom: 20px;
    }
}
.proverka__testFinalCourse {
    margin: 0 0 40px;
}
@media (max-width: 1024px) {
    .proverka__testFinalCourse {
        margin-bottom: 35px;
    }
}
@media (max-width: 768px) {
    .proverka__testFinalCourse {
        margin-bottom: 30px;
    }
}
.proverka__testFinalCourse span {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}
@media (max-width: 1024px) {
    .proverka__testFinalCourse span {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .proverka__testFinalCourse span {
        font-size: 14px;
    }
}
.proverka__testFinalCourse a {
    color: var(--Blue, #5676c3);
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
    border-bottom: 1px dashed var(--Blue, #5676c3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .proverka__testFinalCourse a {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .proverka__testFinalCourse a {
        font-size: 14px;
    }
}
.proverka__testFinalCourse a:hover {
    border-color: transparent;
}
.proverka__testFinalRec {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    max-width: 260px;
    margin: 0 0 10px;
}
@media (max-width: 1024px) {
    .proverka__testFinalRec {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .proverka__testFinalRec {
        font-size: 13px;
        color: var(--Black-60, rgba(24, 25, 30, 0.6));
    }
}
.proverka__testFinalLink {
    color: var(--Blue, #5676c3);
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    border-bottom: 1px dashed var(--Blue, #5676c3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .proverka__testFinalLink {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .proverka__testFinalLink {
        font-size: 14px;
    }
}
.proverka__testFinalLink:hover {
    border-color: transparent;
}
.proverka__testStepFinal {
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    border-radius: 10px;
    background: var(--Blue, #5676c3);
    padding: 12px 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.proverka__testStepFinal.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .proverka__testStepFinal {
        width: 100%;
        font-size: 14px;
    }
}
.proverka__testStepFinal:hover {
    opacity: 0.8;
}
.proverka__testStepWrFinal {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.proverka__testStepWrFinal.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.proverka__testStepWrFinal span {
    color: var(--Black, #18191e);
    font-size: 22px;
    font-weight: 500;
    line-height: 140%;
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .proverka__testStepWrFinal span {
        font-size: 20px;
    }
}
.proverka__testStepWrFinal div {
    width: 100%;
    height: 7px;
    border-radius: 10px;
    background: #d9d9d9;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .proverka__testStepWrFinal div {
        height: 6px;
    }
}
.proverka__testStepWrFinal div div {
    border-radius: 10px;
    background: var(--Blue, #5676c3);
}
.proverka__testVoprS {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.proverka__testVoprS.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.proverka__testVoprSL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
.proverka__testVoprST {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 110%;
    margin: 0;
}
@media (max-width: 1024px) {
    .proverka__testVoprST {
        font-size: 29px;
    }
}
@media (max-width: 768px) {
    .proverka__testVoprST {
        font-size: 22px;
    }
}
.proverka__testVoprSH {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .proverka__testVoprSH {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .proverka__testVoprSH {
        font-size: 16px;
    }
}
.proverka__testVoprSSvg {
    width: 160px;
    min-width: 160px;
    height: 160px;
    border-radius: 50%;
    border-radius: 160px;
    background: rgba(45, 192, 68, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.proverka__testVoprSSvg--error {
    background-color: rgba(225, 82, 51, 0.1);
}
@media (max-width: 1024px) {
    .proverka__testVoprSSvg {
        width: 110px;
        height: 110px;
        min-width: 110px;
    }
}
@media (max-width: 768px) {
    .proverka__testVoprSSvg {
        width: 60px;
        min-width: 60px;
        height: 60px;
    }
}
.proverka__testVoprSSvg svg {
    display: block;
    width: 60px;
    height: auto;
}
@media (max-width: 1024px) {
    .proverka__testVoprSSvg svg {
        width: 45px;
    }
}
@media (max-width: 768px) {
    .proverka__testVoprSSvg svg {
        width: 30px;
    }
}
.proverka__testVoprSLi {
    border-radius: 10px;
    background: var(--Blue, #5676c3);
    padding: 12px 24px;
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 15px;
}
@media (max-width: 1024px) {
    .proverka__testVoprSLi {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .proverka__testVoprSLi {
        font-size: 14px;
    }
}
.proverka__testVoprSLi:hover {
    opacity: 0.8;
}

.testInfo {
    margin: 30px 0;
}
.testInfo__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 32px;
    background: var(--Gray, #f0f4fd);
    padding: 40px;
}
@media (max-width: 1024px) {
    .testInfo__wrap {
        padding: 35px 30px;
        border-radius: 25px;
    }
}
@media (max-width: 768px) {
    .testInfo__wrap {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
@media (max-width: 600px) {
    .testInfo__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.testInfo__progress {
    width: 80px;
    min-width: 80px;
    position: relative;
}
@media (max-width: 600px) {
    .testInfo__progress {
        width: 100%;
    }
}
.testInfo__progress span {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
    .testInfo__progress span {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .testInfo__progress span {
        font-size: 14px;
    }
}
@media (max-width: 600px) {
    .testInfo__progress span {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: initial;
        left: initial;
    }
}
.testInfo__progress svg {
    display: block;
    fill: none;
    stroke-width: 10px !important;
    stroke: rgba(86, 118, 195, 0.1);
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 100%;
    height: auto;
}
@media (max-width: 600px) {
    .testInfo__progress svg {
        display: none;
    }
}
.testInfo__progress svg:last-of-type {
    z-index: 3;
    stroke: #5676c3;
    stroke-dashoffset: calc(1068.14128 * (1 - var(--progress)));
    stroke-dasharray: 1068.14128;
}
.testInfo__progress div {
    display: none;
}
@media (max-width: 600px) {
    .testInfo__progress div {
        display: block;
        margin-top: 8px;
        width: 100%;
        border-radius: 4px;
        background: rgba(86, 118, 195, 0.1);
        height: 4px;
    }
    .testInfo__progress div div {
        border-radius: 4px;
        background: var(--Blue, #5676c3);
    }
}
.testInfo__inf {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width: 600px) {
    .testInfo__inf {
        width: 100%;
    }
}
.testInfo__date {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 10px;
}
@media (max-width: 1024px) {
    .testInfo__date {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .testInfo__date {
        font-size: 13px;
    }
}
.testInfo__name {
    color: var(--Black, #18191e);
    font-family: "Soyuz Grotesk";
    font-size: 50px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .testInfo__name {
        font-size: 45px;
    }
}
@media (max-width: 768px) {
    .testInfo__name {
        font-size: 40px;
    }
}
.testInfo__link {
    color: var(--Blue, #5676c3);
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    border-bottom: 1px dashed var(--Blue, #5676c3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .testInfo__link {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .testInfo__link {
        font-size: 16px;
    }
}
.testInfo__link:hover {
    border-color: transparent;
}

.test {
    overflow: hidden;
}
.test__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .test__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
    }
}
@media (max-width: 768px) {
    .test__wrap {
        gap: 30px;
    }
}
.test__nav {
    border-radius: 32px;
    background: var(--Gray, #f0f4fd);
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    width: 350px;
}
@media (max-width: 1024px) {
    .test__nav {
        width: 100%;
        border-radius: 0;
        background-color: transparent;
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 10px;
        overflow: auto;
        margin-left: -17px;
        margin-right: -17px;
        padding-left: 17px;
        padding-right: 17px;
        width: 100vw;
    }
}
@media (max-width: 768px) {
    .test__nav {
        margin-left: -14px;
        margin-right: -14px;
        padding-left: 14px;
        padding-right: 14px;
    }
}
.test__nav a {
    border-radius: 12px;
    opacity: 0.6;
    border-left: 5px solid var(--Blue, #5676c3);
    border-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 16px 16px 16px 40px;
    counter-increment: test;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .test__nav a {
        border-radius: 0;
        padding: 8px 14px;
        border-radius: 8px;
        border: none;
    }
}
.test__nav a.success {
    opacity: 1;
    pointer-events: all;
}
.test__nav a.success svg {
    display: block;
}
.test__nav a.success .test__navText span {
    color: var(--Green, #2dc044);
}
.test__nav a.active {
    opacity: 1;
    border-color: var(--Blue, #5676c3);
    background: var(--White, #fff);
    pointer-events: all;
}
@media (max-width: 1024px) {
    .test__nav a.active {
        background: var(--Gray, #f0f4fd);
    }
}
.test__nav a.this {
    opacity: 1;
    pointer-events: all;
}
.test__nav a.error .test__navText span {
    color: var(--Red, #e15233);
}
.test__navName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    margin: 0 0 10px;
    position: relative;
}
@media (max-width: 1024px) {
    .test__navName {
        font-size: 15px;
        gap: 12px;
        white-space: nowrap;
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .test__navName {
        font-size: 14px;
        gap: 10px;
    }
}
.test__navName::after {
    content: counter(test);
    color: var(--Blue, #5676c3);
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -15px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
@media (max-width: 1024px) {
    .test__navName::after {
        content: none;
    }
}
.test__navName svg {
    display: none;
    width: 16px;
    min-width: 16px;
    height: auto;
}
.test__navText {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}
@media (max-width: 1024px) {
    .test__navText {
        display: none;
    }
}
.test__test {
    width: calc(100% - 410px);
}
@media (max-width: 1024px) {
    .test__test {
        width: 100%;
    }
}
.test__testNumber {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 18px;
    font-weight: 400;
    line-height: 110%;
    margin: 0 0 15px;
}
@media (max-width: 1024px) {
    .test__testNumber {
        margin-bottom: 13px;
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .test__testNumber {
        margin-bottom: 12px;
        font-size: 16px;
    }
}
.test__testTheme {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .test__testTheme {
        margin-bottom: 25px;
        font-size: 30px;
    }
}
@media (max-width: 768px) {
    .test__testTheme {
        margin-bottom: 20px;
        font-size: 24px;
    }
}
.test__testList {
    border-radius: 32px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
}
@media (max-width: 1024px) {
    .test__testList {
        padding: 30px 25px;
        gap: 30px;
        border-radius: 25px;
    }
}
@media (max-width: 768px) {
    .test__testList {
        padding: 30px 20px;
        gap: 20px;
        border-radius: 18px;
    }
}
.test__testList > div {
    width: calc(50% - 20px);
}
@media (max-width: 1024px) {
    .test__testList > div {
        width: calc(50% - 15px);
    }
}
@media (max-width: 768px) {
    .test__testList > div {
        width: 100%;
    }
}
.test__testList > div ul {
    margin: 0;
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.test__testList > div ul li {
    position: relative;
    padding-left: 25px;
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}
@media (max-width: 1024px) {
    .test__testList > div ul li {
        padding-left: 22px;
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .test__testList > div ul li {
        padding-left: 20px;
        font-size: 14px;
    }
}
.test__testList > div ul li::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url("/img/chl.svg") no-repeat center/contain;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.test__testListName {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 15px;
}
@media (max-width: 1024px) {
    .test__testListName {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .test__testListName {
        font-size: 14px;
    }
}
.test__video {
    background: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(rgba(24, 25, 30, 0.6)),
            to(rgba(24, 25, 30, 0.6))
        ),
        url(<path-to-image>) lightgray -45.714px -128px/110.047% 157.175%
            no-repeat;
    background: linear-gradient(
            0deg,
            rgba(24, 25, 30, 0.6) 0%,
            rgba(24, 25, 30, 0.6) 100%
        ),
        url(<path-to-image>) lightgray -45.714px -128px/110.047% 157.175%
            no-repeat;
    width: 100%;
    margin: 30px 0;
    overflow: hidden;
    border-radius: 32px;
}
@media (max-width: 1024px) {
    .test__video {
        margin-bottom: 25px;
        border-radius: 25px;
    }
}
@media (max-width: 768px) {
    .test__video {
        margin-bottom: 20px;
        border-radius: 18px;
    }
}
.test__video video {
    display: block;
    width: 100%;
}
.test__links {
    margin: 30px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 20px;
}
@media (max-width: 1024px) {
    .test__links {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .test__links {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}
.test__links a {
    border-radius: 22px;
    background: var(--Gray, #f0f4fd);
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    width: calc(50% - 10px);
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 700;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .test__links a {
        padding: 18px;
        gap: 12px;
        font-size: 19px;
        border-radius: 18px;
    }
}
@media (max-width: 768px) {
    .test__links a {
        padding: 16px;
        gap: 10px;
        font-size: 18px;
        border-radius: 14px;
    }
}
@media (max-width: 650px) {
    .test__links a {
        width: 100%;
    }
}
.test__links a:hover {
    opacity: 0.8;
}
.test__links a .svg {
    border-radius: 12px;
    background: var(--Blue, #5676c3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
}
@media (max-width: 1024px) {
    .test__links a .svg {
        width: 35px;
        min-width: 35px;
        height: 35px;
        border-radius: 10px;
    }
}
@media (max-width: 768px) {
    .test__links a .svg {
        width: 30px;
        min-width: 30px;
        height: 30px;
        border-radius: 8px;
    }
}
.test__links a .svg svg {
    display: block;
    width: 24px;
    height: auto;
}
@media (max-width: 1024px) {
    .test__links a .svg svg {
        width: 20px;
    }
}
@media (max-width: 768px) {
    .test__links a .svg svg {
        width: 16px;
    }
}
.test__linksDzPr {
    margin-left: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    width: 40px;
    height: 40px;
    min-width: 40px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color2);
}
@media (max-width: 1024px) {
    .test__linksDzPr {
        font-size: 13px;
        width: 38px;
        min-width: 38px;
        height: 38px;
    }
}
@media (max-width: 768px) {
    .test__linksDzPr {
        width: 36px;
        min-width: 36px;
        height: 36px;
    }
}
.test__linksDzPr.error {
    --color: rgba(225, 82, 51, 0.15);
    --color2: #e15233;
}
.test__linksDzPr.success {
    --color: rgba(45, 192, 67, 0.15);
    --color2: #2dc044;
}
.test__linksDzPr svg {
    display: block;
    fill: none;
    stroke-width: 16px !important;
    stroke: var(--color);
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 100%;
    height: auto;
}
.test__linksDzPr svg:last-of-type {
    z-index: 3;
    stroke: var(--color2);
    stroke-dashoffset: calc(1068.14128 * (1 - var(--progress)));
    stroke-dasharray: 1068.14128;
}
.test__linksDz .svg {
    background: var(--Pink, #f298d4) !important;
}
.test__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px 20px;
    margin-top: 50px;
}
@media (max-width: 1024px) {
    .test__navigation {
        margin-top: 45px;
    }
}
@media (max-width: 768px) {
    .test__navigation {
        margin-top: 40px;
    }
}
.test__navigation a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .test__navigation a {
        font-size: 14px;
        gap: 8px;
    }
}
@media (max-width: 768px) {
    .test__navigation a {
        font-size: 13px;
        gap: 6px;
    }
}
.test__navigation a:hover {
    opacity: 0.8;
}
.test__navigation a svg {
    display: block;
    width: 12px;
    height: auto;
}
@media (max-width: 1024px) {
    .test__navigation a svg {
        width: 11px;
    }
}
@media (max-width: 768px) {
    .test__navigation a svg {
        width: 10px;
    }
}
.test__navigation a.dis {
    pointer-events: none;
    opacity: 0.3;
}
.test__tt {
    margin-top: 20px;
    border-radius: 32px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    background: var(--White, #fff);
    padding: 30px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media (max-width: 1024px) {
    .test__tt {
        padding: 30px 25px;
        border-radius: 25px;
        margin-top: 25px;
    }
}
@media (max-width: 768px) {
    .test__tt {
        padding: 30px 20px;
        border-radius: 18px;
        margin-top: 30px;
    }
}
.test__ttTest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 10px;
}
@media (max-width: 1024px) {
    .test__ttTest {
        gap: 12px;
        font-size: 19px;
    }
}
@media (max-width: 768px) {
    .test__ttTest {
        gap: 10px;
        font-size: 18px;
    }
}
.test__ttTest svg {
    display: block;
    width: 24px;
    min-width: 24px;
    height: auto;
}
@media (max-width: 1024px) {
    .test__ttTest svg {
        width: 22px;
        min-width: 22px;
    }
}
@media (max-width: 768px) {
    .test__ttTest svg {
        width: 20px;
        min-width: 20px;
    }
}
.test__ttText {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .test__ttText {
        margin-bottom: 25px;
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .test__ttText {
        margin-bottom: 30px;
    }
}

.dzLesson__title {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .dzLesson__title {
        font-size: 29px;
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .dzLesson__title {
        font-size: 22px;
        margin-bottom: 20px;
    }
}
.dzLesson__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media (max-width: 1024px) {
    .dzLesson__wrap {
        gap: 15px;
    }
}
@media (max-width: 768px) {
    .dzLesson__wrap {
        gap: 10px;
    }
}
.dzLesson__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 16px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    background: var(--White, #fff);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 20px;
    width: calc(25% - 15px);
    opacity: 0.6;
    --color: rgba(24, 25, 30, 0.1);
    --color2: rgba(24, 25, 30, 0.1);
    --color3: rgba(24, 25, 30, 0.3);
}
@media (max-width: 1200px) {
    .dzLesson__card {
        width: calc(33.3333333333% - 13.3333333333px);
    }
}
@media (max-width: 1024px) {
    .dzLesson__card {
        padding: 18px;
        gap: 13px;
        border-radius: 14px;
        width: calc(33.3333333333% - 10px);
    }
}
@media (max-width: 768px) {
    .dzLesson__card {
        padding: 16px;
        gap: 10px;
        border-radius: 12px;
        width: calc(50% - 5px);
    }
}
@media (max-width: 550px) {
    .dzLesson__card {
        width: 100%;
    }
}
.dzLesson__card.success {
    opacity: 1;
    --color: rgba(45, 192, 68, 0.15);
    --color2: #2dc044;
    --color3: #2dc044;
}
.dzLesson__card.error {
    opacity: 1;
    --color: rgba(225, 82, 51, 0.15);
    --color2: #e15233;
    --color3: #e15233;
}
.dzLesson__card:hover {
    opacity: 1;
}
.dzLesson__name {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
}
@media (max-width: 1024px) {
    .dzLesson__name {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .dzLesson__name {
        font-size: 16px;
    }
}
.dzLesson__progress {
    width: 38px;
    min-width: 38px;
    height: 38px;
    position: relative;
}
@media (max-width: 1024px) {
    .dzLesson__progress {
        width: 35px;
        min-width: 35px;
        height: 35px;
    }
}
@media (max-width: 768px) {
    .dzLesson__progress {
        width: 32px;
        min-width: 32px;
        height: 32px;
    }
}
.dzLesson__progress span {
    color: var(--color3);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
    .dzLesson__progress span {
        font-size: 13px;
    }
}
.dzLesson__progress svg {
    display: block;
    fill: none;
    stroke-width: 16px !important;
    stroke: var(--color);
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 100%;
    height: auto;
}
.dzLesson__progress svg:last-of-type {
    z-index: 3;
    stroke: var(--color2);
    stroke-dashoffset: calc(1068.14128 * (1 - var(--progress)));
    stroke-dasharray: 1068.14128;
}

.dzModul__title {
    color: var(--Black, #18191e);
    font-size: 36px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .dzModul__title {
        font-size: 29px;
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .dzModul__title {
        font-size: 22px;
        margin-bottom: 20px;
    }
}
.dzModul__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media (max-width: 1024px) {
    .dzModul__wrap {
        gap: 15px;
    }
}
@media (max-width: 768px) {
    .dzModul__wrap {
        gap: 10px;
    }
}
.dzModul__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 16px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    background: var(--White, #fff);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 20px;
    width: calc(25% - 15px);
    --color6: rgba(24, 25, 30, 0.6);
}
.dzModul__card.success {
    --color6: #2dc044;
}
.dzModul__card.success .dzModul__resultA {
    opacity: 1;
    pointer-events: all;
}
.dzModul__card.error {
    --color6: #e15233;
}
.dzModul__card.error .dzModul__resultA {
    opacity: 1;
    pointer-events: all;
}
@media (max-width: 1350px) {
    .dzModul__card {
        width: calc(33.3333333333% - 13.3333333333px);
    }
}
@media (max-width: 1024px) {
    .dzModul__card {
        padding: 18px;
        gap: 17px;
        border-radius: 14px;
        width: calc(33.3333333333% - 10px);
    }
}
@media (max-width: 768px) {
    .dzModul__card {
        padding: 16px;
        gap: 15px;
        border-radius: 12px;
        width: calc(50% - 5px);
    }
}
@media (max-width: 600px) {
    .dzModul__card {
        width: 100%;
    }
}
.dzModul__card > div:not(.dzModul__btns) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.dzModul__name {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
}
@media (max-width: 1024px) {
    .dzModul__name {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .dzModul__name {
        font-size: 16px;
    }
}
.dzModul__result {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
@media (max-width: 1024px) {
    .dzModul__result {
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .dzModul__result {
        font-size: 12px;
    }
}
.dzModul__result span {
    color: var(--color6);
}
.dzModul__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dzModul__blue {
    border-radius: 30px;
    background: var(--Blue, #5676c3);
    width: calc(50% - 2.5px);
    color: var(--White, #fff);
    font-size: 14px;
    font-weight: 600;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 12px 20px;
}
@media (max-width: 1024px) {
    .dzModul__blue {
        font-size: 13px;
    }
}
@media (max-width: 950px) {
    .dzModul__blue {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .dzModul__blue {
        font-size: 12px;
        width: calc(50% - 2.5px);
    }
}
.dzModul__blue:hover {
    opacity: 0.8;
}
.dzModul__resultA {
    border-radius: 30px;
    background: var(--Black, #18191e);
    width: calc(50% - 2.5px);
    color: var(--White, #fff);
    font-size: 14px;
    font-weight: 600;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 12px 20px;
    opacity: 0.6;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .dzModul__resultA {
        font-size: 13px;
    }
}
@media (max-width: 950px) {
    .dzModul__resultA {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .dzModul__resultA {
        font-size: 12px;
        width: calc(50% - 2.5px);
    }
}
.dzModul__resultA:hover {
    opacity: 0.8 !important;
}

.dzTest__progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .dzTest__progress {
        margin-bottom: 45px;
        gap: 9px;
    }
}
@media (max-width: 768px) {
    .dzTest__progress {
        margin-bottom: 40px;
        gap: 8px;
    }
}
.dzTest__progress span {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
}
@media (max-width: 1024px) {
    .dzTest__progress span {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .dzTest__progress span {
        font-size: 14px;
    }
}
.dzTest__progress div {
    border-radius: 6px;
    background: var(--Gray, #f0f4fd);
    width: 100%;
    height: 6px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .dzTest__progress div {
        height: 5px;
        border-radius: 5px;
    }
}
@media (max-width: 768px) {
    .dzTest__progress div {
        height: 4px;
        border-radius: 4px;
    }
}
.dzTest__progress div div {
    border-radius: 6px;
    background: var(--Blue, #5676c3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .dzTest__progress div div {
        border-radius: 5px;
    }
}
@media (max-width: 768px) {
    .dzTest__progress div div {
        border-radius: 4px;
    }
}
.dzTest__container {
    max-width: 600px;
    margin: 0 auto;
}
.dzTest__theme {
    color: var(--Black, #18191e);
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 50px;
}
@media (max-width: 1024px) {
    .dzTest__theme {
        font-size: 26px;
        margin-bottom: 45px;
    }
}
@media (max-width: 768px) {
    .dzTest__theme {
        font-size: 22px;
        margin-bottom: 40px;
    }
}
.dzTest__steps {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px 20px;
}
@media (max-width: 1024px) {
    .dzTest__steps {
        margin-top: 55px;
    }
}
@media (max-width: 768px) {
    .dzTest__steps {
        margin-top: 60px;
        gap: 30px 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.dzTest__prev {
    color: var(--Blue, #5676c3);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    padding: 10px 22px;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    border: 2px solid var(--Blue, #5676c3);
    background: var(--White, #fff);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .dzTest__prev {
        font-size: 15px;
        border-radius: 9px;
    }
}
@media (max-width: 768px) {
    .dzTest__prev {
        font-size: 14px;
        border-radius: 8px;
        width: calc(50% - 5px);
    }
}
.dzTest__prev:hover {
    background-color: var(--Blue, #5676c3);
    color: #fff;
}
.dzTest__next {
    display: none;
    border-radius: 10px;
    background: var(--Blue, #5676c3);
    padding: 12px 24px;
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1024px) {
    .dzTest__next {
        font-size: 15px;
        border-radius: 9px;
    }
}
@media (max-width: 768px) {
    .dzTest__next {
        font-size: 14px;
        border-radius: 8px;
        width: calc(50% - 5px);
    }
}
.dzTest__next:hover {
    opacity: 0.8;
}
.dzTest__next.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dzTest__stepsBtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 768px) {
    .dzTest__stepsBtns {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.dzTest__stepsBtns button {
    color: var(--Black-30, rgba(24, 25, 30, 0.3));
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
    border-radius: 12px;
    text-align: center;
    background: var(--Gray, #f0f4fd);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 1024px) {
    .dzTest__stepsBtns button {
        width: 35px;
        height: 35px;
        border-radius: 10px;
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .dzTest__stepsBtns button {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        font-size: 14px;
    }
}
.dzTest__stepsBtns button.ch {
    background: rgba(86, 118, 195, 0.6);
    color: var(--White, #fff);
}
.dzTest__stepsBtns button.active,
.dzTest__stepsBtns button:hover {
    color: var(--White, #fff);
    background: var(--Blue, #5676c3);
}
.dzTest__quest {
    display: none;
}
.dzTest__quest.active {
    display: block;
}
.dzTest__questsNumber {
    color: var(--Black, #18191e);
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .dzTest__questsNumber {
        margin-bottom: 17px;
        font-size: 19px;
    }
}
@media (max-width: 768px) {
    .dzTest__questsNumber {
        margin-bottom: 15px;
        font-size: 18px;
    }
}
.dzTest__questsQue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .dzTest__questsQue {
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .dzTest__questsQue {
        margin-bottom: 20px;
    }
}
.dzTest__questsQueEn {
    color: var(--Black, #18191e);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    margin: 0;
}
@media (max-width: 1024px) {
    .dzTest__questsQueEn {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .dzTest__questsQueEn {
        font-size: 14px;
    }
}
.dzTest__questsQueRu {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    margin: 0;
}
@media (max-width: 1024px) {
    .dzTest__questsQueRu {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .dzTest__questsQueRu {
        font-size: 14px;
    }
}
.dzTest__questsAudio {
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .dzTest__questsAudio {
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .dzTest__questsAudio {
        margin-bottom: 20px;
    }
}
.dzTest__questsAudio audio {
    display: none;
}
.dzTest__questsAudioBtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border-radius: 16px;
    background: var(--Blue, #5676c3);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: none;
}
@media (max-width: 1024px) {
    .dzTest__questsAudioBtns {
        width: 60px;
        height: 60px;
        border-radius: 14px;
    }
}
@media (max-width: 768px) {
    .dzTest__questsAudioBtns {
        width: 50px;
        height: 50px;
        border-radius: 12px;
    }
}
.dzTest__questsAudioBtns svg {
    display: block;
    width: 30px;
    height: auto;
}
@media (max-width: 1024px) {
    .dzTest__questsAudioBtns svg {
        width: 25px;
    }
}
@media (max-width: 768px) {
    .dzTest__questsAudioBtns svg {
        width: 20px;
    }
}
.dzTest__questsAudioBtns:hover {
    opacity: 0.8;
}
.dzTest__questsFlags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.dzTest__questsFlag {
    width: calc(33.3333333333% - 6.6666666667px);
    border-radius: 14px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    background: var(--Gray, #f0f4fd);
    overflow: hidden;
    position: relative;
}
@media (max-width: 600px) {
    .dzTest__questsFlag {
        width: calc(50% - 5px);
        border-radius: 12px;
    }
}
.dzTest__questsFlag img {
    display: block;
    width: 100%;
    aspect-ratio: 193/104;
}
.dzTest__questsFlag ul {
    display: block;
    min-width: 50px;
    max-width: 100%;
    height: 35px;
    position: absolute;
    bottom: 8px;
    z-index: 5;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (max-width: 600px) {
    .dzTest__questsFlag ul {
        height: 29px;
        bottom: 6px;
    }
}
.dzTest__questsFlag ul li {
    border-radius: 8px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    background: var(--White, #fff);
    padding: 7px 15px;
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    cursor: pointer;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 2;
}
@media (max-width: 600px) {
    .dzTest__questsFlag ul li {
        padding: 5px 11px;
        font-size: 14px;
    }
}
.dzTest__questsFlag ul li:hover {
    border: 1px solid rgba(24, 25, 30, 0.2);
    color: var(--Black-60, rgba(24, 25, 30, 0.8));
}
.dzTest__questsFlagsOtv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 20px;
    border-top: 1px solid rgba(24, 25, 30, 0.1);
    padding-top: 20px;
}
.dzTest__questsFlagsOtv li {
    border-radius: 8px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    background: var(--White, #fff);
    padding: 7px 15px;
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    cursor: pointer;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 2;
}
@media (max-width: 600px) {
    .dzTest__questsFlagsOtv li {
        padding: 5px 11px;
        font-size: 14px;
    }
}
.dzTest__questsFlagsOtv li:hover {
    border: 1px solid rgba(24, 25, 30, 0.2);
    color: var(--Black-60, rgba(24, 25, 30, 0.8));
}
.dzTest__questInp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 600px) {
    .dzTest__questInp {
        gap: 15px;
    }
}
.dzTest__questInpCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: 6.5px 0;
    width: calc(50% - 20px);
}
@media (max-width: 600px) {
    .dzTest__questInpCard {
        width: 100%;
        gap: 10px;
        padding: 0;
    }
}
.dzTest__questInpCard--full {
    width: 100%;
}
.dzTest__questInpCard--full .dzTest__questInpText {
    font-size: 18px;
    font-weight: 500;
}
@media (max-width: 600px) {
    .dzTest__questInpCard--full .dzTest__questInpText {
        font-size: 14px;
    }
}
.dzTest__questInpCard input {
    display: block;
    width: calc(50% - 10px);
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    border: none;
    outline: none;
    border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    padding-bottom: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 600px) {
    .dzTest__questInpCard input {
        width: calc(50% - 5px);
        padding: 5px 0 4px;
        font-size: 16px;
    }
}
.dzTest__questInpCard input:hover,
.dzTest__questInpCard input.active,
.dzTest__questInpCard input:focus,
.dzTest__questInpCard input:active {
    border-color: var(--Blue, #5676c3);
}
.dzTest__questInpText {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    width: calc(50% - 10px);
}
@media (max-width: 600px) {
    .dzTest__questInpText {
        font-size: 16px;
        width: calc(50% - 5px);
    }
}
.dzTest__questFl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 10px;
}
.dzTest__questFlCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    width: calc(33.3333333333% - 6.6666666667px);
    position: relative;
    counter-increment: dzTest__questFlCard;
}
@media (max-width: 600px) {
    .dzTest__questFlCard {
        width: calc(50% - 5px);
    }
}
.dzTest__questFlCard::after {
    content: counter(dzTest__questFlCard) ".";
    position: absolute;
    left: 10px;
    bottom: 5px;
    pointer-events: none;
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
}
@media (max-width: 600px) {
    .dzTest__questFlCard::after {
        font-size: 16px;
        left: 0;
    }
}
.dzTest__questFlCard img {
    display: block;
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    background: var(--Gray, #f0f4fd);
    aspect-ratio: 193/104;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 600px) {
    .dzTest__questFlCard img {
        border-radius: 8px;
    }
}
.dzTest__questFlCard input {
    display: block;
    width: calc(50% - 10px);
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    border: none;
    outline: none;
    border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    padding-bottom: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0 10px;
    width: calc(100% - 20px);
    padding-left: 30px;
}
@media (max-width: 600px) {
    .dzTest__questFlCard input {
        width: 100%;
        padding-left: 25px;
        font-size: 16px;
        margin: 0;
    }
}
.dzTest__questFlCard input:hover,
.dzTest__questFlCard input.active,
.dzTest__questFlCard input:focus,
.dzTest__questFlCard input:active {
    border-color: var(--Blue, #5676c3);
}
.dzTest__questSootImg {
    display: block;
    width: 100%;
}
.dzTest__questSootOtv {
    border-top: 1px solid rgba(24, 25, 30, 0.1);
    padding-top: 20px;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
.dzTest__questSootCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 600px) {
    .dzTest__questSootCard {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.dzTest__questSootCard input {
    display: block;
    width: calc(50% - 10px);
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    border: none;
    outline: none;
    border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    padding-bottom: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: calc(100% - 20px);
    text-align: center;
    width: 40px;
    min-width: 40px;
}
@media (max-width: 600px) {
    .dzTest__questSootCard input {
        font-size: 16px;
        padding-top: 5px;
    }
}
.dzTest__questSootCard input:hover,
.dzTest__questSootCard input.active,
.dzTest__questSootCard input:focus,
.dzTest__questSootCard input:active {
    border-color: var(--Blue, #5676c3);
}
.dzTest__questSootCard span {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
}
@media (max-width: 600px) {
    .dzTest__questSootCard span {
        font-size: 14px;
    }
}
.dzTest__questsRgh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 40px;
}
@media (max-width: 600px) {
    .dzTest__questsRgh {
        gap: 15px;
    }
}
.dzTest__questsRghCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(50% - 20px);
    border-bottom: 1px solid rgba(24, 25, 30, 0.1);
    padding-bottom: 4px;
}
@media (max-width: 600px) {
    .dzTest__questsRghCard {
        width: 100%;
    }
}
.dzTest__questsRghCard span {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}
@media (max-width: 600px) {
    .dzTest__questsRghCard span {
        font-size: 16px;
    }
}
.dzTest__questsRghCard .StackedList {
    min-width: 60px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 35px;
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (max-width: 600px) {
    .dzTest__questsRghCard .StackedList {
        min-height: 29px;
    }
}
.dzTest__questsRghCard .StackedList > * {
    border-radius: 8px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    background: var(--White, #fff);
    padding: 7px 15px;
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    cursor: pointer;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 2;
    margin-left: auto;
}
@media (max-width: 600px) {
    .dzTest__questsRghCard .StackedList > * {
        padding: 5px 11px;
        font-size: 14px;
    }
}
.dzTest__questsListText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
.dzTest__questsListText div {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
}
@media (max-width: 600px) {
    .dzTest__questsListText div {
        font-size: 16px;
    }
}
.dzTest__questTFText {
    border-radius: 20px;
    background: var(--Gray, #f0f4fd);
    padding: 30px;
}
@media (max-width: 600px) {
    .dzTest__questTFText {
        padding: 30px 20px;
        border-radius: 18px;
    }
}
.dzTest__questTFText--margin {
    margin: 30px 0;
}
@media (max-width: 600px) {
    .dzTest__questTFText--margin {
        margin: 20px 0;
    }
}
.dzTest__questTFText > *:first-child {
    margin-top: 0 !important;
}
.dzTest__questTFText > *:last-child {
    margin-bottom: 0 !important;
}
.dzTest__questTFText h3 {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin: 20px 0 15px;
}
@media (max-width: 600px) {
    .dzTest__questTFText h3 {
        font-size: 16px;
    }
}
.dzTest__questTFText p {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin: 10px 0;
}
@media (max-width: 600px) {
    .dzTest__questTFText p {
        font-size: 14px;
    }
}
.dzTest__questTFText .wr {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 600px) {
    .dzTest__questTFText .wr {
        gap: 10px;
    }
}
.dzTest__questTFText .wr p {
    margin: 0 !important;
}
.dzTest__questTFText .wr img {
    display: block;
    width: 100px;
    min-width: 100px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
@media (max-width: 600px) {
    .dzTest__questTFText .wr img {
        width: 60px;
        min-width: 60px;
    }
}
.dzTest__questTFOtv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}
.dzTest__questTFCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.dzTest__questTFCard > span {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width: 600px) {
    .dzTest__questTFCard > span {
        font-size: 14px;
    }
}
.dzTest__questTFRad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}
.dzTest__questTFRad label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dzTest__questTFRad label input {
    display: none;
}
.dzTest__questTFRad label input:checked + span {
    border-color: var(--Black, #18191e);
    background: var(--Black, #18191e);
    color: var(--White, #fff);
}
.dzTest__questTFRad label span {
    border-radius: 8px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    background: var(--White, #fff);
    padding: 7px 15px;
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 600px) {
    .dzTest__questTFRad label span {
        padding: 5px 10px;
        font-size: 14px;
        border-radius: 6px;
    }
}
.dzTest__questTFRad label span:hover {
    border-color: var(--Black, #18191e);
}
.dzTest__questTable {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    border-radius: 20px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    overflow: hidden;
}
@media (max-width: 600px) {
    .dzTest__questTable {
        border: none;
        gap: 20px;
        border-radius: 0;
    }
}
.dzTest__questTableLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0;
}
@media (max-width: 600px) {
    .dzTest__questTableLine {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px 10px;
    }
}
.dzTest__questTableLine:not(:last-child) {
    border-bottom: 1px solid rgba(24, 25, 30, 0.1);
}
@media (max-width: 600px) {
    .dzTest__questTableLine:not(:last-child) {
        border: none;
    }
}
.dzTest__questTableLine:first-child .dzTest__questTableCol {
    color: var(--Black, #18191e);
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    padding: 8px;
    text-align: center;
}
@media (max-width: 600px) {
    .dzTest__questTableLine:first-child {
        display: none;
    }
}
.dzTest__questTableLine:not(:first-child) {
    counter-increment: table;
}
.dzTest__questTableLine:not(:first-child)
    .dzTest__questTableCol:nth-child(1):first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 600px) {
    .dzTest__questTableLine:not(:first-child)
        .dzTest__questTableCol:nth-child(1):first-child {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.dzTest__questTableLine:not(:first-child)
    .dzTest__questTableCol:nth-child(1):first-child::after {
    content: counter(table);
    color: var(--Black, #18191e);
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
}
@media (max-width: 600px) {
    .dzTest__questTableLine:not(:first-child)
        .dzTest__questTableCol:nth-child(1):first-child::after {
        text-align: left;
        font-size: 16px;
        font-weight: 700;
    }
}
.dzTest__questTableCol:nth-child(1) {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}
@media (max-width: 600px) {
    .dzTest__questTableCol:nth-child(1) {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
}
.dzTest__questTableCol:not(:last-child) {
    border-right: 1px solid rgba(24, 25, 30, 0.1);
}
@media (max-width: 600px) {
    .dzTest__questTableCol:not(:last-child) {
        border: none;
    }
}
.dzTest__questTableCol:not(:first-child) {
    width: calc((100% - 50px) / 3);
}
@media (max-width: 600px) {
    .dzTest__questTableCol:not(:first-child) {
        width: calc(50% - 5px);
    }
}
.dzTest__questTableCol span {
    display: none;
}
@media (max-width: 600px) {
    .dzTest__questTableCol span {
        display: block;
        color: var(--Black-60, rgba(24, 25, 30, 0.6));
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        margin-bottom: 5px;
    }
}
.dzTest__questTableCol input {
    display: block;
    width: 100%;
    padding: 9px;
    color: var(--Blue, #5676c3);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    border: none;
    outline: none;
}
@media (max-width: 600px) {
    .dzTest__questTableCol input {
        color: var(--Black, #18191e);
        font-weight: 400;
        line-height: 120%;
        border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
        padding-bottom: 4px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        text-align: left;
        font-size: 16px;
    }
    .dzTest__questTableCol input:hover,
    .dzTest__questTableCol input.active,
    .dzTest__questTableCol input:focus,
    .dzTest__questTableCol input:active {
        border-color: var(--Blue, #5676c3);
    }
}
.dzTest__questTable2 {
    border-radius: 20px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
@media (max-width: 600px) {
    .dzTest__questTable2 {
        overflow: visible;
        border: none;
        max-width: 100%;
        gap: 20px;
    }
}
.dzTest__questTable2Line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
}
@media (max-width: 600px) {
    .dzTest__questTable2Line {
        gap: 10px;
    }
}
.dzTest__questTable2Line:not(:last-child) {
    border-bottom: 1px solid rgba(24, 25, 30, 0.1);
}
@media (max-width: 600px) {
    .dzTest__questTable2Line:not(:last-child) {
        border: none;
    }
}
.dzTest__questTable2Line:first-child .dzTest__questTable2Col {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    padding: 8px 20px;
}
@media (max-width: 600px) {
    .dzTest__questTable2Line:first-child .dzTest__questTable2Col {
        padding: 0;
    }
}
.dzTest__questTable2Col {
    width: 50%;
}
@media (max-width: 600px) {
    .dzTest__questTable2Col {
        width: calc(50% - 5px);
    }
}
.dzTest__questTable2Col:not(:last-child) {
    border-right: 1px solid rgba(24, 25, 30, 0.1);
}
@media (max-width: 600px) {
    .dzTest__questTable2Col:not(:last-child) {
        border: none;
    }
}
.dzTest__questTable2Col input {
    padding: 10px 19px;
    color: var(--Blue, #5676c3);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    border: none;
    outline: none;
    display: block;
    width: 100%;
}
@media (max-width: 600px) {
    .dzTest__questTable2Col input {
        color: var(--Black, #18191e);
        font-weight: 400;
        line-height: 120%;
        border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
        padding-bottom: 4px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        text-align: left;
        font-size: 16px;
    }
    .dzTest__questTable2Col input:hover,
    .dzTest__questTable2Col input.active,
    .dzTest__questTable2Col input:focus,
    .dzTest__questTable2Col input:active {
        border-color: var(--Blue, #5676c3);
    }
}
.dzTest__questTable2Col input:-moz-read-only {
    color: var(--Black-60, rgba(24, 25, 30, 0.6)) !important;
}
.dzTest__questTable2Col input:read-only {
    color: var(--Black-60, rgba(24, 25, 30, 0.6)) !important;
}
@media (max-width: 600px) {
    .dzTest__questTable2Col input:-moz-read-only {
        border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    }
    .dzTest__questTable2Col input:read-only {
        border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    }
}
.dzTest__questRR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.dzTest__questRRLine {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    vertical-align: middle;
}
@media (max-width: 600px) {
    .dzTest__questRRLine {
        font-size: 14px;
    }
}
.dzTest__questRRLineRad {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0 10px;
    vertical-align: middle;
}
.dzTest__questRRLineRad input {
    display: none;
}
.dzTest__questRRLineRad input:checked + label {
    border: 1px solid var(--Black, #18191e);
    background: var(--Black, #18191e);
    color: var(--White, #fff);
}
.dzTest__questRRLineRad label {
    border-radius: 8px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    background: var(--White, #fff);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 11px;
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}
@media (max-width: 600px) {
    .dzTest__questRRLineRad label {
        font-size: 14px;
    }
}
.dzTest__questRRLineRad label:hover {
    border-color: var(--Black, #18191e);
}
.dzTest__questKlsfText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
.dzTest__questKlsfV {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}
@media (max-width: 600px) {
    .dzTest__questKlsfV {
        font-size: 14px;
    }
}
.dzTest__questKlsfV span {
    color: var(--Blue, #5676c3);
}
.dzTest__questKlsfOtv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 40px;
    margin-top: 30px;
}
@media (max-width: 600px) {
    .dzTest__questKlsfOtv {
        margin-top: 20px;
        gap: 20px 10px;
    }
}
.dzTest__questKlsfOtv label {
    position: relative;
    display: block;
    width: calc(33.3333333333% - 26.6666666667px);
    counter-increment: fd;
}
@media (max-width: 600px) {
    .dzTest__questKlsfOtv label {
        width: calc(50% - 5px);
    }
}
.dzTest__questKlsfOtv label::after {
    content: counter(fd) ".";
    position: absolute;
    left: 0;
    bottom: 5px;
    pointer-events: none;
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
}
@media (max-width: 600px) {
    .dzTest__questKlsfOtv label::after {
        font-size: 16px;
    }
}
.dzTest__questKlsfOtv label input {
    display: block;
    width: 100%;
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    border: none;
    outline: none;
    border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    padding-bottom: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    padding-left: 30px;
}
.dzTest__questKlsfOtv label input:hover,
.dzTest__questKlsfOtv label input.active,
.dzTest__questKlsfOtv label input:focus,
.dzTest__questKlsfOtv label input:active {
    border-color: var(--Blue, #5676c3);
}
@media (max-width: 600px) {
    .dzTest__questKlsfOtv label input {
        font-size: 16px;
        padding-left: 25px;
    }
}
.dzTest__questKlsfOtv--2 label {
    width: calc(50% - 20px);
}
@media (max-width: 600px) {
    .dzTest__questKlsfOtv--2 label {
        width: calc(50% - 5px);
    }
}
.dzTest__questFlq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}
@media (max-width: 600px) {
    .dzTest__questFlq {
        margin-top: 20px;
    }
}
.dzTest__questFlqLine .proverka__testRadio {
    gap: 10px;
}
.dzTest__questFlqText {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 15px;
}
@media (max-width: 600px) {
    .dzTest__questFlqText {
        font-size: 16px;
    }
}
.dzTest__questOtvLab {
    margin-top: 40px;
}
@media (max-width: 600px) {
    .dzTest__questOtvLab {
        margin-top: 25px;
    }
}
.dzTest__questOtvLabVariants {
    border-radius: 20px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    margin-bottom: 20px;
    overflow: hidden;
}
@media (max-width: 600px) {
    .dzTest__questOtvLabVariants {
        margin-bottom: 15px;
        border-radius: 18px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1px;
        background-color: rgba(24, 25, 30, 0.1);
    }
}
.dzTest__questOtvLabVariants span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 5px;
    width: 100%;
}
@media (max-width: 600px) {
    .dzTest__questOtvLabVariants span {
        width: calc(33.3333333333% - 0.6666666667px);
        background-color: white;
        border-right: none !important;
    }
}
.dzTest__questOtvLabVariants span:not(:last-child) {
    border-right: 1px solid rgba(24, 25, 30, 0.1);
}
.dzTest__questOtvLabText {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 20px;
}
@media (max-width: 600px) {
    .dzTest__questOtvLabText {
        font-size: 14px;
        margin-bottom: 15px;
    }
}
.dzTest__questOtvLabText span {
    color: var(--Blue, #5676c3);
}
.dzTest__questChCust {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}
.dzTest__questChCustName {
    color: var(--Black, #18191e);
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 20px;
}
@media (max-width: 600px) {
    .dzTest__questChCustName {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
.dzTest__questChCustWr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 600px) {
    .dzTest__questChCustWr {
        gap: 10px;
    }
}
.dzTest__questChCustWr label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    width: calc(50% - 20px);
    cursor: pointer;
}
@media (max-width: 600px) {
    .dzTest__questChCustWr label {
        width: 100%;
    }
}
.dzTest__questChCustWr label input {
    display: none;
}
.dzTest__questChCustWr label input:checked + i {
    border: 1px solid var(--Blue, #5676c3);
    background: var(--Blue, #5676c3);
}
.dzTest__questChCustWr label input:checked + i::after {
    opacity: 1;
}
.dzTest__questChCustWr label input:disabled + i {
    border: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
}
.dzTest__questChCustWr label input:disabled ~ span {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
}
.dzTest__questChCustWr label i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    width: 16px;
    min-width: 16px;
    height: 16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}
.dzTest__questChCustWr label i::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("/img/ch2.svg") no-repeat center/contain;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}
.dzTest__questChCustWr label span {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}
@media (max-width: 600px) {
    .dzTest__questChCustWr label span {
        font-size: 14px;
    }
}
.dzTest__questChCustWr label:hover i {
    border: 1px solid var(--Blue, #5676c3);
}
.dzTest__questTextCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}
@media (max-width: 600px) {
    .dzTest__questTextCol {
        gap: 20px;
    }
}
.dzTest__questTextCol div {
    width: calc(50% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
@media (max-width: 600px) {
    .dzTest__questTextCol div {
        width: calc(50% - 10px);
        gap: 10px;
    }
}
.dzTest__questTextCol div span {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}
@media (max-width: 600px) {
    .dzTest__questTextCol div span {
        font-size: 14px;
    }
}
.dzTest__questMulImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 600px) {
    .dzTest__questMulImg {
        gap: 30px 10px;
    }
}
.dzTest__questMulImgCard {
    width: calc(33.3333333333% - 26.6666666667px);
}
@media (max-width: 600px) {
    .dzTest__questMulImgCard {
        width: calc(50% - 5px);
    }
}
.dzTest__questMulImgImg {
    display: block;
    width: 100%;
    border-radius: 12px;
    aspect-ratio: 173/168;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 15px;
}
@media (max-width: 600px) {
    .dzTest__questMulImgImg {
        border-radius: 8px;
        margin-bottom: 10px;
    }
}
.dzTest__questMulImgNumber {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 10px;
}
@media (max-width: 600px) {
    .dzTest__questMulImgNumber {
        font-size: 14px;
    }
}
.dzTest__questMulImgInp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
@media (max-width: 600px) {
    .dzTest__questMulImgInp {
        gap: 10px;
    }
}
.dzTest__questMulImgInp label {
    display: block;
    width: 100%;
}
.dzTest__questMulImgInp label span {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 5px;
}
@media (max-width: 600px) {
    .dzTest__questMulImgInp label span {
        font-size: 12px;
    }
}
.dzTest__questMulImgInp label input {
    display: block;
    width: 100%;
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    border: none;
    outline: none;
    border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    padding: 0;
    padding-bottom: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
}
.dzTest__questMulImgInp label input:hover,
.dzTest__questMulImgInp label input.active,
.dzTest__questMulImgInp label input:focus,
.dzTest__questMulImgInp label input:active {
    border-color: var(--Blue, #5676c3);
}
@media (max-width: 600px) {
    .dzTest__questMulImgInp label input {
        font-size: 16px;
    }
}
.dzTest__questIFl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
}
@media (max-width: 600px) {
    .dzTest__questIFl {
        margin-top: 20px;
        gap: 20px;
    }
}
.dzTest__questIFlName {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 20px;
}
@media (max-width: 600px) {
    .dzTest__questIFlName {
        margin-bottom: 15px;
        font-size: 16px;
    }
}
.dzTest__questIFlWr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 40px;
}
@media (max-width: 600px) {
    .dzTest__questIFlWr {
        gap: 20px 10px;
    }
}
.dzTest__questIFlWr input {
    display: block;
    width: calc(33.3333333333% - 26.6666666667px);
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    border: none;
    outline: none;
    border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    padding: 0;
    padding-bottom: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 600px) {
    .dzTest__questIFlWr input {
        width: calc(50% - 5px);
        padding: 5px 0 4px;
        font-size: 16px;
    }
}
.dzTest__questIFlWr input:hover,
.dzTest__questIFlWr input.active,
.dzTest__questIFlWr input:focus,
.dzTest__questIFlWr input:active {
    border-color: var(--Blue, #5676c3);
}
.dzTest__backAll {
    border-radius: 10px;
    border: 2px solid var(--Blue, #5676c3);
    margin: 0 auto 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--Blue, #5676c3);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 10px 22px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (max-width: 600px) {
    .dzTest__backAll {
        font-size: 14px;
        margin-bottom: 20px;
    }
}
.dzTest__backAll:hover {
    color: #fff;
    background-color: var(--Blue, #5676c3);
}

.dzResult__modul {
    color: var(--Blue, #5676c3);
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    margin: 0 0 15px;
}
@media (max-width: 1024px) {
    .dzResult__modul {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .dzResult__modul {
        font-size: 16px;
    }
}
.dzResult__name {
    color: var(--Black, #18191e);
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 30px;
    max-width: 600px;
}
@media (max-width: 1024px) {
    .dzResult__name {
        margin-bottom: 25px;
        font-size: 26px;
    }
}
@media (max-width: 768px) {
    .dzResult__name {
        margin-bottom: 20px;
        font-size: 22px;
    }
}
.dzResult__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .dzResult__btns {
        gap: 7px 25px;
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .dzResult__btns {
        gap: 5px 20px;
        margin-bottom: 20px;
    }
}
.dzResult__btns button {
    color: var(--Gray-Text, #bbbfc6);
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .dzResult__btns button {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .dzResult__btns button {
        font-size: 14px;
    }
}
.dzResult__btns button.active,
.dzResult__btns button:hover {
    color: var(--Black, #18191e);
}
.dzResult__btns button.active {
    font-weight: 600;
}
.dzResult__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .dzResult__wrap {
        gap: 20px;
    }
}
@media (max-width: 768px) {
    .dzResult__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 40px;
    }
}
.dzResult__result {
    border-radius: 20px;
    background: var(--Gray, #f0f4fd);
    width: 360px;
    padding: 30px 20px;
    position: relative;
}
@media (max-width: 1024px) {
    .dzResult__result {
        width: 240px;
        border-radius: 19px;
    }
}
@media (max-width: 768px) {
    .dzResult__result {
        width: 100%;
        border-radius: 18px;
    }
}
.dzResult__resultTitle {
    color: var(--Black, #18191e);
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 30px;
}
@media (max-width: 1024px) {
    .dzResult__resultTitle {
        margin-bottom: 20px;
        font-size: 23px;
    }
}
@media (max-width: 768px) {
    .dzResult__resultTitle {
        margin-bottom: 10px;
        font-size: 20px;
        text-align: left;
    }
}
.dzResult__resultPop {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
    margin: 20px 0 0;
    text-align: center;
}
@media (max-width: 1024px) {
    .dzResult__resultPop {
        margin-top: 15px;
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .dzResult__resultPop {
        margin-top: 10px;
        font-size: 14px;
        text-align: left;
    }
}
.dzResult__resultBtns {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
}
@media (max-width: 768px) {
    .dzResult__resultBtns {
        gap: 10px;
    }
}
.dzResult__resultPovt {
    border-radius: 10px;
    background: var(--Blue, #5676c3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 12px 24px;
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    .dzResult__resultPovt {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .dzResult__resultPovt {
        font-size: 14px;
    }
}
.dzResult__resultPovt:hover {
    opacity: 0.8;
}
.dzResult__resultDr {
    border-radius: 10px;
    border: 2px solid var(--Blue, #5676c3);
    padding: 10px 22px;
    color: var(--Blue, #5676c3);
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
@media (max-width: 1024px) {
    .dzResult__resultDr {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .dzResult__resultDr {
        font-size: 14px;
    }
}
.dzResult__resultDr:hover {
    color: #fff;
    background-color: var(--Blue, #5676c3);
}
.dzResult__resultProgr {
    margin: 0 auto;
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 170px;
    position: relative;
}
@media (max-width: 1024px) {
    .dzResult__resultProgr {
        max-width: 120px;
    }
}
@media (max-width: 768px) {
    .dzResult__resultProgr {
        position: absolute;
        right: 20px;
        top: 30px;
        width: 60px;
    }
}
.dzResult__resultProgr.success {
    --colorPr1: rgba(45, 192, 68, 0.15);
    --colorPr2: #2dc044;
}
.dzResult__resultProgr.error {
    --colorPr1: rgba(225, 82, 51, 0.15);
    --colorPr2: #e15233;
}
.dzResult__resultProgr span {
    color: inherit;
    color: var(--colorPr2, #2dc044);
    font-size: 40px;
    font-weight: 600;
    line-height: 110%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
    .dzResult__resultProgr span {
        font-size: 28px;
    }
}
@media (max-width: 768px) {
    .dzResult__resultProgr span {
        font-size: 16px;
    }
}
.dzResult__resultProgr svg {
    display: block;
    fill: none;
    stroke-width: 10px !important;
    stroke: var(--colorPr1);
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 100%;
    height: auto;
}
@media (max-width: 768px) {
    .dzResult__resultProgr svg {
        stroke-width: 12px !important;
    }
}
.dzResult__resultProgr svg:last-of-type {
    z-index: 3;
    stroke: var(--colorPr2);
    stroke-dashoffset: calc(1068.14128 * (1 - var(--progress)));
    stroke-dasharray: 1068.14128;
}
.dzResult__quest {
    width: calc(100% - 400px);
    max-width: 850px;
}
@media (max-width: 1024px) {
    .dzResult__quest {
        width: calc(100% - 260px);
    }
}
@media (max-width: 768px) {
    .dzResult__quest {
        width: 100%;
    }
}
.dzResult__que {
    display: none;
}
.dzResult__que.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.dzResult__queCard {
    border-radius: 20px;
    border: 1px solid rgba(24, 25, 30, 0.1);
    overflow: hidden;
}
@media (max-width: 1024px) {
    .dzResult__queCard {
        border-radius: 19px;
    }
}
@media (max-width: 768px) {
    .dzResult__queCard {
        border-radius: 18px;
    }
}
.dzResult__queTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding: 30px 30px 20px;
}
@media (max-width: 1024px) {
    .dzResult__queTop {
        padding: 30px 25px 20px;
    }
}
@media (max-width: 768px) {
    .dzResult__queTop {
        padding: 30px 20px 20px;
    }
}
.dzResult__queNameLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .dzResult__queNameLink {
        gap: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.dzResult__queName {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width: 1024px) {
    .dzResult__queName {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .dzResult__queName {
        font-size: 14px;
    }
}
.dzResult__queLink {
    white-space: nowrap;
    color: var(--Blue, #5676c3);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    text-decoration: underline;
}
@media (max-width: 1024px) {
    .dzResult__queLink {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .dzResult__queLink {
        font-size: 14px;
    }
}
.dzResult__queLink:hover {
    text-decoration: none;
}
.dzResult__queVo--one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .dzResult__queVo--one {
        gap: 15px 25px;
    }
}
@media (max-width: 768px) {
    .dzResult__queVo--one {
        gap: 15px 10px;
    }
}
.dzResult__queVo--one > * {
    width: 100%;
}
.dzResult__queVo--two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .dzResult__queVo--two {
        gap: 15px 25px;
    }
}
@media (max-width: 768px) {
    .dzResult__queVo--two {
        gap: 15px 10px;
    }
}
.dzResult__queVo--two > * {
    width: calc(50% - 20px);
}
@media (max-width: 1024px) {
    .dzResult__queVo--two > * {
        width: 100%;
    }
}
.dzResult__queVo--three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .dzResult__queVo--three {
        gap: 15px 25px;
    }
}
@media (max-width: 768px) {
    .dzResult__queVo--three {
        gap: 15px 10px;
    }
}
.dzResult__queVo--three > * {
    width: calc(33.3333333333% - 26.6666666667px);
}
@media (max-width: 1024px) {
    .dzResult__queVo--three > * {
        width: calc(50% - 12.5px);
    }
}
@media (max-width: 768px) {
    .dzResult__queVo--three > * {
        width: calc(50% - 5px);
    }
}
.dzResult__queBn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}
@media (max-width: 1024px) {
    .dzResult__queBn {
        font-size: 15px;
        gap: 8px;
    }
}
@media (max-width: 768px) {
    .dzResult__queBn {
        font-size: 14px;
        gap: 6px;
    }
}
.dzResult__queBn img {
    display: block;
    width: 14px;
    height: auto;
}
@media (max-width: 1024px) {
    .dzResult__queBn img {
        width: 12px;
    }
}
@media (max-width: 768px) {
    .dzResult__queBn img {
        width: 10px;
    }
}
.dzResult__queVern {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    padding: 20px 30px 30px;
    border-radius: 20px;
    background: var(--Gray, #f0f4fd);
}
@media (max-width: 1024px) {
    .dzResult__queVern {
        gap: 30px;
        padding: 20px 25px 25px;
        border-radius: 19px;
    }
}
@media (max-width: 768px) {
    .dzResult__queVern {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        padding: 20px;
        border-radius: 18px;
    }
}
.dzResult__queVernCard {
    width: 100%;
}
.dzResult__queVernName {
    color: var(--Black, #18191e);
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 20px;
}
@media (max-width: 1024px) {
    .dzResult__queVernName {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
@media (max-width: 768px) {
    .dzResult__queVernName {
        font-size: 14px;
        margin-bottom: 10px;
    }
}
.dzResult__queVernFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
@media (max-width: 1024px) {
    .dzResult__queVernFlex {
        gap: 12px;
    }
}
@media (max-width: 768px) {
    .dzResult__queVernFlex {
        gap: 10px;
    }
}
.dzResult__queVernOtv {
    width: 100%;
    line-height: 1;
}
.dzResult__queVernNumb {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}
@media (max-width: 1024px) {
    .dzResult__queVernNumb {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .dzResult__queVernNumb {
        font-size: 14px;
    }
}
.dzResult__queVernNepr {
    color: var(--Black, #18191e);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: line-through;
    margin-right: 10px;
}
@media (max-width: 1024px) {
    .dzResult__queVernNepr {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .dzResult__queVernNepr {
        font-size: 14px;
    }
}
.dzResult__queVernPr {
    color: var(--Blue, #5676c3);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}
@media (max-width: 1024px) {
    .dzResult__queVernPr {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .dzResult__queVernPr {
        font-size: 14px;
    }
}
.dzResult__queVernVnim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}
@media (max-width: 1024px) {
    .dzResult__queVernVnim {
        gap: 12px;
    }
}
@media (max-width: 768px) {
    .dzResult__queVernVnim {
        gap: 10px;
    }
}
.dzResult__queVernVnim span {
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    width: calc(33.3333333333% - 10px);
}
@media (max-width: 1024px) {
    .dzResult__queVernVnim span {
        font-size: 15px;
        width: calc(50% - 6px);
    }
}
@media (max-width: 768px) {
    .dzResult__queVernVnim span {
        font-size: 14px;
        width: calc(33.3333333333% - 6.6666666667px);
    }
}