@charset "UTF-8";
.main__input-short:focus, .main__input:focus {
    outline: #966cee solid 2px
}

.custom-checkbox + label, .form_radio_group label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.certificate__ball, img {
    vertical-align: top
}

.menu-chat__number, .slide-body__top_span {
    -moz-font-feature-settings: "tnum" on, "lnum" on
}

.education__teacher li, .top-line ul li, ul.block_feature li {
    list-style-type: none
}

.homow__item_info, .per__mes {
    -webkit-box-orient: vertical
}

@font-face {
    font-family: icons;
    src: url(fonts/icons.eot?pi8gi);
    src: url(fonts/icons.eot?pi8gi#iefix) format("embedded-opentype"), url(../../fonts/icons.ttf?pi8gi) format("truetype"), url(../../fonts/icons.woff?pi8gi) format("woff"), url(../../fonts/icons.svg?pi8gi#icons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" _icon-"], [class^="_icon-"] {
    font-family: icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._icon-arrow:before {
    content: "\e900"
}

._icon-avatar:before {
    content: "\e901"
}

._icon-case:before {
    content: "\e902"
}

._icon-people:before {
    content: "\e903"
}

._icon-search:before {
    content: "\e904"
}

.purpur {
    color: #966cee !important
}

.purpur-light {
    color: #b298ee !important
}

.red {
    color: #ff5c4f !important
}

.green {
    color: #27ae60 !important
}

.yellow {
    color: #ff9300 !important
}

.yellow-darker {
    color: #e19500 !important
}

.lock body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

* {
    border: 0
}

*, :after, :before {
    box-sizing: border-box
}

body, html {
    height: 100%;
    min-width: 320px
}

.main__btn, .wid-i {
    height: -webkit-fit-content;
    height: -moz-fit-content
}

button, input, textarea {
    font-family: "Golos Text";
    font-size: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit
}

a:link, a:visited {
    text-decoration: none
}

label {
    margin: 0
}

ul {
    list-style: none
}

h1, h2, h3, h4, h5, h6 {
    font-weight: inherit;
    font-size: inherit
}

.big__subtitle, .big__subtitle-white, .big__title {
    font-weight: 600;
    font-style: normal
}

@media (max-width: 1200px) {
    .cont-full {
        max-width: 100% !important;
        padding: 0 15px !important
    }
}

.container-ac {
    max-width: 1539px;
    margin: 0 auto
}

@media (max-width: 991.98px) {
    .container-ac {
        padding: 0 16px
    }
}

@media (max-width: 1560px) {
    .container-ac {
        padding: 0 15px
    }
}

.container-a {
    max-width: 952px;
    margin: 0 auto
}

.container-b {
    max-width: 1440px;
    padding: 0 15px;
    margin: 0 auto
}

@media (max-width: 991.98px) {
    .container-b {
        max-width: 864px
    }

    .container-d {
        padding: 0 16px
    }
}

.container-d {
    max-width: 1075px;
    margin: 0 auto
}

@media (max-width: 1560px) {
    .container-d {
        padding: 0 15px
    }
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-after::after {
    display: none !important
}

.no-before::before {
    display: none
}

.wid-i {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: fit-content
}

.con--p {
    padding-right: 0;
    padding-left: 0
}

.oh {
    overflow: hidden
}

.modals-block {
    margin: 20px 0
}

.b-1:not(:last-of-type) {
    border-bottom: 1px solid #efe8f8
}

.no-b {
    border: none !important
}

.db {
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

.mt {
    margin-top: 36px
}

.df {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.dis-n {
    display: none !important
}

.padding {
    padding: 48px 32px
}

@media (max-width: 1440px) {
    .db {
        margin-bottom: calc(20px + 20 * ((100vw - 320px) / 1120))
    }

    .padding {
        padding-bottom: calc(32px + 16 * ((100vw - 320px) / 1120));
        padding-top: calc(32px + 16 * ((100vw - 320px) / 1120));
        padding-right: calc(16px + 16 * ((100vw - 320px) / 1120));
        padding-left: calc(16px + 16 * ((100vw - 320px) / 1120))
    }
}

.fir {
    padding-top: 32px
}

.ov-hid {
    overflow: hidden
}

.soar {
    position: relative;
    transition: all .5s ease 0s
}

@media (any-hover: hover) {
    .soar:hover {
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        transform: translate(-4px, -4px)
    }
}

.soar:active {
    transform: translate(0, 0);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, .25)
}

@media (min-width: 1200px) {
    .d-1 {
        display: none !important
    }
}

@media (max-width: 1200px) {
    .d-1-none {
        display: none !important
    }
}

@media (min-width: 991.98px) {
    .d-2 {
        display: none !important
    }
}

@media (min-width: 767.98px) {
    .d-3 {
        display: none !important
    }
}

@media (min-width: 479.98px) {
    .d-4 {
        display: none !important
    }
}

.big__title {
    font-size: 64px;
    line-height: 72px;
    margin-bottom: 32px;
    color: #392b4b
}

@media (max-width: 991.98px) {
    .d-2-none {
        display: none !important
    }

    .big__title {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 12px
    }
}

@media (max-width: 767.98px) {
    .fir {
        border-bottom: 1px solid #efe8f8
    }

    .big__title {
        font-size: 24px;
        line-height: 32px
    }
}

.big__subtitle {
    margin-bottom: 32px;
    font-size: 48px;
    line-height: 56px;
    color: #392b4b
}

@media (max-width: 991.98px) {
    .big__subtitle {
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 32px
    }
}

@media (max-width: 767.98px) {
    .big__subtitle {
        margin-bottom: 12px
    }
}

.big__subtitle-white {
    margin-bottom: 40px;
    font-size: 48px;
    line-height: 56px;
    color: #fff
}

@media (max-width: 991.98px) {
    .big__subtitle-white {
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 32px
    }
}

@media (max-width: 767.98px) {
    .big__subtitle-white {
        margin-bottom: 12px
    }
}

.big__text-white {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #fff
}

.main__title, .main__title-small {
    color: #392b4b;
    font-style: normal
}

@media (max-width: 991.98px) {
    .big__text-white {
        font-size: 14px;
        line-height: 20px
    }
}

.main__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 32px
}

@media (max-width: 1440px) {
    .main__title {
        margin-bottom: calc(24px + 8 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 991.98px) {
    .main__title {
        font-size: 20px;
        line-height: 24px
    }
}

.main__title-small {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 32px
}

@media (max-width: 991.98px) {
    .main__title-small {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.main__title-grey {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 32px;
    color: #392b4b81
}

.main__text, .main__title-span {
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1440px) {
    .main__title-grey {
        font-size: calc(20px + 16 * ((100vw - 320px) / 1120));
        line-height: calc(28px + 16 * ((100vw - 320px) / 1120));
        margin-bottom: calc(24px + 8 * ((100vw - 320px) / 1120))
    }
}

.main__title-span {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
    color: #615473
}

@media (max-width: 1440px) {
    .main__title-span {
        font-size: calc(18px + 6 * ((100vw - 320px) / 1120));
        line-height: calc(24px + 8 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 767.98px) {
    .main__title-span {
        margin-bottom: 20px
    }

    .main .main__input {
        height: 268px
    }
}

.main__text {
    font-size: 16px;
    line-height: 24px;
    color: #392b4b
}

.main__subtitle, .main__text-bold, .main__title-swhite, .main__title-white {
    font-style: normal;
    font-weight: 600
}

@media (max-width: 991.98px) {
    .main__text {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 479.98px) {
    .d-4-none {
        display: none !important
    }

    .main__text {
        font-size: 12px;
        line-height: 16px
    }
}

.main__subtitle {
    font-size: 20px;
    line-height: 28px;
    color: #392b4b
}

.main__text-bold {
    font-size: 16px;
    line-height: 24px;
    color: #392b4b
}

@media (max-width: 991.98px) {
    .main__subtitle {
        font-size: 16px;
        line-height: 24px
    }

    .main__text-bold {
        font-size: 14px;
        line-height: 20px
    }
}

.main__title-white {
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    margin-bottom: 34px
}

@media (max-width: 1440px) {
    .main__title-white {
        font-size: calc(20px + 16 * ((100vw - 320px) / 1120));
        line-height: calc(28px + 16 * ((100vw - 320px) / 1120));
        margin-bottom: calc(24px + 10 * ((100vw - 320px) / 1120))
    }
}

.main__title-swhite {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 32px;
    color: #fff
}

.main__text-neutral, .main__text-small, .main__text-white {
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1440px) {
    .main__title-swhite {
        font-size: calc(18px + 10 * ((100vw - 320px) / 1120));
        line-height: calc(24px + 12 * ((100vw - 320px) / 1120));
        margin-bottom: calc(24px + 8 * ((100vw - 320px) / 1120))
    }
}

.main__text-white {
    color: #fff
}

.main__text-small {
    font-size: 14px;
    line-height: 20px;
    color: #392b4b
}

@media (max-width: 991.98px) {
    .main__text-white {
        font-size: 14px;
        line-height: 20px
    }

    .main__text-small {
        font-size: 12px;
        line-height: 16px
    }
}

.main__text-neutral {
    font-size: 16px;
    line-height: 20px;
    color: #a897bd
}

.main__input, .main__input-short {
    background: #fff;
    padding: 10px 16px;
    font-style: normal;
    font-weight: 400;
    color: #615473;
    box-sizing: border-box
}

@media (max-width: 991.98px) {
    .main__text-neutral {
        font-size: 12px;
        line-height: 16px
    }
}

.main__input {
    border: 1px solid #efe8f8;
    border-radius: 8px;
    width: 100%;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1440px) {
    .main__input {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
        line-height: calc(20px + 4 * ((100vw - 320px) / 1120))
    }
}

.main__input-short {
    border: 1px solid #efe8f8;
    border-radius: 8px;
    width: 320px;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1440px) {
    .main__input-short {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
        line-height: calc(20px + 4 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 479.98px) {
    .main__input-short {
        width: auto
    }
}

.main__btn, .main__btn-light {
    cursor: pointer;
    font-weight: 600;
    border-radius: 8px;
    padding: 10px 0;
    width: 220px;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    text-align: center
}

.main__btn {
    color: #fff !important;
    background: #966cee;
    height: fit-content;
    transition: background .2s
}

.main__btn:hover {
    background: rgba(150, 108, 238, .85)
}

.main__btn-light {
    color: #966cee;
    background: #f9f4ff;
    box-sizing: border-box;
    border: 1px solid #e6e0fa;
    outline: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    transition: background .2s, color .2s, border .2s
}

.main__btn-light:active, .main__btn-light:focus, .main__btn-light:hover {
    color: #966cee;
    background: #fff;
    border: 1px solid rgba(150, 108, 238, .7)
}

.main__item-of-subjects {
    display: block;
    padding: 12px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid #e6e0fa;
    box-sizing: border-box;
    border-radius: 8px
}

.main__checkbox, .radio-fake {
    padding: 10px 16px;
    cursor: pointer
}

.main__select-small {
    width: 170px
}

.main__select {
    width: 200px
}

.main__checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.main__checkbox .checkbox__border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 0s;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px
}

.main__checkbox .checkbox__input {
    display: none
}

.main__checkbox .checkbox__input:checked ~ .checkbox__fake::before {
    opacity: 1
}

.main__checkbox .checkbox__input:checked ~ .checkbox__border {
    background: #f9f4ff;
    border: 1px solid #966cee;
    box-sizing: border-box;
    border-radius: 8px
}

.main__checkbox .checkbox__fake {
    width: 16px;
    height: 16px;
    border: 2px solid #a897bd;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 8px;
    position: relative;
    z-index: 2
}

.main__checkbox .checkbox__fake::before {
    content: "";
    position: absolute;
    transition: all .3s ease 0s;
    background-image: url(../../img/subtract.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    top: -2px;
    left: -2px;
    opacity: 0
}

.main__checkbox .checkbox__text {
    position: relative;
    z-index: 2
}

.radio-buttons-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    gap: 8px
}

.label-for-radio input[type=radio] {
    display: none
}

.label-for-radio input[type=radio]:checked ~ .radio-fake {
    background: #966cee
}

.label-for-radio input[type=radio]:checked ~ .radio-fake .radio-fake-text {
    color: #fff
}

.radio-fake {
    background: #fff;
    border: 1px solid #efe8f8;
    border-radius: 16px;
    transition: all .3s ease 0s
}

@media (any-hover: hover) {
    .radio-fake:hover {
        background: #e6e0fa
    }
}

@media (max-width: 991.98px) {
    .radio-fake {
        padding: 8px 12px
    }
}

@media (max-width: 767.98px) {
    .radio-fake {
        padding: 10px 12px
    }
}

.radio-fake-text {
    transition: all .3s ease 0s;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #392b4b
}

.hand-content__link, .rocket-content__link {
    transition: all .5s ease 0s;
    box-sizing: border-box
}

.modal-st {
    margin: 20px auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 20px !important;
    -ms-flex-item-align: center;
    align-self: center
}

@media (max-width: 1200px) {
    .modal-dialog {
        padding: 20px !important
    }

    .modal-st {
        margin: 0 auto
    }
}

.wid {
    width: 90vw
}

.learn {
    margin-bottom: 64px
}

@media (max-width: 1200px) {
    .learn {
        margin-bottom: 56px
    }
}

@media (max-width: 991.98px) {
    .radio-fake-text {
        font-size: 14px;
        line-height: 20px
    }

    .learn {
        display: none
    }
}

.learn__link img {
    max-width: 100%
}

.rocket-block {
    margin-bottom: 48px
}

@media (max-width: 1440px) {
    .rocket-block {
        margin-bottom: calc(36px + 12 * ((100vw - 320px) / 1120))
    }
}

.rocket-block__main {
    background: #534894;
    border-radius: 16px;
    padding: 48px 64px;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

.rocket-block__content {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    position: relative;
    z-index: 2
}

.rocket-block__bg::before {
    content: "";
    position: absolute;
    background-image: url(../img/rocket-bg.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 650px;
    height: 600px;
    top: -10%;
    right: 5vw
}

@media (max-width: 1200px) {
    .rocket-block__main {
        padding: 32px
    }

    .rocket-block__bg::before {
        width: 500px;
        height: 450px;
        right: 0;
        top: 0
    }
}

@media (max-width: 991.98px) {
    .rocket-block__content {
        -ms-flex: 0 1 70%;
        flex: 0 1 70%
    }

    .rocket-block__bg::before {
        background-image: url(../img/rocket-bg-mobile.png);
        width: 200px;
        height: 300px;
        top: 10%
    }
}

.rocket-block__bg-mobile {
    display: none
}

@media (max-width: 767.98px) {
    .rocket-block__content {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .rocket-block__bg::before {
        display: none
    }

    .rocket-block__bg-mobile {
        display: block;
        float: right;
        position: absolute;
        top: 10%;
        right: 0;
        opacity: .6
    }
}

.input__prev-text {
    margin-bottom: 12px
}

.input__row {
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.input__row-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.rocket-content__title {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    line-height: 122%;
    color: #fff;
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .rocket-content__title {
        font-size: calc(28px + 8 * ((100vw - 320px) / 1120));
        line-height: calc(36px + 8 * ((100vw - 320px) / 1120))
    }
}

.rocket-content__link, .rocket-content__text {
    font-size: 16px;
    line-height: 150%;
    font-style: normal
}

@media (max-width: 1200px) {
    .rocket-content__title {
        margin-bottom: 16px
    }
}

.rocket-content__title-yellow {
    color: #ffbb38
}

.rocket-content__text {
    font-weight: 400;
    color: #e6e0fa;
    margin-bottom: 40px
}

.rocket-content__link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
    color: #966cee;
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    border-radius: 8px;
    padding: 10px 20px
}

@media (max-width: 1200px) {
    .rocket-content__text {
        margin-bottom: 24px
    }

    .rocket-content__link {
        padding: 10px 16px;
        font-size: 14px;
        line-height: 20px
    }
}

@media (any-hover: hover) {
    .rocket-content__link:hover {
        position: relative;
        transform: translate(-4px, -4px);
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
    }
}

.hand-block {
    margin-bottom: 48px
}

@media (max-width: 1440px) {
    .hand-block {
        margin-bottom: calc(36px + 12 * ((100vw - 320px) / 1120))
    }
}

.hand-block__main {
    background: #fdf2ea;
    border-radius: 16px;
    padding: 48px 64px;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

@media (max-width: 1200px) {
    .hand-block__main {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    .input__column {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px
    }

    .rocket-content__link {
        width: auto;
        text-align: center
    }

    .hand-block__main {
        padding: 18px 10px
    }
}

.hand-block__content {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    position: relative;
    z-index: 2
}

@media (max-width: 1200px) {
    .hand-block__content {
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }
}

.hand-block__bg::before {
    content: "";
    position: absolute;
    background-image: url(../img/hand-bg.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 530px;
    height: 300px;
    top: 5%
}

@media (max-width: 991.98px) {
    .hand-block__content {
        -ms-flex: 0 1 70%;
        flex: 0 1 70%
    }

    .hand-block__bg::before {
        right: 0;
        opacity: .6
    }
}

.hand-block__bg-mobile {
    text-align: center;
    padding: 8px 0;
    position: relative;
    top: -8px;
    display: none
}

@media (max-width: 767.98px) {
    .hand-block__content {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .hand-block__bg::before {
        display: none
    }

    .hand-block__bg-mobile {
        display: block
    }
}

.hand-content__title {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    line-height: 122%;
    color: #392b4b;
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .hand-content__title {
        font-size: calc(28px + 8 * ((100vw - 320px) / 1120));
        line-height: calc(36px + 8 * ((100vw - 320px) / 1120))
    }
}

.hand-content__link, .hand-content__text {
    font-style: normal;
    font-size: 16px;
    line-height: 150%
}

@media (max-width: 1200px) {
    .hand-block__bg::before {
        width: 400px;
        height: 220px
    }

    .hand-content__title {
        margin-bottom: 16px
    }
}

.hand-content__title-green {
    color: #3f9d64
}

.hand-content__text {
    font-weight: 400;
    color: #615473;
    margin-bottom: 40px
}

.hand-content__link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
    color: #fff;
    background: #392b4b;
    border-radius: 8px;
    padding: 10px 20px
}

.swiper-button-next {
    right: 5%;
    left: auto
}

.swiper-button-prev {
    left: 5%;
    right: auto
}

@media (min-width: 1200px) {
    .swiper-button-next {
        right: 3%
    }

    .swiper-button-prev {
        left: 3%
    }
}

@media (min-width: 1570px) {
    .swiper-button-next {
        right: 1%
    }

    .swiper-button-prev {
        left: 1%
    }
}

@media (min-width: 1600px) {
    .swiper-button-next {
        right: 1%
    }

    .swiper-button-prev {
        left: 1%
    }
}

@media (min-width: 1700px) {
    .swiper-button-next {
        right: 3%
    }

    .swiper-button-prev {
        left: 3%
    }
}

@media (min-width: 1800px) {
    .swiper-button-next {
        right: 6%
    }

    .swiper-button-prev {
        left: 6%
    }
}

@media (min-width: 1900px) {
    .swiper-button-next {
        right: 8%
    }

    .swiper-button-prev {
        left: 8%
    }
}

@media (min-width: 2000px) {
    .swiper-button-next {
        right: 10%
    }

    .swiper-button-prev {
        left: 10%
    }
}

@media (min-width: 2100px) {
    .swiper-button-next {
        right: 12%
    }

    .swiper-button-prev {
        left: 12%
    }
}

@media (min-width: 2200px) {
    .swiper-button-next {
        right: 14%
    }

    .swiper-button-prev {
        left: 14%
    }
}

@media (min-width: 2400px) {
    .swiper-button-next {
        right: 17%
    }

    .swiper-button-prev {
        left: 17%
    }
}

@media (min-width: 2600px) {
    .swiper-button-next {
        right: 20%
    }

    .swiper-button-prev {
        left: 20%
    }
}

@media (min-width: 2750px) {
    .swiper-button-next {
        right: 22%
    }

    .swiper-button-prev {
        left: 22%
    }
}

@media (min-width: 3050px) {
    .swiper-button-next {
        right: 25%
    }

    .swiper-button-prev {
        left: 25%
    }
}

@media (max-width: 1570px) {
    .swiper-button-next {
        right: 5%
    }

    .swiper-button-prev {
        left: 5%
    }
}

@media (max-width: 1500px) {
    .swiper-button-next {
        right: 3%
    }

    .swiper-button-prev {
        left: 3%
    }
}

@media (max-width: 1460px) {
    .swiper-button-next {
        right: 2%
    }

    .swiper-button-prev {
        left: 2%
    }
}

@media (max-width: 1420px) {
    .swiper-button-next {
        right: 1%
    }

    .swiper-button-prev {
        left: 1%
    }
}

@font-face {
    font-family: 'Golos Text';
    src: url(GolosText-Medium.eot);
    src: local("../fonts/Golos Text Medium"), local("GolosText-Medium"), url(../fonts/GolosText-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/GolosText-Medium.woff2) format("woff2"), url(../fonts/GolosText-Medium.woff) format("woff"), url(../fonts/GolosText-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Golos Text';
    src: url(GolosText-Black.eot);
    src: local("../fonts/Golos Text Black"), local("GolosText-Black"), url(../fonts/GolosText-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/GolosText-Black.woff2) format("woff2"), url(../fonts/GolosText-Black.woff) format("woff"), url(../fonts/GolosText-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Golos Text';
    src: url(../fonts/GolosText-DemiBold.eot);
    src: local("../fonts/Golos Text DemiBold"), local("GolosText-DemiBold"), url(../fonts/GolosText-DemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/GolosText-DemiBold.woff2) format("woff2"), url(../fonts/GolosText-DemiBold.woff) format("woff"), url(../fonts/GolosText-DemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Golos Text';
    src: url(../fonts/GolosText-Bold.eot);
    src: local("../fonts/Golos Text Bold"), local("GolosText-Bold"), url(../fonts/GolosText-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/GolosText-Bold.woff2) format("woff2"), url(../fonts/GolosText-Bold.woff) format("woff"), url(../fonts/GolosText-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Golos Text';
    src: url(../fonts/GolosText-Regular.eot);
    src: local("../fonts/Golos Text Regular"), local("GolosText-Regular"), url(../fonts/GolosText-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/GolosText-Regular.woff2) format("woff2"), url(../fonts/GolosText-Regular.woff) format("woff"), url(../fonts/GolosText-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@media (any-hover: hover) {
    .hand-content__link:hover {
        color: #fdf2ea;
        position: relative;
        transform: translate(-4px, -4px);
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
    }
}

@media (max-width: 767.98px) {
    .hand-content__link {
        width: auto;
        text-align: center
    }
}

.teacher-viewer p, .view-more, ol h3 {
    font-style: normal;
    text-align: left
}

@media (max-width: 1200px) {
    .hand-content__text {
        margin-bottom: 24px
    }

    .hand-content__link {
        padding: 10px 16px;
        font-size: 14px;
        line-height: 20px
    }
}

.filter-section .filter_wrapper__mobile .filter-panel {
    display: block
}

.content-type_wrapper {
    margin-top: 12px
}

.btn_filter {
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    border-radius: 8px;
    white-space: nowrap;
    padding: 10px 32px 10px 24px;
    font-size: 16px !important;
    line-height: 24px !important;
    margin: 15px 0
}

.btn_filter svg {
    margin-right: 5px
}

.filter_mobile {
    display: -ms-flexbox;
    display: flex;
    min-width: 288px;
    -ms-flex-pack: center;
    justify-content: center
}

.filter_wrapper__mobile {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 50
}

.btn_filter.filter_mobile {
    height: 40px;
    font-size: 14px !important;
    line-height: 20px !important;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    color: #966cee
}

.apply-filter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 24px;
    width: 220px;
    height: 44px;
    background: #966cee;
    border-radius: 8px;
    color: #fff
}

.apply-filter:focus, .apply-filter:hover {
    color: #fff
}

.mm-navbars_top {
    position: relative;
    border-bottom: 1px solid #E4E9F0
}

.mm-navbars_top .mm-navbar {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.content-type__link {
    -ms-flex-align: center;
    align-items: center;
    height: 120px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -ms-flexbox;
    display: flex
}

.content-type__link a:not(.add_course) {
    color: #392b4b;
    margin-right: 20px;
    font-size: 36px;
    line-height: 48px;
    border-bottom: 4px solid #FAFBFD
}

.content-type__link a:not(.add_course) h2 {
    font-weight: 600;
    color: #D0C2DE;
    font-size: 36px
}

.content-type__link a.active h2, .content-type__link a:not(.add_course):active .h2, .content-type__link a:not(.add_course):focus .h2, .content-type__link a:not(.add_course):hover .h2 {
    color: #392b4b
}

.content-type__link a:not(.add_course):active, .content-type__link a:not(.add_course):focus, .content-type__link a:not(.add_course):hover {
    text-decoration: none;
    border-bottom: 4px solid #966cee
}

.content-type__link a.active {
    border-bottom: 4px solid #966cee
}

.select-sort-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#filter_close_mobile {
    height: 44px
}

.cancel-filter__top {
    color: #966cee
}

.select2 {
    width: 100% !important;
    background-color: #fff
}

.slider_wrap {
    max-width: 252px;
    margin: auto
}

.select2-container--krajee {
    min-width: 200px
}

.select2-search--dropdown {
    display: none
}

.select2-results__option {
    min-height: 40px;
    padding: 10px 16px
}

.select2-container--krajee-bs4 .select2-selection, .select2-container--krajee-bs4 .select2-selection--single {
    height: 44px;
    line-height: 1.428571429;
    padding: 6px 24px 6px 12px
}

.select2-container--krajee-bs4 .select2-results > .select2-results__options {
    max-height: 100%
}

.select2-container--krajee-bs4 .select2-selection {
    box-shadow: none !important;
    border: 1px solid #EFE8F8;
    border-radius: 8px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.select2-container--krajee-bs4 .select2-selection--single .select2-selection__placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #392B4B
}

.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {
    position: absolute;
    bottom: 0;
    right: 5px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(../img/arrow-select.svg);
    border-left: none
}

.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--krajee-bs4 .select2-results__option--highlighted[aria-selected], .select2-container--krajee-bs4 .select2-results__option[aria-selected=true] {
    background-color: #FBFAFD;
    color: #392B4B
}

.select2-container--krajee-bs4 .select2-dropdown {
    border: none;
    background: #FFF;
    box-shadow: 0 2px 8px rgba(24, 29, 54, .2);
    border-radius: 8px;
    padding: 8px 0;
    margin-top: 2px !important
}

.select2-container--krajee-bs4 .select2-container--open.select2-container--below .select2-selection {
    border-bottom-color: #966CEE
}

.select2-container--krajee-bs4.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: url(../img/arrow-select-open.svg)
}

.select2-container--krajee-bs4.select2-container--focus .select2-selection--single .select2-selection__arrow {
    background: url(../img/arrow-select-close.svg)
}

.select2-container--krajee-bs4.select2-container--focus.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: url(../img/arrow-select-open.svg)
}

.select2-container--krajee-bs4.select2-container--disabled .select2-selection, .select2-container--krajee-bs4.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    border: none;
    background-color: #fff
}

.select2-container--krajee-bs4.select2-container--focus .select2-selection, .select2-container--krajee-bs4.select2-container--open .select2-selection, .select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection, .select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection:focus {
    border: 2px solid #7d59ca;
    background-color: #fff
}

.select2-container--krajee-bs4:not(.select2-container--disabled) .select2-dropdown {
    margin-top: 1px !important
}

.select2-container--material {
    border-bottom: none
}

.select2-container--material.select2-container--focus {
    border-bottom: none;
    box-shadow: none
}

.select2-container--material .select2-selection {
    cursor: pointer
}

.select2-container--material .select2-selection--single .select2-selection__arrow b {
    top: 62%;
    border-color: #392B4B transparent transparent
}

.select2-container--material .select2-results__option--highlighted[aria-selected], .select2-container--material .select2-results__option[aria-selected=true] {
    background-color: #FBFAFD;
    color: #392B4B
}

.select2-container--material .select2-dropdown {
    min-width: 100%;
    width: 230px !important;
    left: 0;
    right: 0;
    border: none;
    background: #FFF;
    box-shadow: 0 2px 8px rgba(24, 29, 54, .2);
    border-radius: 8px;
    padding: 8px 0;
    margin-top: 2px !important
}

.select2-container--material .select2-results__option {
    white-space: nowrap;
    padding: 5px 10px
}

.has-success .select2-container--krajee-bs4 .select2-dropdown, .has-success .select2-container--krajee-bs4 .select2-selection, .has-success .select2-container--krajee-bs4.select2-container--focus .select2-selection, .has-success .select2-container--krajee-bs4.select2-container--open .select2-selection {
    border: 1px solid #EFE8F8
}

.irs--flat .irs-bar, .irs--flat .irs-line {
    height: 8px
}

.irs--flat .irs-bar {
    background-color: #B2C7EF;
    top: 2px
}

.irs--flat .irs-line {
    top: 2px;
    background-color: #F9F4FF
}

.irs--flat span.irs-handle {
    width: 12px;
    top: 0;
    height: 12px;
    background-color: #7d59ca;
    border-radius: 50%;
    cursor: pointer
}

.irs--flat .irs-handle i {
    display: none !important
}

.irs--flat {
    height: 20px
}

.list-group {
    -ms-flex-direction: row;
    flex-direction: row
}

.list-group input[type=checkbox] + .list-group-item {
    cursor: pointer;
    color: #392b4b;
    border-radius: 8px;
    margin-right: 10px;
    height: 44px;
    padding: 0 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.list-group input[type=checkbox] {
    display: none
}

.list-group input[type=checkbox] + .list-group-item:before {
    content: "\2713";
    color: #fff;
    font-weight: 700;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #A897BD;
    border-radius: 4px
}

.list-group input[type=checkbox]:checked + .list-group-item {
    background: #f9f4ff;
    color: #392b4b;
    border: 1px solid #966cee;
    border-radius: 8px
}

.list-group input[type=checkbox]:checked + .list-group-item:before {
    color: #fff;
    border: none;
    background: #966cee
}

.filter-section .mm-btn_close:after {
    right: 16px
}

.filter-section .mm-btn_close:before {
    right: 2px
}

.filter-section label {
    color: #A897BD
}

.filter-section .filter-panel {
    border: 1px solid #EFE8F8;
    background-color: #fff
}

.filter-section .filter-panel label {
    color: #A897BD;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px
}

.filter-section .filter-panel .form-group {
    margin-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: start
}

.filter-section .filter-panel__content {
    padding-top: 32px;
    padding-bottom: 16px
}

.filter-section .filter-panel__bottom {
    padding: 15px 0;
    border-top: 1px solid #EFE8F8
}

.filter-section .filter_actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.filter-section .filter_sorts {
    height: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

.filter-section .filter_sorts .field-field-coursesearch-sort, .filter-section .filter_sorts label {
    margin: 0
}

.filter-section .filter_sorts label {
    padding-right: 10px
}

.filter-section .field-coursesearch-sort {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 0
}

.filter-section .field-coursesearch-sort label {
    margin-right: 15px;
    margin-bottom: 0
}

.filter-section .field-coursesearch-sort .select2 {
    padding-right: 15px;
    min-width: auto;
    width: auto !important
}

.filter-section .filters_active {
    margin: 20px 0
}

.filter-section .filters_active ul {
    list-style: none;
    display: block;
    margin-bottom: 0
}

.filter-section .filters_active ul li {
    display: inline-block;
    margin: 5px 0
}

.filter-section .filters_active ul li a {
    padding: 5px 25px 5px 10px;
    font-size: 14px;
    height: 36px;
    line-height: 22px;
    background-image: url(/img/close.svg);
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #A897BD;
    margin-right: 10px;
    display: block;
    border-radius: 8px;
    color: #392B4B;
    white-space: nowrap
}

ol li::marker, ol p {
    color: #A897BD
}

.filter-section .cancel-filter {
    margin-left: 15px
}

.filter-section .slider_wrap input {
    display: none
}

.filter-section .slider_values {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.filter-section .slider_value__max, .filter-section .slider_value__min {
    padding-bottom: 8px
}

.filter-section .slider-handle.min-slider-handle {
    margin-left: 0
}

.filter-section .slider-handle.max-slider-handle {
    margin-right: 0
}

.field-coursesearch-sort {
    position: relative !important
}

.field-coursesearch-sort .select2-container.select2-container--material.select2-container--open {
    right: 0 !important;
    left: 0 !important
}

.field-coursesearch-sort .select2-container--material .select2-dropdown {
    min-width: auto
}

.field-coursesearch-sort .select2-container--material .select2-results__options {
    box-shadow: none
}

ol {
    margin-top: 24px;
    list-style-position: inside
}

ol p {
    margin-bottom: 24px
}

ol h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    display: inline
}

.content-wrapper {
    padding: 32px 0
}

.main-content {
    margin-bottom: 20px
}

.play_button {
    display: inline-block;
    height: 48px;
    width: 48px;
    background: #fff;
    position: absolute;
    bottom: 16px;
    right: 16px;
    border-radius: 50%
}

.play_button:before {
    content: '';
    border: 8px solid transparent;
    border-left: 14px solid #966CEE;
    display: inline-block;
    margin-top: 17px;
    margin-left: 19px
}

.green-item {
    background-color: #30B274;
    color: #fff
}

.orange-item {
    background-color: #FF8744;
    color: #fff
}

.tags-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 0
}

.tags-items li {
    white-space: nowrap;
    padding: 5px 10px;
    border-radius: 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block
}

.course-section {
    padding: 32px
}

.course-section:last-child {
    border: none
}

.course__header {
    min-height: 280px;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.course__header:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-color: #090D1C;
    opacity: .5
}

.course__header img {
    max-width: 100%
}

.course__content {
    background-color: #fff;
    border: 1px solid #EFE8F8;
    border-radius: 16px
}

.course__content section {
    margin: 0
}

.title-viewer p {
    color: #392B4B;
    margin-top: 24px;
    margin-bottom: 0
}

.title-viewer img {
    display: block
}

.teacher-viewer ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 32px
}

.teacher-viewer ul li {
    width: 50%;
    margin-bottom: 32px;
    padding-right: 15px
}

.teacher-viewer img {
    float: left;
    margin-right: 20px;
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.teacher-viewer .h5 {
    margin-top: 10px;
    margin-bottom: 4px
}

.teacher-viewer p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #A897BD;
    margin-bottom: 0
}

.user-rating-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-radius: 8px;
    float: right;
    border: 1px solid #FFAA04;
    padding: 5px 10px;
    width: 77px;
    height: 40px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #392B4B;
    background-repeat: no-repeat;
    background-position: 10px 8px
}

.testimonials-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 32px
}

.testimonials-items li:nth-child(2n-1) {
    margin-right: 12px
}

.testimonials-items li:nth-child(2n) {
    margin-left: 12px
}

.testimonials-items li {
    background: #FBFAFD;
    border: 1px solid #EFE8F8;
    border-radius: 8px;
    padding: 20px;
    position: relative;
    width: calc(50% - 12px);
    margin-bottom: 24px
}

.testimonials-items li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #EFE8F8;
    left: 0;
    top: 72px
}

.testimonials-items .user-rating-icon {
    position: absolute;
    right: 16px;
    top: 16px;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.testimonials-items .date_comment {
    color: #A897BD;
    font-size: 14px;
    line-height: 20px;
    float: right
}

.testimonials-items img {
    position: absolute;
    left: 16px;
    top: 16px;
    display: block
}

.testimonials-items b {
    font-size: 16px;
    display: inline-block;
    padding: 0 80px 20px 65px
}

.testimonials-items p {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px
}

.testimonials-items a {
    color: #966CEE;
    font-size: 14px;
    line-height: 20px
}

.view-more {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #A897BD;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center
}

.view-more::after, .view-more::before {
    position: absolute;
    top: 11px;
    content: ''
}

.view-more::after {
    left: calc(50% + 64px);
    border: 5px solid transparent;
    border-top: 5px solid #A897BD
}

.view-more::before {
    left: calc(50% + 66px);
    border: 3px solid transparent;
    border-top: 3px solid #fff;
    z-index: 1
}

.view-more:active, .view-more:focus, .view-more:hover {
    text-decoration: none;
    color: #A897BD
}

.course-info-teacher {
    padding: 24px 0;
    border: 1px solid #E4E9F0;
    border-radius: 16px
}

.course-info-teacher .back-to-course-button {
    margin-left: 24px
}

.course-info-teacher .back-to-course-button .back-to-course-button__text {
    font-size: 16px;
    line-height: 24px;
    color: #a897bd;
    margin-left: 8px;
    cursor: pointer
}

.course-info-teacher .header {
    margin-left: 24px;
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 32px
}

.course-info-teacher .stat {
    margin-bottom: 32px;
    border-top: 1px solid #efe8f8;
    border-bottom: 1px solid #efe8f8;
    background: #fbfafd
}

.course-info-teacher .stat .stat__item {
    border-right: 1px solid #efe8f8;
    padding: 12px 0
}

.course-info-teacher .stat .stat__item:last-child {
    border-right: 0
}

.course-info-teacher .stat .stat__item .stat-item__header {
    font-size: 16px;
    line-height: 24px;
    color: #a897bd
}

.course-info-teacher .stat .stat__item .stat-item__text {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.course-info-teacher .info-card {
    padding: 24px;
    border: 1px solid #efe8f8;
    border-radius: 8px
}

#all-students-modal .modal-dialog {
    max-width: 1000px
}

#all-students-modal .modal-content {
    padding: 24px 24px 48px 48px;
    border-radius: 16px
}

.active-course__header {
    min-height: 212px;
    overflow: hidden;
    position: relative;
    border-radius: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.active-course__header .active-course__teacher {
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 64px;
    width: 227px;
    background: #fff;
    position: absolute;
    bottom: 8px;
    left: 8px;
    border-radius: 10px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.active-course__header .active-course__teacher span {
    font-weight: 700
}

.active-course__about-button, .active-course__ask-button, .active-course__cert-button {
    padding: 10px 24px;
    height: 44px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    text-align: center
}

.active-course__header img {
    max-width: 100%
}

.active-course__about-button {
    background-color: #966cee;
    color: #f3f3f3;
    border-radius: 8px;
    margin-top: 24px;
    margin-bottom: 16px
}

.active-course__about-button:hover {
    color: #f3f3f3
}

.active-course__ask-button {
    color: #966cee;
    border-radius: 8px;
    margin-bottom: 16px;
    background-color: #f9f4ff;
    border: 1px solid #e6e0fa
}

.active-course__cert-button {
    color: #a897bd;
    border-radius: 8px;
    background-color: #efe8f8;
    border: 1px solid #cac3f8
}

.active-course__module, .lesson__block .lesson__block-content:first-child {
    border-top: 1px solid #efe8f8
}

.active-course__stat {
    margin-left: 80px;
    margin-top: 34px
}

.active-course__stat-item {
    margin-bottom: 16px;
    padding: 0;
    height: 24px
}

.active-course__stat-item:last-child {
    margin: 0
}

.active-course__subheader {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px
}

.active-course__lesson, .active-course__module .module-number {
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    font-weight: 600
}

.active-course__items {
    margin-top: 16px
}

.active-course__module {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px 8px 8px;
    background-color: #fff;
    height: 60px;
    border-right: 1px solid #efe8f8;
    border-left: 1px solid #efe8f8
}

.active-course__module:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.active-course__module:last-child {
    border-bottom: 1px solid #efe8f8;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.active-course__module .module-number {
    border-radius: 50%;
    background-color: #fff;
    padding: 10px 8px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(24, 29, 54, .1);
    margin-right: 16px;
    width: 44px;
    height: 44px
}

.active-course__module .module-number.complete {
    background-color: #38bf7e;
    color: #fff
}

.active-course__module.active {
    background-color: #f9f4ff
}

.active-course__lesson {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: #fff;
    min-height: 64px;
    border: 1px solid #efe8f8;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px 16px 16px 24px
}

.active-course__lesson .completion-mark {
    margin-right: 26.5px
}

.active-course__lesson .active-course__completed-exercises-number {
    text-align: center;
    padding: 4px;
    margin-right: 26.5px;
    border-radius: 8px;
    background-color: #faefdc;
    color: #c3790a;
    min-width: 32px;
    height: 32px
}

.active-course__lesson .active-course__open-lesson-button {
    text-align: center;
    border-radius: 50%;
    min-width: 32px;
    height: 32px;
    background-color: #f9f4ff
}

.active-course__lesson .active-course__open-lesson-button svg {
    position: relative;
    top: 2px;
    left: 1px
}

.active-course__lesson:last-child {
    margin-bottom: 0
}

.lesson__back-to-course {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #a897bd;
    margin-left: 8px;
    cursor: pointer
}

.lesson__lessons-list li a, .lesson__module-name {
    font-size: 16px;
    line-height: 24px;
    font-style: normal
}

.lesson__lessons-list {
    list-style: none;
    margin-top: 32px
}

.lesson__lessons-list li {
    padding: 16px 16px 16px 24px;
    height: 56px;
    border: 1px solid #efe8f8;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.lesson__lessons-list li a {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #392b4b
}

.lesson__lessons-list li .lesson__completed-exercises-number {
    width: 32px;
    height: 32px;
    padding: 4px;
    border-radius: 8px;
    background-color: #faefdc;
    color: #c3790a;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.lesson__lessons-list li:last-child {
    margin: 0
}

.lesson__lessons-list li.active {
    background-color: #966cee
}

.lesson__lessons-list li.active a {
    color: #fff
}

.lesson__lessons-list li.completed > a {
    color: #168c4c
}

.lesson__lessons-list li:hover {
    cursor: pointer
}

.lesson__module-name {
    font-weight: 400;
    color: #a897bd
}

.lesson__lesson-name {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 32px;
    color: #392b4b
}

.lesson__video {
    min-height: 480px;
    background-image: url(/img/lesson-video.png);
    border: 1px solid #efe8f8;
    border-radius: 16px;
    margin-bottom: 24px;
    width: 100%
}

.lesson__block {
    border: 1px solid #efe8f8;
    border-radius: 16px;
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.lesson__block .lesson__block-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px
}

.lesson__block .lesson__block-header .lesson__block-content-toggle-button {
    text-align: center;
    border-radius: 50%;
    min-width: 32px;
    height: 32px;
    background-color: #e6e0fa
}

.lesson__block .lesson__block-header .lesson__block-content-toggle-button img {
    position: relative;
    top: 4px
}

.lesson__block .lesson__block-header .lesson__given-points {
    text-align: center;
    padding: 4px;
    margin-right: 26.5px;
    border-radius: 8px;
    background-color: #c4ffdf;
    color: #168c4c;
    font-weight: 700;
    min-width: 32px;
    height: 32px
}

.lesson__block .lesson__block-header .completion-mark {
    margin-right: 25px
}

.lesson__block .lesson__block-header h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    color: #392b4b;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.lesson__block .lesson__block-content {
    padding: 24px;
    border-bottom: 1px solid #efe8f8
}

.lesson__block .lesson__block-content button {
    padding: 10px 24px;
    background-color: #966cee;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    border-radius: 8px;
    margin-top: 24px
}

.lesson__block .lesson__block-content h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px
}

.lesson__block .lesson__block-content #homework-uploaded-file {
    margin-left: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.lesson__block .lesson__block-content #homework-input-clear-button {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 8px
}

.lesson__block:last-child {
    margin: 0
}

.lesson__assets {
    border: 1px solid #efe8f8;
    border-radius: 16px;
    margin-bottom: 24px;
    padding: 24px 24px 32px
}

.lesson__assets .lesson__asset {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-right: 50px
}

.lesson__assets .lesson__asset:last-child {
    margin: 0
}

.lesson__assets h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    color: #392b4b;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vebinar_about {
    margin-top: 40px
}

.vebinar_about p {
    color: #A897BD
}

.leader_photo {
    float: left;
    margin-right: 25px;
    width: 200px
}

.title-viewer_vebinar .h2 {
    margin-bottom: 0
}

.title-viewer_vebinar p.sub_title {
    color: #A897BD;
    font-size: 14px;
    line-height: 20px
}

.company_about, .timezone, .title-viewer_vebinar p {
    font-size: 16px;
    line-height: 24px
}

.company_about {
    margin-bottom: 50px
}

.company_about h2 {
    margin-bottom: 20px
}

.company_about p {
    padding-top: 10px;
    padding-bottom: 10px
}

.company_about ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin-top: 25px;
    margin-bottom: 25px
}

.company_about ul li::before {
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    display: block;
    content: '';
    background: radial-gradient(104.69% 104.69% at 4.69% 78.12%, #EB6CEE 0, #6C90EE 100%);
    transform: rotate(45deg);
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 5px
}

.company_about ul:after {
    content: '';
    display: table
}

.block_details img, .company_details .logos svg {
    display: block;
    width: 100%
}

.company_about ul li, .company_about ul:after {
    width: calc(100% / 3 - 15px);
    min-width: 248px
}

.company_about:last-child {
    margin-bottom: 0
}

.company_details .logos {
    text-align: center;
    border-bottom: 1px solid #efe8f8;
    margin-left: -25px;
    margin-right: -25px;
    padding-bottom: 25px;
    padding-left: 24px;
    padding-right: 24px
}

.company_details .block_feature {
    position: relative;
    margin-top: 20px
}

.side_block {
    padding: 24px;
    background-color: #fff;
    border: 1px solid #EFE8F8;
    border-radius: 16px;
    margin-bottom: 16px
}

.block_details img {
    margin: auto;
    max-width: 300px
}

.block_details ul.block_feature {
    margin-top: 24px
}

.block_details ul.block_feature li {
    font-size: 16px;
    padding-bottom: 16px
}

.block_details .secondary-button {
    margin-bottom: 16px;
    padding: 10px 24px;
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    border-radius: 8px;
    color: #966cee
}

.info_block p, .spend-time {
    margin-bottom: 0
}

.timezone {
    padding: 0 10px;
    color: #A897BD;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.spend-time {
    white-space: nowrap;
    color: #392B4B
}

.block_info {
    background: #FFF;
    border: 1px solid #EFE8F8;
    list-style: none;
    border-radius: 16px;
    overflow: hidden
}

.block_info li {
    border-bottom: 1px solid #E4E9F0;
    padding: 10px;
    text-align: center
}

.block_info li b {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    color: #392B4B
}

.block_info li:last-child {
    border-bottom: none
}

.block_info li.promotion {
    background-color: #FFF4D7;
    padding: 10px;
    text-align: center
}

.education__teacher {
    background-color: #FBFAFD;
    border-radius: 16px;
    border: 1px solid #EFE8F8
}

.education__teacher > li {
    border-bottom: 1px solid #EFE8F8
}

.course-section, .education__teacher li:last-child {
    border-bottom: none
}

.education__teacher li ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px
}

.education__teacher li ul li {
    min-width: 170px;
    padding: 2px 10px
}

.education__teacher li ul li .education__label {
    margin-bottom: 5px;
    color: #A897BD;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px
}

.block_left_menu, .course-section h3 {
    margin-bottom: 25px
}

.course-section, .education__teacher li ul li .education__content, .tab-content, .teacher__fio p {
    font-size: 16px
}

.confirm {
    color: #168C4C;
    font-weight: 600
}

.secondary-item {
    background-color: #a897bd;
    color: #fff
}

.teacher__fio {
    margin-top: 15px;
    text-align: center
}

.teacher__fio h4 {
    text-align: center
}

.teacher__fio p {
    left: 24px
}

.block_left_menu {
    background-color: #fff;
    border: 1px solid #efe8f8;
    border-radius: 16px;
    overflow: hidden
}

.block_left_menu ul {
    list-style: none;
    margin-bottom: 0
}

.block_left_menu ul li {
    border-bottom: 1px solid #efe8f8
}

.block_left_menu ul li:last-child {
    border-bottom: none
}

.block_left_menu ul li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 68px;
    padding: 0 18px;
    font-size: 16px;
    line-height: 24px;
    color: #392b4b;
    font-weight: 600
}

.block_left_menu ul li a svg {
    margin-right: 14px
}

.block_left_menu ul li a.active::after {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #f3a919;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    margin-left: 5px;
    margin-bottom: 5px
}

.custom-checkbox + label::before, .notify-icon.active::before, .profession__list li:before, .sign-text::after {
    content: ''
}

.block_left_menu ul li:hover {
    background-color: #f9f4ff
}

.block_left_menu_mobile {
    margin-bottom: 20px
}

.main__user-block {
    background: #fff
}

.content-search-block .search-wrapper {
    max-width: 100%
}

.content-search-block .search-wrapper .search-input {
    border: 1px solid #efe8f8
}

.content-type__link a.tab-content_link:not(.active), .tab-content__title {
    border-bottom: 4px solid transparent
}

.add_course, .course_status {
    border-radius: 8px;
    color: #fff
}

.content-search-block .search-wrapper .search-btn {
    background-color: transparent
}

.tab-content {
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 24px;
    color: #a897bd;
    text-align: center
}

.main__user-block_title {
    display: -ms-flexbox;
    display: flex
}

.main__user-block_title .content-type__link {
    height: 60px;
    width: 100%;
    margin-right: 0
}

.course_simple.course_item .course_item__content .btn_action, .vebinar_simple.course_item .course_item__content .btn_action {
    -ms-flex-pack: center;
    justify-content: center
}

.block_balance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.block_balance .balance_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column
}

.block_balance .balance_item .btn-place {
    padding: 0 8px;
    max-width: 140px
}

.block_balance .balance_item .btn-place svg {
    margin-right: 10px
}

.block_balance .balance_item .balance_count {
    font-size: 20px;
    font-weight: 600;
    color: #392b4b;
    white-space: nowrap
}

.block_balance .balance_item .balance_title {
    color: #a897bd;
    font-size: 16px;
    margin-bottom: 5px
}

.block_balance .balance_item:last-child {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: row;
    flex-direction: row
}

a.tab-content_link {
    font-weight: 600
}

a.tab-content_link:not(.active) {
    color: #d0c2de
}

.content-type__link {
    margin-bottom: 20px;
    margin-right: 35px
}

.tab-content__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    margin-right: 15px;
    color: #392b4b
}

.select__dropdown {
    position: static
}

.add_course {
    background-color: #966cee;
    width: 186px;
    height: 44px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 24px
}

.add_course:hover {
    color: #fff
}

.cabinet-panel .content-type__link {
    height: 60px
}

.cabinet-panel .content-type__link.admin_user_panel {
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 0
}

.course_status {
    padding: 3px 8px 5px;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin: 16px;
    float: right;
    font-weight: 600
}

.status_process {
    background-color: #f3a919
}

.status_complete {
    background-color: #17aa63
}

.status_plan {
    background-color: #8290d9
}

.cabinet-info {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e4e9f0;
    margin-bottom: 80px;
    overflow: hidden
}

.cabinet-info__block {
    padding-left: 48px;
    padding-top: 48px;
    background: radial-gradient(136.94% 172.47% at 55.12% 108.55%, #f8f7fa 0, rgba(251, 250, 253, .24) 100%)
}

.cabinet-info__block--two {
    background: radial-gradient(105.75% 174.26% at 16.99% 106.03%, #f8f7fa 0, rgba(251, 250, 253, .24) 100%), url(../img/bg-q.svg);
    background-repeat: no-repeat;
    padding: 32px 24px 40px
}

.cabinet-info img {
    max-width: 100%
}

.cabinet-msg {
    border-radius: 16px;
    padding: 16px;
    background: #fffded;
    border: 1px solid #fcdda2;
    margin-bottom: 24px
}

.ct-stat-item {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border: 1px solid #efe8f8;
    border-radius: 12px;
    min-height: 120px;
    background: #fff;
    width: 100%
}

.ct-stat-item__img {
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 116px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.ct-stat-item__bl {
    padding: 8px 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.ct-stat-item__bl > small {
    font-size: 12px;
    line-height: 16px;
    color: #a897bd
}

.ct-stat-item__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px
}

.ct-stat-item__bar {
    margin-top: auto;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ct-stat-item__bar > span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    min-width: 25px;
    display: block;
    text-align: center;
    margin-right: 8px
}

.ct-stat-item__bar > div {
    background: #c8f2e1;
    border-radius: 4px;
    height: 8px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ct-stat-item__bar > div > span {
    background: #17aa63;
    display: block;
    height: 100%;
    width: 0;
    border-radius: 4px
}

.ct-way {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #efe8f8;
    position: relative;
    margin-bottom: 20px
}

.ct-way .custom-checkbox {
    position: static;
    opacity: 1
}

.ct-way .custom-checkbox .custom-control-label {
    color: #392b4b;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer
}

.ct-way .custom-checkbox .custom-control-label:after, .ct-way .custom-checkbox .custom-control-label:before {
    box-shadow: none !important;
    border-color: #966cee !important;
    top: .2rem
}

.ct-way .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #966cee;
    border-color: #966cee
}

.ct-way__link-all {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #966cee;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.ct-way__head, .ct-way__num {
    display: -ms-flexbox;
    -ms-flex-align: center
}

.ct-way__link-all:hover {
    text-decoration: underline
}

.ct-way__head {
    padding: 16px;
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #efe8f8;
    display: flex;
    align-items: center;
    margin: -1px
}

.ct-way__done, .ct-way__fill {
    line-height: 36px;
    padding: 0 12px;
    font-weight: 600;
    text-align: center
}

.ct-way__num {
    border: 1px solid #dfdbee;
    display: flex;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    color: #615473;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px
}

.ct-way__toggle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f9f4ff;
    color: #615473;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ct-way__toggle[aria-expanded=true] {
    background: #966cee;
    color: #fff
}

.ct-way__toggle[aria-expanded=true] svg {
    transform: scale(1, -1)
}

.about-history__circle svg, .circle-progress svg {
    transform: rotate(-90deg);
    stroke-dashoffset: calc(315 - (var(--proc) * (3.15)))
}

.ct-way__status {
    min-width: 160px;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 24px
}

.ct-way__done {
    background: #d0fae9;
    border-radius: 8px;
    color: #168c4c;
    font-size: 14px
}

.ct-way__fill {
    background: #f9f4ff;
    color: #966cee;
    border: 1px solid #e6e0fa;
    font-size: 14px;
    border-radius: 8px;
    display: block
}

.ct-way__bar {
    min-width: 170px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #a897bd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ct-way__bar > div {
    width: 120px;
    height: 12px;
    border-radius: 6px;
    background: #e6e0fa
}

.ct-way__bar > div > span {
    border-radius: 6px;
    width: 0;
    background: #b298ee;
    height: 100%;
    display: block
}

.ct-way__bar > span {
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.ct-way__bar--done {
    color: #168c4c
}

.ct-way__bar--done > div {
    background: #c8f2e1
}

.ct-way__bar--done > div > span {
    background: #168c4c
}

.ct-way__name {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 48px;
    font-size: 14px;
    line-height: 20px
}

.ct-way__popup {
    padding: 16px
}

.ct-way__detail {
    font-size: 10px;
    font-weight: 600;
    background: #966cee;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 6px;
    color: #fff;
    position: absolute;
    right: 12px;
    top: 12px
}

.ct-way__detail:active, .ct-way__detail:focus, .ct-way__detail:hover, .ct-way__detail:visited {
    color: #fff
}

.ct-way__row-cards {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-left: -8px;
    margin-right: -8px
}

.ct-way .course_item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    margin-right: 8px;
    width: calc(33.33% - 16px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ct-way .course_item .course_item__content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ct-way .course_item .course_item__content .course_item__info {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ct-way .course_item .course_item__content .btn_action {
    margin-left: -16px;
    margin-right: -16px;
    padding: 8px
}

.ct-way .course_item .btn-details {
    line-height: 36px;
    padding: 0;
    margin: 0 auto;
    height: 36px
}

.ct-way .course_item .button_primary {
    font-size: 14px;
    line-height: 36px;
    height: 36px;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 8px;
    margin: 0
}

.ct-way .course_item .button_primary.is-done {
    background: #17aa63;
    pointer-events: none;
    padding-left: 12px;
    padding-right: 16px
}

.ct-way .course_item .button_primary.is-done svg {
    margin-right: 8px
}

.ct-way .course_item .course_item__content .course_item__info .info_block .info_block__title {
    font-size: 14px;
    line-height: 20px;
    color: #a897bd
}

.ct-way .course_item .course_item__content .course_item__info .info_block {
    padding-left: 6px;
    padding-right: 6px
}

.ct-way .course_item.is-progress {
    border: 2px solid #38bf7e
}

.ct-way .course_item.is-progress .course_item__content .course_item__info {
    margin-left: -16px;
    margin-right: -16px
}

.ct-way .modal-dialog {
    margin-bottom: 0;
    margin-top: 0
}

.ct-way .modal-content {
    border: none;
    border-radius: 16px
}

.ct-way .modal-footer button[data-dismiss=modal] {
    font-weight: 600;
    font-size: 12px;
    line-height: 32px;
    height: 32px;
    display: block;
    width: 100%;
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    border-radius: 8px;
    color: #966cee
}

.ct-way .modal-header {
    display: block
}

.ct-way .modal-header .ct-way__name {
    max-width: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-right: 12px;
    margin-bottom: 0
}

.confirm-text, .link-think {
    font-size: 12px;
    line-height: 16px
}

.ct-way .modal-header .ct-way__bar {
    margin-bottom: 0;
    margin-top: 10px
}

.ct-way .modal-header button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ct-way.is-active {
    box-shadow: 0 6px 28px rgba(24, 29, 54, .1)
}

.link-think {
    color: #966cee;
    font-weight: 400
}

.confirm-text {
    margin-bottom: 15px
}

.link-bold, .main-link {
    font-size: 16px;
    color: #966cee;
    font-weight: 600
}

.link-bold {
    line-height: 24px
}

.login_panel_info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.login_panel__block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.login_panel__block img {
    margin: 0 18px;
    width: 44px;
    height: 44px
}

.notify-icon {
    position: relative;
    margin: 10px
}

.notify-icon.active::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #F3A919;
    border: 2px solid #fff
}

.user__info_block {
    padding: 0 20px
}

.top-line_sign {
    height: 80px;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 #E4E9F0;
    padding: 16px 0;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 50
}

.top-line_sign .logo_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.top-line_sign .nav_back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.panel-login_wrapper {
    background-image: url(../img/bg-login_spots.svg);
    background-repeat: no-repeat;
    max-width: 1920px;
    margin: 120px auto 60px
}

.panel-login_form {
    background: #fff;
    width: 100%;
    max-width: 580px;
    padding: 32px 24px 24px;
    border-radius: 16px;
    border: 1px solid #EFE8F8;
    margin: auto
}

.panel-login_form .form_radio_group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FBFAFD;
    border-radius: 8px;
    width: 100%
}

.panel-login_image svg {
    max-width: 100%
}

.form-horizontal .form-control {
    width: 100%
}

.user-menu a.dropdown-toggle {
    display: inline-block;
    height: 100%
}

.top-search-block {
    margin-right: 15px
}

.form-center {
    height: 100vh
}

.form-center .panel-login {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-link {
    font-family: 'Golos Text';
    font-style: normal
}

.text-helper {
    color: #a897bd;
    font-size: 14px;
    line-height: 20px
}

.control-label, .text-helper_label {
    font-size: 16px;
    color: #a897bd;
    line-height: 24px
}

.help-block {
    color: red
}

.block_account_exist {
    border-top: 1px solid #efe8f8;
    padding-top: 32px;
    padding-bottom: 5px;
    margin-left: -24px;
    margin-right: -24px
}

.login-actions {
    margin-top: 32px;
    margin-bottom: 32px;
    position: relative
}

.login-actions .btns-wrapper {
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex
}

.login-actions .sign-icon {
    padding: 10px 20px
}

.sign-text {
    text-align: center;
    position: relative;
    margin-top: 16px;
    margin-bottom: 16px;
    z-index: 2
}

.sign-text .text-helper {
    padding: 10px 20px;
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.sign-text::after {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 21px;
    z-index: 1;
    background-color: #efe8f8
}

.panel_login_sign-auth {
    text-align: center;
    margin-left: -25px;
    margin-right: -25px
}

.form-group.password {
    position: relative
}

.checkbox_news-send {
    margin-top: 32px;
    margin-bottom: 32px
}

.checkbox_news-send label {
    font-size: 14px;
    line-height: 20px;
    color: #392B4B
}

.form_radio_group {
    display: inline-block;
    overflow: hidden;
    padding: 8px 0
}

.form_radio_group-item {
    width: 33.3%;
    margin: 8px
}

.form_radio_group input[type=radio] {
    display: none
}

.form_radio_group label {
    display: block;
    cursor: pointer;
    padding: 0 15px;
    margin-bottom: 0;
    line-height: 36px;
    border-right: none;
    user-select: none;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    color: #392b4b;
    font-weight: 600;
    white-space: nowrap
}

.form_radio_group input[type=radio]:checked + label {
    background: #966cee;
    color: #fff
}

.form_radio_group label:hover {
    color: #666
}

.form_radio_group input[type=radio]:disabled + label {
    background: #efefef;
    color: #666
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-checkbox + label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    user-select: none
}

.custom-checkbox + label::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: .25em;
    margin-right: .5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.do-confirm, .field-status {
    height: 44px;
    -ms-flex-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Golos Text'
}

.custom-checkbox:focus:not(:checked) + label::before, .custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
    border-color: #b298ee
}

.custom-checkbox:not(:disabled):active + label::before {
    background-color: #b298ee;
    border-color: #b298ee
}

.custom-checkbox:checked + label::before {
    border-color: #966cee;
    background-color: #966cee;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.form-control, .prof-card {
    border: 1px solid #EFE8F8
}

.custom-checkbox:disabled + label::before {
    background-color: #dfdbee
}

.form-settings {
    margin-top: 10px;
    margin-bottom: 25px
}

.form-settings .form-group {
    margin-bottom: 1rem
}

.form-settings .btn-place {
    width: 100%;
    max-width: 180px;
    margin: auto
}

.form-settings label {
    color: #a897bd
}

.form-control {
    border-radius: 8px;
    height: 44px
}

.form-control:focus {
    border-color: #966cee
}

.field-status {
    background-repeat: no-repeat;
    background-position: center right;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    padding-right: 28px
}

.confirm-status {
    background-image: url(../img/confirm.svg);
    color: #168c4c
}

.do-confirm {
    color: #966cee;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center
}

.password-control {
    position: absolute;
    bottom: 9px;
    right: 14px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/img/view.svg) no-repeat
}

.password-control.view {
    background: url(/img/no-view.svg) no-repeat
}

.test-card {
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 16px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #efe8f8;
    border-radius: 16px
}

.test-card .vendor-logo {
    width: 48px;
    height: 48px
}

.test-card .test-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.test-card .test-info .test-vendor-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #392b4b
}

.test-card .test-info .test-description, .test-card .test-score td, .test-card .test-score th {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-style: normal
}

.test-card .test-info .test-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #392b4b
}

.test-card .test-score {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.test-card .test-score th {
    color: #a897bd
}

.test-card .test-score td {
    color: #392b4b
}

.test-card .test-result {
    border-radius: 36px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    padding: 6px 12px
}

.test-card .test-result.done {
    color: #168c4c;
    background-color: #c4ffdf
}

.test-card .test-result.in-progress {
    background-color: #faefdc;
    color: #c3790a
}

.test-card:last-child {
    margin-bottom: 0
}

.test-view .lesson-name {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #a897bd
}

.test-view .name {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 48px
}

.test-view .cancel-button, .test-view .description {
    font-size: 16px;
    line-height: 24px;
    font-style: normal
}

.test-view .cancel-button {
    float: right;
    font-weight: 600;
    color: #966cee;
    background-color: #f9f4ff;
    padding: 10px 24px;
    border: 1px solid #e6e0fa;
    border-radius: 8px
}

.test-view .question-card, .test-view .submit-button-wrapper {
    background-color: #fff;
    border-left: 1px solid #efe8f8;
    border-right: 1px solid #efe8f8
}

.test-view .description {
    font-weight: 400
}

.test-view .question-card {
    border-top: 1px solid #efe8f8
}

.test-view .question-card:first-child {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px
}

.test-view .question-card .question {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 24px 0;
    margin-bottom: 20px
}

.test-view .question-card .question .question-number {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(24, 29, 54, .1);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    margin-right: 16px
}

.test-view .question-card .question .question-number span {
    left: 17.5px;
    top: 10px;
    position: relative;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.test-view .question-card .question .question-text {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px
}

.test-view .question-card .answer {
    padding-left: 60px;
    margin-bottom: 16px
}

.test-view .question-card .answer:last-child {
    margin-bottom: 32px
}

.test-view .question-card .answer label {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #392b4b
}

.test-view .question-card .answer input {
    width: 16px;
    height: 16px;
    margin-right: 16px
}

.test-view .submit-button-wrapper {
    border-bottom: 1px solid #efe8f8;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-bottom: 24px;
    padding-right: 24px
}

.test-view .submit-button-wrapper .submit-button {
    float: right;
    padding: 10px 24px;
    border-radius: 8px;
    background-color: #966cee;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.test-result {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    min-height: 750px;
    border: 1px solid #efe8f8;
    border-radius: 16px;
    background-color: #fff;
    padding-top: 32px
}

.test-result.success .test-result__mark {
    background-color: #c4ffdf;
    border: 1px solid #38bf7e;
    color: #168c4c
}

.test-result.fail .test-result__mark {
    background-color: #feeee6;
    border: 1px solid #ef3d32;
    color: #ef3d32
}

.test-result .test-result__background-image {
    background-size: cover;
    background-position: center;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    min-height: 631px;
    border-radius: 16px
}

.test-result .test-result__header {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 4px
}

.test-result .test-result__stat {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #a897bd;
    margin-bottom: 16px
}

.test-result .test-result__mark {
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 8px 16px;
    margin-bottom: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.test-result .test-result__mark span {
    margin-left: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px
}

.test-result .test-result__go-back-button {
    background-color: #966cee;
    border-radius: 8px;
    padding: 10px 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin-bottom: 32px
}

.test-result .test-result__warning {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px;
    padding: 8px 8px 8px 16px;
    border-radius: 8px;
    background-color: #faefdc;
    max-width: 500px
}

.test-result .test-result__warning span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.trajectory {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px
}

.trajectory .h2:not([class]) {
    margin-bottom: 24px
}

.trajectory .h2.trajectory__title-color span, .trajectory__title-color span {
    color: #E19500
}

.trajectory__title-color2 {
    margin-bottom: 48px
}

.trajectory__title-color2 span {
    color: #966cee
}

.trajectory__results {
    margin-bottom: 40px
}

.trajectory__results > div {
    margin-bottom: 48px
}

.trajectory__results img {
    margin-bottom: 24px;
    height: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.trajectory__results h5 {
    margin-bottom: 16px
}

.trajectory__banner {
    background-size: cover;
    background-position: center center;
    border-radius: 16px;
    background-image: url(../img/tr-banner.svg);
    padding: 32px;
    color: #fff
}

.trajectory__banner h4 {
    max-width: 660px;
    margin-bottom: 32px
}

.trajectory__banner a {
    height: 44px;
    line-height: 44px;
    background: #fff;
    color: #966cee;
    display: inline-block;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    padding: 0 24px
}

.trajectory .link-main {
    color: #966cee;
    font-size: 16px;
    line-height: 24px
}

.trajectory .link-main:hover {
    color: #7d59ca
}

.trajectory .owl-stage-outer {
    z-index: 1
}

.prof-card {
    background: #FFF;
    border-radius: 16px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px;
    position: relative;
    z-index: 10
}

.prof-card__img {
    padding-top: 41%;
    overflow: hidden;
    position: relative
}

.prof-card__img img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.prof-card__center {
    display: -ms-flexbox;
    display: flex;
    height: 164px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px
}

.prof-card__center h5 {
    text-align: center;
    margin-bottom: 16px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.prof-card__center h5 a {
    font-size: inherit;
    line-height: inherit
}

.prof-card__text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    max-height: 80px;
    margin: 0
}

.prof-card table {
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.prof-card table td {
    width: 50%;
    text-align: center;
    border: 1px solid #EFE8F8;
    padding: 14px 10px
}

.prof-card table td span {
    display: block;
    color: #A897BD;
    margin-bottom: 4px
}

.prof-card__bottom {
    margin-top: auto;
    padding: 8px 8px 20px;
    text-align: center
}

.prof-card__bottom .button_primary {
    margin-bottom: 16px
}

.prof-card__bottom .link {
    font-weight: 700;
    color: #966cee;
    font-size: 16px;
    line-height: 24px
}

.prof-card__bottom .link:hover {
    color: #7d59ca
}

.prof-card__source {
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #A897BD;
    margin-bottom: 4px
}

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

.prof-card__opt li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.prof-card__opt li:not(:last-child) {
    margin-bottom: 8px
}

.prof-card__opt li img {
    width: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.prof-card__sort {
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 8px;
    display: -ms-flexbox;
    display: flex
}

.prof-card__sort a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    width: 40px;
    height: 40px;
    margin-left: 8px;
    color: #CAC3F8
}

.prof-card__sort a.is-active, .prof-card__sort a:hover {
    color: #966cee
}

.prof-card__icon-left {
    position: absolute;
    z-index: 1;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 8px;
    top: 8px
}

.prof-card__icon-left img {
    max-width: 100%;
    max-height: 100%
}

.prof-card--profession .prof-card {
    text-align: left
}

.prof-card--profession .prof-card__img {
    padding-top: 66.66%
}

.prof-card--profession .prof-card__center {
    height: auto
}

.prof-card--profession .prof-card__center h5 {
    text-align: left;
    height: 56px;
    overflow: hidden;
    white-space: normal
}

.cabinet-info-white h5, .profession__head {
    text-align: center
}

.cabinet-info-white {
    background: #FFF
}

.profession {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 48px
}

.profession img {
    max-width: 100%
}

.profession__head {
    padding: 56px 40px 40px;
    background-size: cover;
    background-position: center center;
    border-radius: 24px;
    margin-bottom: 64px;
    color: #fff
}

.profession__head .profession__btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 72px
}

.profession__head .profession__btns > a {
    margin: 0 8px
}

.profession__head .profession__text {
    max-width: 586px;
    margin-left: auto;
    margin-right: auto
}

.profession__college > * img, .profession__progs > div > span img {
    max-width: 100%;
    max-height: 100%
}

.profession__tasks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -16px
}

.profession__tasks > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #615473;
    border-radius: 8px;
    width: calc(33.33% - 16px);
    margin: 16px 8px 0;
    padding: 20px 10px
}

.profession__tasks > div > img {
    height: 24px;
    margin-bottom: 8px
}

.profession__tasks > div > span {
    font-size: 24px;
    line-height: 32px;
    margin-top: auto
}

.profession__tasks > div > small {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    display: block;
    margin-bottom: 16px
}

.profession__list {
    list-style: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 56px
}

.profession__list li {
    padding: 0 15px 0 51px;
    margin-bottom: 24px;
    width: 33.33%;
    position: relative
}

.profession__list li:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10C0 10 10 10 10 0C10 10 20 10 20 10C20 10 10 10.7143 10 20C10 10.7143 0 10 0 10Z' fill='%23B298EE'/%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -10px
}

.profession__list--col1 li {
    width: 100% !important;
    margin-bottom: 16px
}

.profession__cond {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 64px
}

.profession__cond > * {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
    background: #6c4faa;
    font-size: 16px;
    height: 40px;
    margin-right: 12px;
    padding: 0 16px;
    margin-bottom: 16px
}

.profession__progs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px -6px 80px
}

.profession__progs > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 12px 6px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 12px 16px 12px 12px;
    border: 1px solid #EFE8F8;
    border-radius: 8px;
    height: 72px;
    font-weight: 600;
    font-size: 16px;
    background: #fff
}

.profession__progs > div > span {
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.profession__college {
    display: grid;
    grid-gap: 16px;
    grid-template-columns:repeat(5, 1fr);
    margin-bottom: 80px
}

.about-sponsors__grid, .for-what__ul {
    grid-template-columns:repeat(3, 1fr)
}

.profession__college > * {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #EFE8F8;
    padding: 16px;
    height: 178px
}

.profession__tabs {
    color: #fff;
    border-radius: 24px;
    padding: 48px;
    background-color: #6c4faa;
    background-image: url(../img/loopergroup.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-bottom: 80px
}

.profession__tabs .tab-content {
    color: #fff;
    text-align: left
}

.profession__tabs .nav {
    margin-bottom: 32px
}

.profession__tabs .nav li {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.profession__tabs .nav .nav-link {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 16px;
    color: #fff;
    text-transform: uppercase;
    background: #7d59ca;
    border-radius: 34px
}

.profession__tabs .nav .nav-link.active {
    background: #fff;
    color: #966cee
}

.profession__list-number {
    counter-reset: i;
    list-style: none;
    font-size: 16px;
    line-height: 24px
}

.profession__list-number li {
    counter-increment: i;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.profession__list-number li:not(:last-child) {
    margin-bottom: 20px
}

.profession__route, .profession__zone {
    margin-bottom: 80px
}

.profession__list-number li:before {
    content: counter(i);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #DFDBEE;
    color: #615473;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    width: 36px;
    height: 36px;
    font-size: 14px;
    font-weight: 600
}

.certificate:after, .tariffs__item:after, .trland-head__list li:before, .trland-ic-blocks > div:after, .trland-privilege__item:after {
    content: ''
}

.profession__zone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -6px;
    margin-right: -6px
}

.about-link, .profession__zone > * {
    display: -ms-flexbox;
    -ms-flex-align: center
}

.profession__zone > * {
    background: #fff;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    height: 52px;
    text-transform: uppercase;
    box-shadow: 0 9px 20px rgba(12, 15, 32, .06), 0 3px 4px rgba(0, 0, 0, .05);
    border-radius: 26px;
    padding: 0 16px;
    font-weight: 600;
    margin: 0 6px 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.profession__zone > * span {
    color: #D0C2DE;
    margin-right: 4px
}

.profession__chart {
    margin-bottom: 80px
}

.profession .owl-stage-outer {
    z-index: 1
}

.certificate {
    width: 1400px;
    height: 1024px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    font-family: 'Golos Text';
    color: #392B4B;
    font-size: 26px;
    line-height: 48px;
    background: radial-gradient(78.94% 184.61% at 84.66% 88.75%, #F6F2FF 0, #FFF 100%)
}

.button_primary, body, p {
    font-family: "Golos Text"
}

.certificate:after {
    display: block;
    clear: both
}

.certificate__img {
    float: right
}

.certificate__body {
    float: left;
    padding: 60px 80px 0 100px;
    width: calc(100% - 389px)
}

.certificate__title {
    font-weight: 600;
    font-size: 72.29px;
    line-height: 81px;
    display: inline-block;
    max-width: 620px
}

.certificate__head {
    position: relative;
    padding-right: 200px;
    margin-bottom: 30px
}

.certificate__ball {
    width: 188px;
    height: 188px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='184' height='184' viewBox='0 0 184 184' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M85.4002 2.34609C89.4049 -0.291076 94.5951 -0.291077 98.5998 2.34609L110.082 9.90754C112.242 11.3301 114.804 12.0166 117.387 11.8647L131.111 11.0576C135.898 10.776 140.393 13.3711 142.543 17.6573L148.706 29.947C149.865 32.259 151.741 34.1346 154.053 35.2941L166.343 41.4575C170.629 43.607 173.224 48.1019 172.942 52.8886L172.135 66.6134C171.983 69.1955 172.67 71.7575 174.092 73.9177L181.654 85.4002C184.291 89.4049 184.291 94.5951 181.654 98.5998L174.092 110.082C172.67 112.242 171.983 114.804 172.135 117.387L172.942 131.111C173.224 135.898 170.629 140.393 166.343 142.543L154.053 148.706C151.741 149.865 149.865 151.741 148.706 154.053L142.543 166.343C140.393 170.629 135.898 173.224 131.111 172.942L117.387 172.135C114.804 171.983 112.242 172.67 110.082 174.092L98.5998 181.654C94.5951 184.291 89.4049 184.291 85.4002 181.654L73.9177 174.092C71.7575 172.67 69.1955 171.983 66.6135 172.135L52.8886 172.942C48.1019 173.224 43.607 170.629 41.4575 166.343L35.2941 154.053C34.1346 151.741 32.259 149.865 29.947 148.706L17.6573 142.543C13.3711 140.393 10.776 135.898 11.0576 131.111L11.8647 117.387C12.0166 114.804 11.3301 112.242 9.90754 110.082L2.34609 98.5998C-0.291076 94.5951 -0.291077 89.4049 2.34609 85.4002L9.90754 73.9177C11.3301 71.7575 12.0166 69.1955 11.8647 66.6135L11.0576 52.8886C10.776 48.1019 13.3711 43.607 17.6573 41.4575L29.947 35.2941C32.259 34.1346 34.1346 32.259 35.2941 29.947L41.4575 17.6573C43.607 13.3711 48.1019 10.776 52.8886 11.0576L66.6134 11.8647C69.1955 12.0166 71.7575 11.3301 73.9177 9.90754L85.4002 2.34609Z' fill='%23FFD58C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 52px 32px 0
}

.certificate__ball span {
    display: block;
    font-size: 40px;
    line-height: 28px;
    margin-top: 16px
}

.certificate__date {
    color: #A897BD;
    margin-bottom: 126px
}

.certificate__name {
    font-weight: 500;
    font-size: 52px;
    line-height: 48px;
    margin-bottom: 40px
}

.certificate__curse {
    font-weight: 600
}

.certificate__curse span {
    color: #7D59CA
}

.certificate__footer {
    position: absolute;
    bottom: 70px;
    left: 100px
}

.certificate__by-line {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 300px;
    margin-right: 50px;
    vertical-align: middle
}

.certificate__by-line span {
    color: #A897BD;
    text-transform: none;
    font-weight: 400
}

.about-head {
    margin-bottom: 50px;
    background: linear-gradient(360deg, #F1F1FA 0, #FCFBFE 100%);
    margin-top: -32px;
    padding-top: 32px
}

.about-head h1 {
    margin-bottom: 24px
}

.about-head p {
    font-size: 16px;
    line-height: 24px
}

.about-title {
    font-weight: 600;
    text-align: center;
    padding-bottom: 44px;
    background-image: url("data:image/svg+xml,%3Csvg width='303' height='240' viewBox='0 0 303 240' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.408 240C10.9788 240 2.50944 233.725 0 221.176V217.412C0 211.765 3.1368 204.863 9.41039 196.706L21.6439 176.941C23.526 174.431 28.8585 166.275 37.6415 152.471C46.4246 138.667 52.0708 127.686 54.5802 119.529C54.5802 117.02 54.8939 114.824 55.5213 112.941C44.8562 114.824 33.8774 111.059 22.5849 101.647C15.0566 94.7451 11.2925 85.0196 11.2925 72.4706C11.2925 61.1765 14.4293 50.1961 20.7029 39.5294C26.9764 28.2353 35.4458 18.8235 46.1109 11.2941C58.0307 3.76471 69.6368 0 80.9293 0C88.4576 0 98.1817 2.19609 110.101 6.58826C120.767 13.4902 129.236 23.2157 135.51 35.7647C142.41 48.3137 144.606 58.6667 142.097 66.8235C140.215 83.1372 134.882 102.275 126.099 124.235L119.512 144C113.866 164.706 95.0449 193.255 63.0496 229.647C63.0496 230.902 62.1085 232.157 60.2265 233.412C58.3444 234.039 55.5213 234.98 51.7571 236.235C48.6203 236.863 44.8562 237.804 40.4647 239.059L25.408 240ZM185.307 240C171.506 240 163.35 233.725 160.84 221.176V217.412C160.84 211.765 163.977 204.863 170.251 196.706L182.484 176.941C184.366 174.431 189.699 166.275 198.482 152.471C207.265 138.667 212.911 127.686 215.421 119.529C215.421 117.02 215.734 114.824 216.362 112.941C205.697 114.824 194.718 111.059 183.425 101.647C175.27 94.1176 171.192 84.0784 171.192 71.5294C171.192 60.8627 174.329 50.1961 180.602 39.5294C186.876 28.2353 195.345 18.8235 206.01 11.2941C217.93 3.76471 229.536 0 240.829 0C248.357 0 258.081 2.19609 270.001 6.58826C280.666 13.4902 289.135 23.2157 295.409 35.7647C302.31 48.3137 304.506 58.6667 301.996 66.8235C300.114 83.1372 294.782 102.275 285.999 124.235L279.411 144C273.765 164.706 254.944 193.255 222.949 229.647C222.949 230.902 222.008 232.157 220.126 233.412C218.244 234.039 215.421 234.98 211.657 236.235C208.52 236.863 204.756 237.804 200.364 239.059L185.307 240Z' fill='%23FFE3AC'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: calc(100% - 110px) top;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    min-height: 240px;
    padding-top: 28px;
    margin-bottom: 40px
}

.about-img-panel img, .about-img-ui img, .about-link, .about-whom__img img {
    max-width: 100%
}

.about-title span {
    color: #966cee
}

.about-img-ui {
    margin-bottom: 30px;
    text-align: center;
    display: block;
    margin-top: auto
}

.about-link {
    display: flex;
    align-items: center;
    height: 68px;
    background: #F9F4FF;
    border: 1px solid #E6E0FA;
    border-radius: 38px;
    margin-bottom: 20px;
    padding: 0 12px;
    font-size: 16px;
    line-height: 22px
}

.about-links, .about-whom {
    margin-bottom: 30px
}

.about-link > span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-shadow: 0 5px 7px rgba(24, 29, 54, .08);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    margin-right: 16px
}

.about-link:hover {
    color: #fff;
    background: #966cee;
    border-color: #966cee
}

.about-link:hover > span {
    background: #7D59CA;
    box-shadow: none
}

.about-whom {
    display: -ms-flexbox;
    display: flex;
    background: #6C4FAA;
    border-radius: 24px;
    color: #fff;
    overflow: hidden;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.about-whom__img {
    width: 46%;
    margin-top: auto
}

.about-whom__text {
    padding-top: 32px;
    padding-right: 24px;
    padding-bottom: 32px;
    width: 54%
}

.about-whom .profession__list {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.about-whom .profession__list li {
    width: 100%;
    margin-bottom: 16px
}

.about-whom .profession__list li:last-child {
    margin-bottom: 0
}

.about-sponsors {
    margin-bottom: 180px
}

.about-sponsors__item {
    height: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 32px;
    background: #FFF;
    box-shadow: 0 16px 20px rgba(24, 29, 54, .04);
    border-radius: 24px
}

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

.about-sponsors__grid {
    max-width: 768px;
    width: 100%;
    display: grid;
    grid-gap: 24px
}

.about-sponsors .display-1 {
    max-width: 7.4em
}

.about-sponsors .display-1 span {
    display: block;
    color: #966cee
}

.about-sponsors .display-1 img {
    max-width: 100%;
    display: block;
    margin-left: -10px
}

.co-worker {
    width: 100%;
    max-width: 400px;
    display: -ms-flexbox;
    display: flex;
    min-height: 164px;
    margin-bottom: 64px;
    cursor: pointer
}

.co-worker__img {
    overflow: hidden;
    border-radius: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 164px;
    height: 164px;
    display: inline-block
}

.co-worker__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.co-worker__text {
    -ms-flex-item-align: center;
    align-self: center;
    padding-left: 28px
}

.co-worker__name {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 12px;
    display: inline-block
}

.co-worker__role {
    font-size: 16px;
    line-height: 24px;
    color: #A897BD;
    margin-bottom: 12px
}

.co-worker__co {
    color: #966cee;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    background: #F9F4FF;
    border: 1px solid #CAC3F8;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 40px
}

.co-worker__contacts {
    margin-bottom: -12px
}

.co-worker__contacts a {
    margin-bottom: 12px;
    display: inline-block
}

.about-whom-block {
    margin-bottom: 160px
}

.about-history {
    margin-bottom: 180px
}

.about-history__circle {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    box-shadow: 0 0 0 1px #6C4FAA inset;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500;
    font-size: 28px
}

.about-history__circle svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.about-history__item {
    display: -ms-flexbox;
    display: flex;
    max-width: 648px;
    padding-bottom: 80px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.about-history__item > div {
    padding-left: 32px;
    font-size: 24px;
    line-height: 32px
}

.about-history__item > div small {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    color: #A897BD
}

.about-history h2.display-1 {
    margin-bottom: 80px
}

.about-history .swiper-scrollbar {
    background: #EFE8F8;
    border-radius: 4px;
    height: 8px
}

.about-history .swiper-scrollbar .swiper-scrollbar-drag {
    background: #966cee;
    border-radius: 4px;
    cursor: grab;
    text-align: center;
    overflow: visible
}

.about-history .swiper-scrollbar .swiper-scrollbar-drag:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0V8' stroke='%23966CEE'/%3E%3Cpath d='M5 0V8' stroke='%23966CEE'/%3E%3Cpath d='M9 0V8' stroke='%23966CEE'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0 6px 12px rgba(24, 29, 54, .2);
    border-radius: 50%;
    margin-top: -11px
}

.about-info-work {
    font-size: 16px;
    line-height: 24px;
    padding: 20px 24px;
    background: #FBFAFD;
    border: 1px solid #EFE8F8;
    border-radius: 12px;
    color: #615473;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-info-work .font-weight-600, .modal-worker .co-worker__role {
    color: #392B4B
}

.about-info-work > div {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 16px
}

.about-info-work > div > * {
    margin-bottom: 12px
}

.about-info-work > div > :last-child {
    margin-bottom: 0
}

.about-info-work > div p > svg {
    margin-right: 8px;
    vertical-align: middle
}

.about-info-work > div:last-child {
    -ms-flex-preferred-size: 280px;
    flex-basis: 280px
}

.modal-worker .modal-close {
    background-color: transparent;
    position: absolute;
    top: 20px;
    right: 20px
}

.modal-worker .modal-dialog {
    max-width: 1140px
}

.modal-worker .modal-content {
    border-radius: 20px;
    border: none
}

@media (min-width: 479.98px) {
    .modal-worker .modal-body, .modal-worker .modal-header {
        padding: 56px 56px 48px
    }
}

.modal-worker .modal-body {
    padding-top: 40px
}

@media (max-width: 479.98px) {
    .modal-worker .modal-body {
        padding-top: 25px
    }
}

.modal-worker .co-worker {
    max-width: none;
    min-height: 144px;
    margin-bottom: 0 !important
}

.modal-worker .co-worker__img {
    width: 144px;
    height: 144px;
    border-radius: 24px
}

.modal-worker .co-worker__text {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-worker .co-worker__co, .modal-worker .co-worker__role {
    height: 32px;
    line-height: 30px !important;
    border-radius: 16px;
    border: 1px solid #CAC3F8;
    padding: 0 12px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 8px
}

.modal-worker .co-worker .h3 {
    color: #1E313D;
    margin-bottom: 16px
}

.modal-worker__block {
    margin-bottom: 64px
}

.modal-worker__block h4 {
    margin-bottom: 24px
}

.modal-worker__block p {
    font-size: 16px;
    line-height: 24px
}

.modal-worker__label {
    color: #fff;
    background: #0D8258;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    padding: 0 12px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 8px
}

.modal-worker .profession__list {
    display: block
}

.modal-worker .profession__list li {
    width: 100%
}

.font-weight-600 {
    font-weight: 600
}

.about-team {
    padding-bottom: 32px
}

.about-team-title {
    padding-bottom: 16px;
    border-bottom: 1px solid #DFDBEE;
    margin-bottom: 48px
}

.trland-head {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    height: 690px;
    padding-top: 100px;
    margin-bottom: 70px
}

.trland-head .display-1 {
    margin-bottom: 40px
}

.trland-head .display-1 span {
    position: relative;
    display: inline-block;
    color: #966cee
}

.trland-head p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 60px
}

.trland-head__from {
    padding-left: 24px;
    border-left: 2px solid #966cee;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px
}

.trland-head__from .font-weight-600 {
    margin-bottom: 8px
}

.trland-head__from p {
    max-width: 220px;
    margin: 0
}

.trland-head__list {
    list-style: none;
    padding: 20px 0 0;
    margin: 0 0 56px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

.trland-head__list li {
    position: relative;
    padding-left: 30px
}

.trland-head__list li:before {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #392B4B;
    position: absolute;
    left: 12px;
    top: 12px
}

.trland-privilege {
    margin-bottom: 120px
}

.trland-privilege__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0 16px 32px;
    position: relative;
    z-index: 1;
    width: 100%
}

.trland-privilege__item:after {
    left: 0;
    right: 0;
    top: 64px;
    bottom: 0;
    border: 1px solid #EFE8F8;
    border-radius: 24px;
    display: block;
    position: absolute;
    z-index: -1;
    background: #fff
}

.trland-base, .trland-ic-blocks > div:after, .trland-you {
    background-repeat: no-repeat
}

.trland-privilege__item img {
    height: 124px
}

.trland-privilege__item p {
    padding-top: 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px
}

.trland-out__item p, .trland-you--black > p {
    font-size: 16px;
    line-height: 24px
}

.trland-privilege .owl-stage, .trland-privilege .owl-stage .owl-item {
    display: -ms-flexbox;
    display: flex
}

.trland-you {
    padding: 80px 64px;
    border-radius: 32px;
    color: #fff;
    background-color: #6C4FAA;
    background-image: url(/img/looper-bg.png);
    background-position: right bottom;
    margin-bottom: 150px
}

.trland-you .h1 {
    margin-bottom: 56px
}

.trland-you__item {
    padding-left: 51px
}

.trland-you__item img {
    height: 148px;
    border-radius: 24px;
    margin-bottom: 24px
}

.trland-you__item h4 {
    margin-bottom: 40px
}

.trland-you__item .profession__list {
    display: block;
    margin-left: -51px;
    margin-bottom: 0
}

.trland-you__item .profession__list > li {
    width: 100%
}

.trland-you__item .profession__list > li:last-child {
    margin-bottom: 0
}

.trland-you .owl-stage {
    display: -ms-flexbox;
    display: flex;
    min-width: 100%
}

.trland-you .owl-stage .owl-item {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.trland-you--black {
    background-color: #392B4B
}

.trland-you--black .h1 span {
    color: #f3a919;
    display: block
}

.trland-you--black > p {
    max-width: 870px
}

.trland-you--black .owl-carousel {
    margin-top: 120px
}

.trland-out {
    margin-bottom: 24px
}

.trland-out__item {
    max-width: 416px
}

.trland-out__item img {
    height: 156px;
    margin-bottom: -72px
}

.trland-out__item h4 {
    margin-bottom: 32px
}

.trland-base {
    background-image: url(/img/sfere-bg.png);
    background-position: 42px top;
    min-height: 600px;
    padding-top: 190px;
    margin-bottom: 120px
}

.trland-base .h1 {
    margin-bottom: 48px
}

.trland-base .h1 + p {
    font-size: 24px;
    line-height: 32px
}

.link-collapse-ic, .link-collapse-ic + .collapse, .trland-ic-blocks > div p, .trland-progress__item p {
    font-size: 16px;
    line-height: 24px
}

.trland-ic-blocks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.trland-ic-blocks > div {
    position: relative;
    width: 25%;
    padding: 0 8px;
    margin-bottom: 56px;
    z-index: 1
}

.trland-ic-blocks > div:after {
    display: block;
    width: 100%;
    left: 50%;
    height: 52px;
    top: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='550' height='43' viewBox='0 0 550 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 42L45.5711 10.2508C62.586 -1.86945 85.414 -1.86946 102.429 10.2507L118.571 21.7492C135.586 33.8694 158.414 33.8695 175.429 21.7493L191.571 10.2508C208.586 -1.86945 231.414 -1.86946 248.429 10.2507L264.571 21.7492C281.586 33.8694 304.414 33.8695 321.429 21.7493L337.571 10.2508C354.586 -1.86945 377.414 -1.86946 394.429 10.2507L410.571 21.7492C427.586 33.8694 450.414 33.8695 467.429 21.7493L483.571 10.2508C500.586 -1.86945 523.414 -1.86945 540.429 10.2508L548.5 16' stroke='%23CAC3F8' stroke-width='2' stroke-dasharray='5 5'/%3E%3C/svg%3E%0A");
    position: absolute;
    background-position: left top;
    z-index: -1
}

.trland-ic-blocks > div:last-child:after, .trland-ic-blocks > div:nth-child(4):after {
    display: none
}

.trland-ic-blocks > div > span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #392B4B;
    border-radius: 16px;
    width: 72px;
    height: 72px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px
}

.trland-ic-blocks > div p {
    text-align: center;
    margin-bottom: 0
}

.circle-progress {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    box-shadow: 0 0 0 3px #EFE8F8 inset;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 600;
    font-size: 16px
}

.circle-progress svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.link-collapse-ic[aria-expanded=true] svg, .link-collapse-white[aria-expanded=true] svg {
    transform: scale(1, -1)
}

.trland-progress {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 24px;
    column-gap: 24px;
    list-style: none;
    padding: 0
}

.trland-progress__item {
    display: -ms-flexbox;
    display: flex
}

.trland-progress__item .circle-progress {
    margin-right: 24px
}

.trland-progress__item p {
    margin-bottom: 0;
    -ms-flex-item-align: center;
    align-self: center
}

.trland-progress li {
    height: 100px;
    display: inline-block;
    width: 100%
}

.text-primary {
    color: #966cee !important
}

.link-collapse-ic {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    padding: 24px 0
}

.link-collapse-ic svg {
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.link-collapse-ic > span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 48px;
    display: block
}

.link-collapse-ic:focus:not(:hover) {
    color: inherit
}

.link-collapse-ic + .collapse {
    padding-left: 48px;
    color: #615473
}

.offer-time, .tariffs__item h5 {
    font-size: 20px;
    line-height: 28px
}

.trland-mb {
    margin-bottom: 120px
}

.offer-time {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: #C4790A;
    font-weight: 600
}

.offer-time > span {
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    background: #fff;
    box-shadow: 0 51px 80px rgba(13, 9, 19, .07), 0 21.31px 33.42px rgba(13, 9, 19, .052643), 0 11.39px 17.87px rgba(13, 9, 19, .0430486), 0 6.39px 10.02px rgba(13, 9, 19, .0358501), 0 3.39px 5.32px rgba(13, 9, 19, .0290211), 0 1.41px 2.21px rgba(13, 9, 19, .0204101)
}

.tariffs, .tariffs__profile {
    display: grid;
    grid-gap: 24px;
    margin-bottom: 55px
}

.tariffs__profile {
    grid-template-columns:repeat(2, .35fr);
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__menu, .tariffs {
    grid-template-columns:repeat(4, 1fr)
}

.tariffs__item {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 28px 16px 16px;
    height: 328px;
    filter: drop-shadow(0 28px 41px rgba(0, 6, 37, .04));
    background: #fff;
    border-radius: 16px 16px 0 0;
    border: 1px solid #EFE8F8;
    position: relative
}

.tariffs__item:after {
    height: 20px;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    background-image: url("data:image/svg+xml,%3Csvg width='342' height='348' viewBox='0 0 342 348' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0.5H326C334.56 0.5 341.5 7.43959 341.5 16V342.343C341.5 343.818 340.91 344.893 340.221 345.328C339.887 345.54 339.527 345.607 339.16 345.516C338.787 345.423 338.353 345.152 337.917 344.588C337.364 343.872 336.848 343.117 336.371 342.417L336.338 342.369C335.879 341.696 335.448 341.065 335.07 340.603C334.333 339.704 333.357 339.225 332.35 339.225C331.344 339.225 330.368 339.704 329.631 340.603L324.805 346.488C324.236 347.182 323.532 347.5 322.859 347.5C322.186 347.5 321.483 347.182 320.913 346.488L316.087 340.603C315.35 339.704 314.374 339.225 313.368 339.225C312.362 339.225 311.386 339.704 310.649 340.603L305.823 346.488C305.253 347.182 304.55 347.5 303.877 347.5C303.204 347.5 302.5 347.182 301.931 346.488L297.105 340.603C296.368 339.704 295.392 339.225 294.386 339.225C293.379 339.225 292.403 339.704 291.666 340.603L286.841 346.488C286.271 347.182 285.567 347.5 284.894 347.5C284.221 347.5 283.518 347.182 282.948 346.488L278.123 340.603C277.386 339.704 276.41 339.225 275.403 339.225C274.397 339.225 273.421 339.704 272.684 340.603L267.858 346.488C267.288 347.182 266.585 347.5 265.912 347.5C265.239 347.5 264.536 347.182 263.966 346.488L259.14 340.603C258.403 339.704 257.427 339.225 256.421 339.225C255.415 339.225 254.439 339.704 253.702 340.603L248.876 346.488C248.306 347.182 247.603 347.5 246.93 347.5C246.257 347.5 245.553 347.182 244.984 346.488L240.158 340.603C239.421 339.704 238.445 339.225 237.439 339.225C236.432 339.225 235.456 339.704 234.719 340.603L229.893 346.488C229.324 347.182 228.62 347.5 227.947 347.5C227.274 347.5 226.571 347.182 226.001 346.488L221.176 340.603C220.438 339.704 219.463 339.225 218.456 339.225C217.45 339.225 216.474 339.704 215.737 340.603L210.911 346.488C210.341 347.182 209.638 347.5 208.965 347.5C208.292 347.5 207.589 347.182 207.019 346.488L202.193 340.603C201.456 339.704 200.48 339.225 199.474 339.225C198.467 339.225 197.492 339.704 196.754 340.603L191.929 346.488C191.359 347.182 190.656 347.5 189.983 347.5C189.31 347.5 188.606 347.182 188.037 346.488L183.211 340.603C182.474 339.704 181.498 339.225 180.491 339.225C179.485 339.225 178.509 339.704 177.772 340.603L172.946 346.488C172.377 347.182 171.673 347.5 171 347.5C170.327 347.5 169.624 347.182 169.054 346.488L164.229 340.603C163.492 339.704 162.516 339.225 161.509 339.225C160.503 339.225 159.527 339.704 158.79 340.603L153.964 346.488C153.394 347.182 152.691 347.5 152.018 347.5C151.345 347.5 150.642 347.182 150.072 346.488L145.246 340.603C144.509 339.704 143.533 339.225 142.527 339.225C141.521 339.225 140.545 339.704 139.808 340.603L134.982 346.488C134.412 347.182 133.709 347.5 133.036 347.5C132.363 347.5 131.659 347.182 131.09 346.488L126.264 340.603C125.527 339.704 124.551 339.225 123.545 339.225C122.538 339.225 121.562 339.704 120.825 340.603L116 346.488C115.43 347.182 114.726 347.5 114.053 347.5C113.38 347.5 112.677 347.182 112.107 346.488L107.282 340.603C106.544 339.704 105.569 339.225 104.562 339.225C103.556 339.225 102.58 339.704 101.843 340.603L97.0172 346.488C96.4475 347.182 95.7441 347.5 95.0711 347.5C94.3982 347.5 93.6947 347.182 93.125 346.488L88.2993 340.603C87.5622 339.704 86.5863 339.225 85.5799 339.225C84.5736 339.225 83.5977 339.704 82.8606 340.603L78.0349 346.488C77.4651 347.182 76.7617 347.5 76.0888 347.5C75.4158 347.5 74.7124 347.182 74.1427 346.488L69.317 340.603C68.5799 339.704 67.604 339.225 66.5976 339.225C65.5913 339.225 64.6154 339.704 63.8783 340.603L59.0525 346.488C58.4828 347.182 57.7794 347.5 57.1064 347.5C56.4335 347.5 55.7301 347.182 55.1603 346.488L50.3347 340.603C49.5976 339.704 48.6217 339.225 47.6153 339.225C46.6089 339.225 45.633 339.704 44.8959 340.603L40.0702 346.488C39.5005 347.182 38.7971 347.5 38.1241 347.5C37.4511 347.5 36.7477 347.182 36.178 346.488L31.3523 340.603C30.6152 339.704 29.6393 339.225 28.6329 339.225C27.6265 339.225 26.6506 339.704 25.9135 340.603L21.0878 346.488C20.5181 347.182 19.8147 347.5 19.1417 347.5C18.4687 347.5 17.7653 347.182 17.1956 346.488L12.3698 340.603C11.6327 339.704 10.6568 339.225 9.65046 339.225C8.64409 339.225 7.66819 339.704 6.93109 340.603C6.55206 341.065 6.12113 341.697 5.66206 342.37L5.62959 342.418C5.15224 343.118 4.63566 343.874 4.0824 344.59C3.64623 345.154 3.21277 345.425 2.83907 345.517C2.47258 345.608 2.11239 345.541 1.77835 345.33C1.09012 344.894 0.5 343.82 0.5 342.345V16C0.5 7.43959 7.43959 0.5 16 0.5Z' fill='white' stroke='%23EFE8F8'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: calc(100%)
}

.tariffs__item h5 {
    margin-bottom: 36px
}

.tariffs__sale {
    background-image: url("data:image/svg+xml,%3Csvg width='126' height='36' viewBox='0 0 126 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M126 0C126 0 115.714 5.25 115.714 18C115.714 30.75 126 36 126 36H63H0C0 36 10.2857 30.75 10.2857 18C10.2857 5.25 0 0 0 0H63H126Z' fill='%23FFCA64'/%3E%3C/svg%3E%0A");
    width: 126px;
    height: 36px;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 12px;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px
}

.tariffs__price {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    height: 76px;
    margin-bottom: 40px
}

.tariffs__price {
    display: block;
    color: #A897BD;
    font-size: 20px;
    line-height: 28px
}

.check-tariff span, .link-collapse-white, .link-collapse-white + .collapse, .return-msg, .tariffs__btn, .trland-form .h2 + p {
    font-size: 16px;
    line-height: 24px
}

.tariffs__btn {
    display: inline-block;
    max-width: 253px;
    width: 100%;
    text-align: center;
    background: #F9F4FF;
    padding: 10px 24px;
    font-weight: 600;
    border: 1px solid #E6E0FA;
    box-sizing: border-box;
    border-radius: 8px;
    color: #966cee
}

.tariffs__btn:hover {
    color: #fff;
    background: #966cee;
    border-color: #966cee
}

.return-msg {
    margin-left: auto;
    margin-right: auto;
    max-width: 560px;
    background: url("data:image/svg+xml,%3Csvg width='107' height='107' viewBox='0 0 107 107' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M65.1929 104.951L63.505 70.6714L92.7736 89.0723L93.647 89.6214L94.1686 88.7314L104.863 70.4857L105.401 69.5668L104.45 69.0871L73.5442 53.5L104.45 37.9129L105.401 37.4332L104.863 36.5143L94.1686 18.2686L93.647 17.3786L92.7736 17.9277L63.505 36.3286L65.1929 2.04918L65.2446 1H64.1941H42.8059H41.7554L41.8071 2.04918L43.495 36.3286L14.2264 17.9277L13.353 17.3786L12.8314 18.2686L2.13727 36.5143L1.59868 37.4332L2.54969 37.9129L33.4558 53.5L2.54969 69.0871L1.59868 69.5668L2.13727 70.4857L12.8314 88.7314L13.353 89.6214L14.2264 89.0723L43.495 70.6714L41.8071 104.951L41.7554 106H42.8059H64.1941H65.2446L65.1929 104.951Z' fill='%23DE473D' stroke='%23DE473D' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat #392B4B;
    border-radius: 8px;
    padding: 24px;
    display: inline-block;
    background-position: calc(100% - 46px) center;
    color: #fff
}

.trland-faq {
    background: url(/img/imac.png) right 64px no-repeat, url(/img/bg-line-faq.png) right -200px no-repeat #6C4FAA;
    border-radius: 32px;
    color: #fff;
    padding-left: 72px;
    padding-top: 80px;
    min-height: 648px;
    padding-bottom: 48px
}

.trland-faq__content {
    max-width: 724px
}

.trland-faq__item {
    margin-left: -24px
}

.link-collapse-white {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    padding: 24px;
    border-radius: 8px 8px 0 0
}

.link-collapse-white svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto
}

.link-collapse-white:focus:not(:hover), .link-collapse-white:hover {
    color: #fff
}

.link-collapse-white + .collapse {
    padding: 0 24px 24px;
    color: #615473;
    background: #fff;
    border-radius: 0 0 8px 8px
}

.link-collapse-white + .collapse p {
    margin-bottom: 0
}

.link-collapse-white[aria-expanded=true] {
    background: #fff;
    color: #392B4B !important;
    padding-bottom: 16px
}

.trland-form .h2 + p {
    max-width: 420px
}

.trland-form p {
    color: #A897BD
}

.trland-form .form-control-label {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2px
}

a.text-primary:hover {
    color: #7c47ea !important
}

.link-soc-circle {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px;
    margin-bottom: 16px;
    border: 1px solid #EFE8F8;
    width: 72px;
    height: 72px;
    border-radius: 50%
}

.link-soc-circle:hover {
    border: 1px solid #966cee
}

.check-tariff {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer
}

.check-tariff span {
    display: block;
    padding: 4px 16px;
    border: 2px solid #E6E0FA;
    border-radius: 40px;
    min-width: 120px;
    text-align: center
}

.check-tariff input {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    z-index: -1
}

.check-tariff input:checked ~ span {
    color: #966cee;
    border-color: #966cee
}

.check-tariff--super span {
    border-color: #CAC3F8
}

.trland-know {
    overflow: hidden;
    width: 100%;
    margin-bottom: 160px
}

.trland-know__list ul {
    list-style: none;
    padding-left: 0;
    counter-reset: i
}

.trland-know__list ul li {
    counter-increment: i;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    line-height: 32px;
    color: #615473;
    max-width: 624px;
    margin-bottom: 8px;
    min-height: 80px
}

.trland-know__list ul li:before {
    content: counter(i);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    border: 1px solid #615473;
    font-size: 16px;
    font-weight: 600;
    color: #615473;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px
}

.trland-know .owl-carousel.owl-theme .owl-nav {
    margin-top: -20px
}

.trland-know .owl-carousel.owl-theme .owl-nav button {
    background-position: 10px center !important
}

.trland-plus__item {
    margin-bottom: 32px
}

.trland-plus__item .h4 {
    max-width: 376px
}

.trland-plus__item .h4 span {
    color: #a897bd
}

.trland-plus__item img {
    height: 156px;
    margin-bottom: -70px
}

.land-teacher-mb {
    margin-bottom: 40px
}

.land-teacher-curse {
    margin-bottom: 160px
}

.land-teacher-curse > svg {
    margin-bottom: 24px
}

.land-teacher-curse .font-main, .land-teacher-curse .h3 {
    margin-bottom: 40px
}

.land-teacher-curse .button_primary {
    min-width: 240px;
    margin: 0
}

.land-teacher-panel {
    background: #fff;
    border: 1px solid #EFE8F8;
    padding: 32px;
    border-radius: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 32px
}

.land-teacher-panel__time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #168C4C;
    margin-bottom: 24px
}

.land-teacher-panel__time svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.text-help {
    padding-left: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='110' viewBox='0 0 10 110' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.31444 1.0104L5.14604 3.32778C9.23311 6.67264 9.22034 12.9263 5.11964 16.2545V16.2545C1.01893 19.5826 1.00616 25.8363 5.09324 29.1812V29.1812C9.18031 32.5261 9.16754 38.7798 5.06684 42.1079V42.1079C0.966138 45.436 0.953369 51.6897 5.04044 55.0346V55.0346C9.12752 58.3795 9.11475 64.6332 5.01405 67.9613V67.9613C0.913344 71.2895 0.900574 77.5432 4.98765 80.888V80.888C9.07472 84.2329 9.06195 90.4866 4.96125 93.8147V93.8147C0.860549 97.1429 0.847774 103.397 4.93485 106.741L7.54413 108.877' stroke='%23966CEE' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-repeat: repeat-y;
    background-position: left top
}

.nav--line {
    border-bottom: 1px solid #DFDBEE;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.nav--line .nav-item {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0
}

.nav--line .nav-link {
    color: #A897BD;
    text-align: center;
    border-bottom: 4px solid transparent;
    margin-bottom: -1px;
    display: block;
    padding: 0 0 26px;
    font-weight: 600;
    font-size: 20px
}

.nav--line .nav-link.active {
    color: #392B4B;
    border-color: #392B4B;
    font-weight: 600
}

.land-teacher-img-center {
    position: absolute;
    width: 50%;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.land-teacher-privilege__item {
    margin-bottom: 88px
}

.land-teacher-front {
    padding-top: 58px;
    margin-bottom: -100px;
    overflow: hidden;
    width: 100%
}

.land-teacher-front .display-1 {
    font-weight: 700
}

.land-teacher-front__img {
    margin-top: -60px;
    margin-left: -140px
}

@media only screen and (max-width: 1570px) {
    .owl_wrapper {
        margin-left: 50px;
        margin-right: 50px
    }

    a.sign-icon {
        padding: 10px 8px
    }

    .header .top-menu > ul > li > a {
        width: auto;
        padding: 5px
    }

    .header .btns-wrapper a {
        margin: 0 5px
    }

    .lead-text {
        font-size: 20px;
        line-height: 28px
    }

    .main-header .display-text {
        font-size: 46px;
        line-height: 58px;
        margin-top: 70px
    }

    .main-header .button_primary {
        margin-top: 10px
    }

    .main-carousel-item .item-content {
        margin-left: 150px
    }

    .subscriber .panel-form {
        margin: 75px 25px
    }

    .subscriber .form-inline .form-group {
        width: 50%
    }

    .subscriber .form-inline .form-group input {
        margin-right: 5px;
        max-width: 100%
    }

    .top-nav-wrapper {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .top-nav-wrapper .top-search-block {
        width: 95%
    }

    .h2 {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .trland-head {
        background-size: 1200px;
        background-position: left 50px
    }

    .trland-faq {
        background-size: 400px, auto;
        background-position: right center, right -200px
    }
}

@media only screen and (max-width: 1200px) {
    .h1 {
        font-size: 36px;
        line-height: 1.4
    }

    .select-sort-wrapper .select2-container--material .select2-selection--single .select2-selection__rendered {
        padding-left: 0
    }

    .content-type__link a h2 {
        font-size: 28px
    }

    section.main-header {
        margin-top: 15px
    }

    section.main-header .display-text, section.main-header .lead-text {
        margin: 0
    }

    section.main-header .lead-text {
        font-size: 18px;
        line-height: 26px
    }

    section.main-header .display-text {
        padding: 10px 0;
        margin-top: 20px;
        font-size: 40px;
        line-height: 54px;
        width: 570px
    }

    section.main-header .button_primary {
        margin-top: 10px;
        max-width: 100%;
        width: 100%
    }

    section.main-header .main-header__img {
        max-height: 360px;
        height: 100%
    }

    section.main-header h3 {
        font-size: 18px
    }

    .main-carousel-item .item-content {
        margin-left: 80px
    }

    .main-carousel-item h1 {
        font-size: 44px
    }

    .main-carousel-item h3 {
        padding: 20px 0
    }

    .main-carousel-item.item-1, .main-carousel-item.item-2, .main-carousel-item.item-3 {
        background-image: none
    }

    .btn_to_chapter {
        font-size: 15px;
        min-width: 220px
    }

    .testimonials-items li {
        width: 100%
    }

    .button_enroll, .teacher-viewer ul li {
        width: 100%;
        max-width: 100%
    }

    .h2 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .header .top-menu > ul > li > a {
        width: auto;
        padding: 0
    }

    .collection .collection_wrapper {
        padding: 30px 15px
    }

    .collection .collection_wrapper .collection__text {
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px
    }

    .collection .collection_wrapper .collection__text .lead-text {
        line-height: 28px;
        font-size: 18px;
        margin-top: 16px
    }

    .collection .collection_wrapper .collection__text .button_primary {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%
    }

    .collection-2__image {
        margin-bottom: 0
    }

    .subscriber .panel-form {
        float: none;
        max-width: 600px
    }

    .subscriber .panel-text {
        padding-bottom: 0
    }

    .footer__menu .block_item ul li {
        margin-bottom: 5px
    }

    .company_about ul li, .company_about ul:after {
        min-width: 100%
    }

    .trajectory h2 {
        font-size: 32px;
        line-height: 1.33
    }

    .cabinet-info__block {
        padding: 24px 24px 0
    }

    .cabinet-info__block--two {
        padding-bottom: 24px
    }

    .ct-way__head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ct-way__name, .ct-way__num {
        margin-bottom: 16px
    }

    .about-sponsors, .about-whom-block {
        margin-bottom: 100px
    }

    .ct-way__name {
        width: calc(100% - 56px);
        padding-right: 0
    }

    .ct-way__bar {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .ct-way__bar > div {
        -ms-flex-positive: 10;
        flex-grow: 10
    }

    .ct-way .course_item {
        width: calc(50% - 16px)
    }

    .about-head h1 {
        background-size: 105px
    }

    .about-whom__img {
        width: 320px
    }

    .about-sponsors__item {
        height: 180px;
        padding: 24px;
        border-radius: 32px
    }

    .trland-head {
        height: auto;
        padding-top: 0;
        margin-bottom: 40px
    }

    .trland-head p {
        margin-bottom: 24px
    }

    .trland-head .display-1 span:after {
        left: -50px;
        right: -50px
    }

    .trland-privilege {
        margin-bottom: 60px
    }

    .trland-you {
        padding: 48px 24px;
        margin-bottom: 80px
    }

    .trland-you__item {
        padding-left: 0
    }

    .trland-you__item .profession__list {
        margin-left: 0
    }

    .trland-you__item .profession__list li {
        padding-left: 30px
    }

    .trland-you__item .profession__list li:before {
        left: 0
    }

    .trland-you__item h4 {
        font-size: 20px;
        margin-bottom: 24px
    }

    .trland-out__item {
        max-width: none
    }

    .trland-base {
        padding-top: 100px;
        margin-bottom: 40px
    }

    .trland-mb {
        margin-bottom: 80px
    }

    .tariffs__item, .tariffs__profile__item {
        border-radius: 16px
    }

    .tariffs__item:after, .tariffs__profile__item:after {
        display: none
    }

    .trland-faq {
        padding: 48px
    }

    .trland-faq__content {
        max-width: 540px
    }

    .land-teacher-curse {
        margin-bottom: 0
    }

    .land-teacher-img-center {
        width: auto;
        height: auto;
        position: static;
        transform: none;
        max-width: 300px;
        margin-top: -40px
    }

    .land-teacher-front {
        padding-top: 0;
        margin-bottom: 56px
    }

    .land-teacher-front__img {
        max-width: 760px
    }

    .land-teacher-privilege__item {
        margin-bottom: 0
    }

    .land-teacher-privilege .owl-carousel {
        margin-top: 40px
    }

    .land-teacher-img-mob {
        margin-left: -14%
    }

    .trland-know {
        margin-bottom: 100px
    }

    .trland-know__list ul li {
        font-size: 16px;
        line-height: 1.4;
        min-height: 60px
    }

    .trland-know__list ul li:before {
        width: 36px;
        height: 36px;
        margin-right: 12px
    }
}

@media only screen and (max-width: 991px) {
    .filter-section .filter-panel__bottom, .filter-section .filter-panel__top {
        position: fixed;
        left: 0;
        width: 100%;
        box-shadow: 0 1px 9px rgba(24, 29, 54, .1);
        background-color: #fff
    }

    .content-type__link a:not(.add_course) {
        margin-right: 10px
    }

    .content-type__link {
        margin-bottom: 10px
    }

    .form-search .form-group {
        margin-bottom: 0
    }

    .tab-content__title, a.tab-content_link {
        font-size: 16px !important;
        line-height: 36px !important
    }

    .tab-content_link {
        margin-right: 15px
    }

    .pagination {
        -ms-flex-pack: center;
        justify-content: center
    }

    .list-group input[type=checkbox] + .list-group-item, .select2-container--krajee-bs4 .select2-selection--single {
        height: 40px !important
    }

    .slider_wrap.slider_price {
        border-top: 1px solid #efe8f8;
        padding-top: 20px;
        margin-top: 15px
    }

    .slider_wrap.slider_duration {
        border-bottom: 1px solid #efe8f8;
        padding-bottom: 20px;
        margin-bottom: 25px
    }

    .content-type__link {
        height: 60px
    }

    .content-type__link a h2 {
        font-size: 20px;
        line-height: 28px
    }

    .filter-section .filters_active ul {
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 15px
    }

    .filter-section .filters_active ul li a {
        font-size: 12px;
        line-height: 14px;
        height: 28px;
        padding: 6px 25px 6px 10px
    }

    .filter-section .filter-panel__content {
        padding-top: 76px;
        padding-bottom: 76px
    }

    .filter-section .filter-panel__bottom {
        bottom: 0;
        z-index: 50;
        border-top: none
    }

    .filter-section .filter-panel__top {
        top: 0;
        z-index: 10
    }

    .filter-section .filter_sorts {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .filter-section .filter_actions {
        -ms-flex-pack: center;
        justify-content: center
    }

    .filter-section .filters_active {
        padding: 10px 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .apply-filter {
        width: 288px;
        height: 40px
    }

    .slider.slider-horizontal, .slider_wrap {
        max-width: 100%
    }

    .filter_desctop {
        display: none
    }

    .filter_mobile {
        display: -ms-flexbox;
        display: flex
    }

    .filter-panel, .filter_wrapper__mobile .cancel-filter, .filter_wrapper__mobile .filter-panel, .filter_wrapper__mobile .filters_active {
        display: none
    }

    .filter_wrapper__mobile {
        overflow-y: auto
    }

    .btn-place.section_title__right {
        height: 40px;
        max-width: 288px;
        width: 100%
    }

    .logo-wrapper {
        padding-top: 12px;
        padding-bottom: 12px;
        -ms-flex-pack: center;
        justify-content: center
    }

    .top-nav-wrapper {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .search-link {
        display: -ms-flexbox;
        display: flex
    }

    .header {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .top-search-block {
        display: none
    }

    .top-line {
        background-color: #fff
    }

    .top-line ul {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .top-line ul li {
        padding: 0;
        width: 100%
    }

    .top-line ul li > a {
        padding: 12px 15px;
        display: block
    }

    .top-line ul li:last-child {
        height: 120px
    }

    .top-line ul li:hover {
        background-color: #FAFBFD
    }

    .top-line ul li > a:hover {
        text-decoration: none
    }
}

@media only screen and (max-width: 991px) and (min-width: 479.98px) {
    .top-line .btns-wrapper a {
        max-width: 288px
    }
}

@media only screen and (max-width: 991px) {
    .co-worker, .footer, .header-title {
        text-align: center
    }

    .top-line .btns-wrapper a.sign-icon {
        color: #f3f3f3;
        -ms-flex-pack: center;
        justify-content: center
    }

    .top-line .btns-wrapper a.sign-icon span {
        padding-left: 10px
    }

    .course_details ul.course_feature {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cat_mob_button, .co-worker, .toggle-menu {
        display: block
    }

    .course_details ul.course_feature li {
        margin-right: 10px
    }

    .course_item .course_item__content .course_item__name {
        line-height: 24px
    }

    .testimonials-items li:nth-child(2n) {
        margin-left: 0
    }

    .testimonials-items li:nth-child(2n-1) {
        margin-right: 0
    }

    .top-panel_main {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
        border: none
    }

    .main-header .main-header__wrapper {
        background-image: none
    }

    .main-carousel-item {
        background: 0 0
    }

    .main-carousel-item h1 {
        color: #000 !important
    }

    .main-carousel-item h3 {
        color: #A897BD
    }

    .main-carousel-item .item-content {
        margin: 0 20px
    }

    .main-carousel-item.item-1, .main-carousel-item.item-2, .main-carousel-item.item-3 {
        background-image: none
    }

/*    .header {
        margin-top: 82px
    }*/

    .cat_mob_button a, .cat_mob_button a:focus, .cat_mob_button a:hover {
        padding: 10px 0
    }

    .button_primary {
        margin: 0
    }

    .social-buttons {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 0
    }

    .main-header__img {
        max-height: 204px
    }

    .header .form_search {
        margin: auto !important
    }

    .header .btns-wrapper {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 10px 0;
        gap: 16px
    }

    .header .main-header .display-text {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 32px;
        line-height: 44px
    }

    .header .main-header .lead-text {
        font-size: 18px;
        line-height: 28px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 0
    }

    .header .main-header .main-header__img {
        margin-top: 0
    }

    .header .main-header .h1.display-text {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 0
    }

    .collection-2__image {
        margin-top: 38px
    }

    .subscriber .button_primary {
        max-width: 100%
    }

    .subscriber .panel-form {
        float: none;
        margin: 15px
    }

    .subscriber .panel-text {
        padding: 15px
    }

    .subscriber__inner {
        background-image: url(../img/bg2.svg);
        padding-top: 24px;
        padding-bottom: 24px;
        background-color: #FFF;
        border: 1px solid #E4E9F0;
        box-sizing: border-box;
        border-radius: 24px;
        background-repeat: no-repeat;
        background-position: contain
    }

    .subscriber__inner input.form-control {
        width: 100%;
        margin: 10px 0
    }

    .article-item {
        max-width: 340px
    }

    .article-item .article-item__content {
        padding: 10px 16px
    }

    .footer, .profession {
        padding-top: 24px
    }

    .article-item .article-item__content .h2 {
        font-size: 16px;
        line-height: 24px
    }

    .article-item .article-item__content p, .article-item .article-item__content span {
        font-size: 12px;
        line-height: 16px
    }

    .article-item .article-item__content span {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .article-item .cat_markers {
        margin-left: 16px;
        margin-right: 16px
    }

/*    .footer {
        padding-bottom: 24px
    }*/

    .filter-section .filter_sorts {
        height: auto
    }

    .trajectory {
        padding-bottom: 48px
    }

    .trajectory h2 {
        font-size: 32px;
        line-height: 1.33
    }

    .trajectory__title-color {
        margin-bottom: 32px
    }

    .trajectory__results {
        margin-bottom: 40px
    }

    .trajectory__results > div {
        margin-bottom: 24px
    }

    .trajectory__banner {
        background-position: right center
    }

    .profession__head {
        border-radius: 16px
    }

    .profession__list li {
        width: 50%
    }

    .profession__college {
        grid-template-columns:repeat(4, 1fr)
    }

    .cabinet-info {
        margin-bottom: 40px
    }

    .about-sponsors {
        margin-bottom: 80px
    }

    .about-sponsors .display-1 {
        margin-bottom: 32px
    }

    .co-worker__text {
        padding-left: 0;
        padding-top: 16px
    }

    .about-whom-block {
        margin-bottom: 60px
    }

    .modal-worker .modal-body, .modal-worker .modal-header {
        padding-left: 15px;
        padding-right: 15px
    }

    .modal-worker .modal-dialog {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0
    }

    .modal-worker .co-worker {
        text-align: left;
        display: -ms-flexbox;
        display: flex
    }

    .modal-worker .co-worker__text {
        padding-left: 16px;
        padding-top: 0
    }

    .modal-worker .about-info-work {
        padding: 16px
    }

    .trland-privilege, .trland-you {
        margin-bottom: 40px
    }

    .trland-you--black .owl-carousel {
        margin-top: 40px
    }

    .trland-mb {
        margin-bottom: 60px
    }

    .tariffs, .tariffs__profile {
        grid-template-columns:1fr 1fr
    }

    .trland-faq {
        padding: 48px;
        background-image: url(/img/bg-line-faq.png);
        background-size: auto;
        background-position: center -200px
    }

    .trland-faq__content {
        max-width: 100%
    }

    .font-lg {
        font-size: 16px
    }

    .nav--line .nav-link {
        font-size: 16px;
        padding-bottom: 16px
    }

    .land-teacher-front {
        margin-top: -32px;
        padding-top: 0
    }

    .land-teacher-front__img {
        margin: 0 0 -18%;
        max-width: 100%;
        position: relative;
        left: 9%
    }

    .land-teacher-img-center {
        margin-top: 0;
        max-width: 100%
    }

    .land-teacher-privilege .owl-carousel {
        margin-top: 40px
    }

    .trland-know {
        margin-bottom: 60px
    }

    .partner-card-img {
        border-radius: 50%;
        height: 150px;
        padding: 10px
    }

    .partner-card-img .owl-nav {
        z-index: -1
    }

    .partner-card-img img {
        max-height: 100%;
        max-width: 100%;
        height: 100%;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media only screen and (max-width: 767px) {
    .panel-login_form .form_radio_group .form_radio_group-item {
        width: 100%;
        padding: 0 15px
    }

    .login-actions .btns-wrapper {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .filter-section .field-coursesearch-sort {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .course_item {
        margin: 0 auto 30px
    }

    section.main-header .display-text {
        width: auto;
        font-size: 42px;
        text-align: left;
        line-height: 42px;
        margin: 0 auto
    }

    .section_title, .section_title__left, .trland-base, .trland-base .h1 {
        text-align: center
    }

    section.main-header .main-header__img {
        max-height: auto;
        height: auto
    }

    .course-section {
        padding: 16px
    }

    .teacher-viewer ul li {
        margin-bottom: 16px;
        padding-right: 0
    }

    .teacher-viewer ul li img {
        width: 50px;
        height: 50px;
        margin-right: 10px
    }

    .teacher-viewer ul li .h5 {
        margin-top: 0
    }

    .course_info li {
        padding: 5px
    }

    .course_info li span {
        font-size: 16px
    }

    .course_info li b {
        font-size: 18px
    }

    .h1, .h2 {
        font-size: 24px;
        line-height: 32px
    }

    .h3 {
        font-size: 20px;
        line-height: 24px
    }

    .h4 {
        font-size: 18px;
        line-height: 20px
    }

    .h5 {
        font-size: 14px;
        line-height: 16px
    }

    .main-header .display-text {
        margin-top: 20px;
        margin-bottom: 15px;
        line-height: 44px
    }

    .main-header .lead-text {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 0;
        font-size: 18px;
        line-height: 28px
    }

    .profession__head, .profession__tabs {
        padding: 32px 16px
    }

    .section_title {
        margin-bottom: 0
    }

    .section_title__left, .section_title__right {
        float: none;
        margin-bottom: 15px
    }

    .section_title__right {
        margin: 6px auto
    }

    .collection_wrapper {
        margin: auto
    }

    .collection-2__image {
        margin-top: 0
    }

    .subscriber__inner {
        background-image: url(../img/bg-2_mob.svg);
        background-position: right top
    }

    .subscriber .panel-form {
        margin: 15px
    }

    .subscriber .button_primary {
        min-width: 100%
    }

    .subscriber .form-inline .form-group {
        width: 100%
    }

    .subscriber .form-inline .form-group input {
        margin-right: 0
    }

    .form-settings .btn-place {
        max-width: unset
    }

    .trajectory__banner {
        padding: 32px 16px;
        z-index: 1;
        position: relative;
        overflow: hidden
    }

    .trajectory__banner:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: .5;
        z-index: -1
    }

    .trajectory__results img {
        height: auto;
        width: 60px;
        margin-right: 12px;
        margin-bottom: 0
    }

    .trajectory__results h5 {
        margin-bottom: 0;
        max-width: 100%;
        overflow: hidden
    }

    .profession__head .profession__title {
        font-size: 32px
    }

    .profession__college > * {
        height: 110px
    }

    .profession__tabs {
        border-radius: 16px
    }

    .ct-stat {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 10px
    }

    .ct-stat-item {
        min-height: 88px;
        width: 240px;
        margin-right: -18px
    }

    .ct-stat-item__img {
        width: 76px
    }

    .ct-stat-item__title {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 8px
    }

    .ct-stat-item__bl {
        padding: 6px 16px 8px
    }

    .ct-stat-item__bar > span {
        font-size: 10px;
        line-height: 16px
    }

    .ct-way__head {
        padding: 12px
    }

    .ct-way__num {
        width: 20px;
        height: 20px;
        font-size: 10px;
        margin-right: 8px
    }

    .ct-way__name {
        padding-right: 72px;
        width: calc(100% - 28px)
    }

    .ct-way__toggle {
        display: none
    }

    .ct-way__bar {
        width: 100%;
        margin-bottom: 16px;
        font-size: 12px
    }

    .ct-way__status {
        width: 100%;
        margin-right: 0
    }

    .ct-way__bar > span {
        -ms-flex-positive: 0;
        flex-grow: 0;
        min-width: 40px;
        margin-left: 12px
    }

    .ct-way__popup {
        padding: 0
    }

    .ct-way__row-cards {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ct-way .course_item {
        width: calc(100% - 16px);
        margin-left: auto;
        margin-right: auto
    }

    .ct-way .collapse {
        display: block !important
    }

    .about-whom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .about-whom__img {
        width: 100%;
        -ms-flex-order: 1;
        order: 1
    }

    .about-whom__text {
        width: 100%;
        padding: 32px 32px 0
    }

    .about-sponsors {
        margin-bottom: 40px
    }

    .about-sponsors__item {
        height: 160px
    }

    .co-worker {
        max-width: none
    }

    .co-worker__name {
        max-width: 200px
    }

    .about-history {
        margin-bottom: 60px
    }

    .about-history h2.display-1 {
        margin-bottom: 32px
    }

    .about-history__item > div {
        font-size: 16px;
        line-height: 24px
    }

    .about-info-work, .about-info-work > div p {
        font-size: 14px;
        line-height: 20px
    }

    .about-info-work {
        display: block
    }

    .about-info-work > div:last-child {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-top: 12px
    }

    .about-title {
        background-size: 100px;
        background-position: right top;
        min-height: 0;
        padding-top: 10px
    }

    .trland-head .display-1 {
        font-size: 32px;
        line-height: 44px
    }

    .trland-out__item h4 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px
    }

    .trland-ic-blocks {
        -ms-flex-pack: center;
        justify-content: center;
        background-image: url("data:image/svg+xml,%3Csvg width='94' height='486' viewBox='0 0 94 486' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 18.0003C24 5.33359 65 -12.3997 93 18.0003' stroke='%23D0C2DE' stroke-dasharray='6 6'/%3E%3Cpath d='M93 191.785C76 179.119 35 161.385 7 191.785' stroke='%23D0C2DE' stroke-dasharray='6 6'/%3E%3Cpath d='M93 360.785C76 348.119 35 330.385 7 360.785' stroke='%23D0C2DE' stroke-dasharray='6 6'/%3E%3Cpath d='M92 30C66 46 11.4 99 1 183' stroke='%23D0C2DE' stroke-dasharray='6 6'/%3E%3Cpath d='M92 204C66 220 11.4 273 1 357' stroke='%23D0C2DE' stroke-dasharray='6 6'/%3E%3Cpath d='M92 373C65 381 37 428 37 486' stroke='%23D0C2DE' stroke-dasharray='6 6'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center 18px
    }

    .trland-ic-blocks > div {
        width: 50%;
        margin-bottom: 48px
    }

    .trland-ic-blocks > div:after {
        display: none
    }

    .trland-ic-blocks > div > span {
        border-radius: 50%;
        background: #966cee;
        margin-bottom: 8px
    }

    .trland-ic-blocks > div p {
        max-width: 170px;
        font-weight: 600;
        margin-left: auto;
        margin-right: auto
    }

    .trland-base {
        background-image: url("data:image/svg+xml,%3Csvg width='273' height='154' viewBox='0 0 273 154' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.71' d='M258.27 31.4726C259.006 32.7308 258.192 34.3282 256.742 34.4725L231.565 36.9767C229.991 37.1332 228.867 35.4876 229.585 34.0785L241.989 9.73376C242.707 8.32466 244.699 8.26693 245.497 9.63209L258.27 31.4726Z' fill='%23FEEEE6'/%3E%3Cpath opacity='0.95' d='M15.8881 77.043C15.8333 77.7124 15.1039 78.1002 14.5183 77.7713L1.46965 70.4429C0.834272 70.086 0.844841 69.1678 1.48827 68.8256L15.758 61.2385C16.4014 60.8964 17.1686 61.4011 17.1092 62.1274L15.8881 77.043Z' fill='%23E9EEB1'/%3E%3Cellipse opacity='0.87' rx='3.5' ry='3.11111' transform='matrix(0.529928 0.848043 -0.848054 0.52991 29.4937 17.6168)' fill='%236FBAFF'/%3E%3Crect width='15' height='15' rx='5.7363' transform='matrix(0.947522 -0.319692 0.31969 0.947522 253.371 138.795)' fill='%23DFE0FF'/%3E%3C/svg%3E%0A");
        padding-top: 55px;
        background-repeat: no-repeat;
        background-position: center top
    }

    .trland-base .h1 {
        margin-bottom: 16px
    }

    .trland-base .h1 + p {
        color: #615473;
        font-size: 18px;
        line-height: 28px
    }

    .trland-progress {
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        column-gap: 0
    }

    .trland-progress > li {
        height: auto;
        margin-bottom: 20px
    }

    .trland-progress__item p {
        font-size: 14px;
        line-height: 16px
    }

    .circle-progress {
        width: 36px;
        height: 36px;
        font-size: 14px
    }

    .trland-mb {
        margin-bottom: 40px
    }

    .trland-faq {
        padding: 48px 24px
    }

    .trland-faq__item {
        margin-left: 0
    }

    .land-teacher-curse {
        margin-bottom: 32px
    }

    .land-teacher-panel {
        padding: 24px 16px;
        border-radius: 16px
    }

    .land-teacher-curse .h3 {
        margin-bottom: 24px
    }

    .land-teacher-front__img {
        left: 0
    }
}

.benefits__item_before::before, .benefits__item_prev::before, .go-buttons__item::after, .main-recomend__bg::before, .main-rocket__bg::before, .points-content__title._active::before, .points-content__title::after, .points-content__title::before {
    content: ""
}

@media only screen and (max-width: 576px) {
    .filter-section .field-levels-checkbox-list-inline .list-group {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-header__img {
        max-height: initial
    }

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

    .modal-dialog {
        padding: 0 15px 15px
    }

    .course_details ul.course_feature {
        display: block
    }

    .h2 {
        font-size: 20px;
        line-height: 28px
    }

    .font-small {
        font-size: 12px;
        line-height: 16px
    }

    .main-header .display-text {
        color: #000 !important;
        font-size: 32px;
        text-align: center
    }

    .course_item {
        margin-top: 15px
    }

    .course_item .course_item__header {
        min-height: unset
    }

    .course_item .course_item__content .button_primary {
        margin: 10px auto
    }

    .course_item .course_item__content .course_item__info .info_block {
        padding: 8px
    }

    .cat_marker__item {
        font-size: 10px
    }

    .subscriber .panel-form {
        margin: 0
    }

    .profession__head, .profession__head .profession__text {
        margin-bottom: 32px
    }

    .subscriber .panel-form .form-subscriber .form-group, .subscriber .panel-form .form-subscriber button {
        width: 100%;
        max-width: 100%;
        display: inline-block
    }

    .subscriber .panel-text {
        padding: 0
    }

    .subscriber .form-subscriber, .subscriber input.form-control {
        width: 100%
    }

    .profession {
        padding-top: 0
    }

    .profession__head {
        border-radius: 0;
        margin-left: -15px;
        margin-right: -15px
    }

    .profession__head .profession__btns {
        margin-bottom: 0;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .profession__head .profession__btns > a {
        margin-bottom: 16px
    }

    .profession__head .profession__title {
        margin-top: 0;
        font-size: 24px;
        line-height: 32px
    }

    .profession__tasks > div {
        width: calc(100% - 16px)
    }

    .profession__cond {
        margin-bottom: 40px
    }

    .profession__list {
        margin-bottom: 24px
    }

    .profession__college, .profession__progs {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 9px;
        padding-right: 9px;
        overflow: auto;
        padding-bottom: 8px;
        margin-bottom: 40px
    }

    .profession__list li {
        width: 100%
    }

    .profession__progs {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .profession__college {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        grid-gap: 0
    }

    .profession__college > * {
        width: 110px;
        height: 110px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 12px
    }

    .profession__tabs {
        border-radius: 0;
        margin: 0 -15px 40px;
        padding: 32px 15px
    }

    .profession__tabs .nav, .profession__zone {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        overflow: auto
    }

    .profession__tabs .nav {
        padding-right: 15px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 8px;
        margin-bottom: 24px
    }

    .profession__chart, .profession__route, .profession__zone {
        margin-bottom: 40px
    }

    .profession__zone {
        padding-bottom: 12px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .cabinet-info {
        background-color: transparent;
        border-radius: 0;
        border: none
    }

    .cabinet-info__block {
        padding: 0;
        background: 0 0;
        margin-bottom: 32px
    }

    .cabinet-info__block img {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .modal-dialog-centered {
        padding: 15px 0 0;
        min-height: calc(100% - 30px)
    }

    .about-whom {
        border-radius: 16px
    }

    .about-whom__text {
        padding: 24px 16px 0
    }

    .about-sponsors__grid {
        grid-template-columns:1fr 1fr;
        grid-gap: 16px
    }

    .about-sponsors__item {
        height: 130px;
        border-radius: 24px;
        padding: 16px
    }

    .co-worker {
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        margin-bottom: 32px;
        min-height: 0
    }

    .co-worker__name, .co-worker__role {
        margin-bottom: 8px;
        line-height: 20px
    }

    .co-worker__img {
        width: 90px;
        height: 90px;
        border-radius: 8px
    }

    .co-worker__name {
        max-width: none;
        font-size: 16px
    }

    .co-worker__text {
        padding-top: 0;
        padding-left: 8px
    }

    .co-worker__role {
        font-size: 14px
    }

    .co-worker__co {
        font-size: 12px;
        line-height: 18px;
        padding: 4px 8px;
        text-transform: uppercase
    }

    .about-history__item > div, .modal-worker .co-worker__text {
        padding-top: 16px;
        padding-left: 0
    }

    .about-history__item {
        display: block;
        max-width: 240px
    }

    .about-whom-block {
        margin-bottom: 40px
    }

    .modal-worker .co-worker {
        display: block
    }

    .modal-worker .co-worker__co {
        text-transform: none
    }

    .modal-worker__block {
        margin-bottom: 24px
    }

    .trland-privilege__item {
        padding: 0 8px 16px
    }

    .trland-privilege__item:after {
        border-radius: 16px;
        top: 34px
    }

    .trland-privilege__item img {
        height: 68px
    }

    .trland-privilege__item p {
        font-size: 12px;
        line-height: 16px
    }

    .trland-you {
        margin-left: -15px;
        margin-right: -15px;
        padding: 28px 15px;
        border-radius: 24px
    }

    .trland-you .h1 {
        margin-bottom: 30px
    }

    .trland-you .owl-dots {
        margin-top: 32px !important
    }

    .trland-you__item {
        padding-left: 30px
    }

    .trland-you__item img {
        height: 80px;
        border-radius: 16px;
        margin-bottom: 16px
    }

    .trland-you__item h4 {
        margin-bottom: 16px
    }

    .trland-you__item .profession__list {
        margin-left: -30px
    }

    .trland-ic-blocks > div {
        margin-bottom: 50px
    }

    .trland-ic-blocks > div p {
        font-size: 13px;
        line-height: 16px;
        max-width: 140px
    }

    .link-collapse-ic, .trland-progress__item p {
        font-size: 12px;
        line-height: 16px
    }

    .link-collapse-ic {
        padding: 18px 0
    }

    .font-main, .link-collapse-ic + .collapse, .link-collapse-white + .collapse {
        font-size: 14px;
        line-height: 20px
    }

    .link-collapse-ic > span {
        width: 36px
    }

    .link-collapse-ic > span img {
        width: 24px
    }

    .link-collapse-ic + .collapse {
        padding-left: 0
    }

    .tariffs, .tariffs__profile {
        grid-template-columns:1fr
    }

    .tariffs__item, .tariffs__profile__item {
        max-width: 342px;
        margin-left: auto;
        margin-right: auto
    }

    .trland-faq {
        padding: 32px 15px;
        border-radius: 0;
        margin-left: -15px;
        margin-right: -15px
    }

    .trland-faq__item {
        margin-left: 0
    }

    .link-collapse-white {
        padding: 16px 12px
    }

    .link-collapse-white + .collapse {
        padding: 0 12px 16px
    }

    .nav--line {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        overflow: auto
    }

    .nav--line .nav-item {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 24px
    }

    .nav--line .nav-link {
        margin-bottom: 0
    }

    .trland-head__list {
        font-size: 18px;
        line-height: 32px
    }

    .trland-head__list li {
        padding-left: 20px
    }

    .trland-head__list li:before {
        left: 3px
    }

    .partner-card-img {
        height: 170px
    }
}

.cat_markers, .menu-chat__number, .pagination li a, .slide-body__top_span {
    text-transform: uppercase
}

@media only screen and (max-width: 480px) {
    .panel-login_form .form_radio_group {
        display: block
    }

    .panel-login_form .login-actions {
        height: 92px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ct-way__name {
        font-size: 12px;
        line-height: 16px
    }

    .trland-head__from {
        padding-left: 8px
    }

    .trland-head__from p {
        font-size: 14px;
        line-height: 20px
    }

    .partner-card-img {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        padding: 10px
    }

    .partner-card-img .owl-nav {
        z-index: -1
    }
}

@media only screen and (max-width: 380px) {
    .select-sort-wrapper {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .select-sort-wrapper_inner {
        width: auto
    }

    .partner-card-img {
        width: 100px;
        height: 100px
    }
}

@media only screen and (min-width: 576px) {
    .about-link {
        font-size: 18px;
        line-height: 28px
    }
}

@media only screen and (min-width: 768px) {
    .ct-way .modal-content, .ct-way .modal-dialog {
        background-color: transparent;
        height: auto;
        max-width: none;
        max-height: none;
        min-height: 0
    }

    .ct-way .modal-body, .ct-way .modal-content, .ct-way .modal-dialog {
        display: block;
        padding: 0;
        margin: 0
    }

    .form-settings .btn-place, .form-settings .confirm-status, .form-settings .do-confirm {
        margin-top: 25px
    }

    .ct-way .modal {
        position: static;
        width: auto;
        height: auto;
        background-color: transparent;
        opacity: 1;
        visibility: visible;
        display: block;
        margin: 0
    }

    .ct-way .modal-dialog {
        border: 0;
        position: static;
        width: auto;
        transform: none !important
    }

    .ct-way .modal-content {
        border: none;
        overflow: visible;
        width: 100%
    }
}

.courses__slide, .first-block__main, .go-buttons__item_2, .go-buttons__item_3, .recomend, .rocket__main {
    overflow: hidden
}

@media only screen and (min-width: 992px) {
    .filter-panel__top, .filter_mobile, .top-search__mobile {
        display: none
    }

    .top-line.collapse {
        display: block
    }

    .search-link, .top-line ul li:last-child {
        display: none
    }

    .about-link {
        width: 463px
    }

    .about-links {
        margin-bottom: 100px
    }

    .text-md {
        font-size: 24px;
        line-height: 32px
    }

    .land-teacher-mb {
        margin-bottom: 120px
    }

    .main-carousel-item .button_primary {
        color: #534894;
        background-color: #fff;
        font-size: 18px
    }

    .main-container .owl-dots {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
        margin-top: -100px !important
    }
}

@media only screen and (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1240px
    }

    .profession .owl_wrapper, .trajectory .owl_wrapper {
        margin-left: 0;
        margin-right: 0
    }

    .profession__list.font-main {
        font-size: 16px
    }

    .about-head {
        padding-top: 68px;
        margin-bottom: 100px;
        margin-top: -68px;
    }

    .about-head h1 {
        font-size: 64px;
        line-height: 1.12;
        margin-bottom: 48px
    }

    .about-head p {
        font-size: 20px;
        line-height: 32px
    }

    .about-img-ui {
        margin-bottom: 90px
    }

    .about-links {
        margin-bottom: 180px
    }

    .about-title {
        background-size: 303px;
        max-width: 1074px;
        padding-top: 40px;
        margin-bottom: 90px
    }

    .trland-head {
        background-image: url(/img/trland-head-img.png)
    }
}

@media (min-width: 1570px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        --bs-gutter-x: 30px;
        max-width: 1440px
    }

    .about-whom__text {
        padding-right: 52px
    }

    .display-1 {
        font-size: 64px !important;
        line-height: 1.12 !important
    }

    .land-teacher-privilege {
        min-height: 960px
    }

    .land-teacher-front {
        margin-bottom: 0
    }
}

.main-header .display-text {
    color: #fff;
    line-height: 1.2
}

.main-header span.yellow {
    color: #ffae11
}

.about__text, .about__title, .logo__title {
    font-style: normal;
    color: #392b4b
}

.main-header h3 {
    font-weight: 100;
    font-size: 22px;
    line-height: 1.3
}

.geekbrains__rocket {
    margin-bottom: 57px
}

.row {
    margin-bottom: 14px
}

.geekbrains-video {
    min-height: 146px;
    border-radius: 16px 16px 0 0
}

@media (max-width: 991.98px) {
    .geekbrains__container {
        max-width: 100%
    }

    .bar {
        display: none
    }
}

.went {
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 10px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 13px
}

@media (min-width: 991.98px) {
    .went {
        display: none
    }
}

.about__container {
    padding: 32px 40px
}

.about__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1200px) {
    .about__logo {
        margin-bottom: 37px
    }
}

@media (min-width: 991.98px) {
    .about__logo {
        margin-bottom: 30px
    }
}

@media (min-width: 767.98px) {
    .about__logo {
        margin-bottom: 26px
    }
}

@media (max-width: 767.98px) {
    .about__container {
        padding: 20px 12px
    }

    .about__logo {
        margin-bottom: 13px
    }
}

.about__title {
    font-weight: 600
}

@media (min-width: 1200px) {
    .about__title {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 25px
    }
}

@media (min-width: 991.98px) {
    .about__title {
        font-size: 30px;
        line-height: 40px
    }

    .about__text {
        margin-bottom: 36px
    }
}

@media (min-width: 767.98px) {
    .about__title {
        font-size: 24px;
        line-height: 32px
    }

    .about__text {
        margin-bottom: 26px
    }
}

@media (max-width: 767.98px) {
    .about__title {
        font-size: 24px;
        line-height: 32px
    }
}

.about__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.about__text span {
    display: block
}

.about__text span:not(:last-child) {
    margin-bottom: 20px
}

.logo__brain {
    margin-right: 18px
}

@media (max-width: 991.98px) {
    .about {
        border: none
    }

    .about__container {
        padding: 20px 12px
    }

    .about__logo {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .logo__brain {
        margin-right: 5px
    }
}

.logo__title {
    font-weight: 600
}

.main-recomend__text, .main-recomend__title {
    color: #31303a;
    position: relative;
    font-style: normal;
    z-index: 2
}

@media (min-width: 1200px) {
    .logo__title {
        font-size: 40px;
        line-height: 120%
    }
}

@media (min-width: 991.98px) {
    .logo__title {
        font-size: 38px;
        line-height: 36px
    }
}

@media (min-width: 767.98px) {
    .logo__title {
        font-size: 32px;
        line-height: 36px
    }
}

@media (max-width: 767.98px) {
    .logo__title {
        font-size: 32px;
        line-height: 36px
    }
}

.recomend {
    background: #feac5e;
    border-radius: 16px;
    margin-bottom: 57px
}

@media (max-width: 991.98px) {
    .recomend {
        margin-bottom: 30px
    }
}

.recomend__main {
    padding: 32px 50px
}

.main-recomend {
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 698px) {
    .main-recomend {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-recomend__bg {
        height: 200px
    }
}

@media (min-width: 991.98px) {
    .main-recomend__content {
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }
}

.main-recomend__title {
    font-weight: 500;
    max-width: 511px;
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 36px
}

@media (max-width: 991.98px) {
    .main-recomend__title {
        font-size: 24px;
        margin-bottom: 15px;
        line-height: 32px
    }
}

@media (max-width: 767.98px) {
    .main-recomend__title {
        font-size: 24px;
        margin-bottom: 15px;
        line-height: 32px
    }
}

.main-recomend__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.main-recomend__bg {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative
}

.main-recomend__bg::before {
    position: absolute;
    background-image: url(../../img/bg_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: translate(-40px, -60px);
    width: 350px;
    height: 250px
}

@media (max-width: 1200px) {
    .recomend__main {
        padding: 19px
    }

    .main-recomend__bg::before {
        transform: translate(-100px, -30px)
    }
}

@media (max-width: 991.98px) {
    .main-recomend__text {
        font-size: 14px;
        line-height: 18px
    }

    .main-recomend__bg::before {
        transform: translate(-60px, -60px)
    }
}

@media (max-width: 844px) {
    .main-recomend__bg::before {
        transform: translate(-90px, -60px)
    }
}

@media (max-width: 806px) {
    .main-recomend__bg::before {
        transform: translate(-120px, -60px)
    }
}

@media (max-width: 767.98px) {
    .main-recomend__bg::before {
        transform: translate(-150px, -60px)
    }
}

@media (max-width: 732px) {
    .main-recomend__bg::before {
        transform: translate(-190px, -60px)
    }
}

@media (max-width: 698px) {
    .main-recomend__bg::before {
        background-image: url(../../img/bg_3.png);
        transform: translate(150px, -60px);
        width: 500px;
        height: 500px
    }
}

@media (max-width: 612px) {
    .main-recomend__bg::before {
        transform: translate(50px, -40px)
    }
}

@media (max-width: 470px) {
    .main-recomend__bg::before {
        transform: translate(10px, -40px)
    }
}

.main-key__title {
    font-style: normal;
    font-weight: 600;
    color: #392b4b;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 50px
}

@media (max-width: 991.98px) {
    .main-key__title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px
    }
}

.key-row {
    padding-bottom: 15px
}

.key-row__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px
}

@media (max-width: 1200px) {
    .key-row__list {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        row-gap: 20px
    }
}

@media (max-width: 767.98px) {
    .main-key__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 17px
    }

    .key-row__list {
        display: grid;
        grid-template-columns:1fr
    }
}

@media (min-width: 1200px) {
    .key-row__item {
        max-width: 202px
    }
}

.key-row__item_info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 21px
}

.key-row__item_text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #392b4b
}

.directions__title, .item-info__num {
    font-weight: 600;
    color: #392b4b;
    font-style: normal
}

@media (max-width: 991.98px) {
    .key-row__item_info {
        margin-bottom: 12px;
        gap: 26px
    }

    .key-row__item_text {
        font-size: 16px;
        line-height: 24px
    }
}

.item-info__icon {
    font-size: 30px
}

.item-info__num {
    min-width: 135px;
    font-size: 26px;
    line-height: 35px
}

.directions {
    margin-bottom: 64px
}

@media (max-width: 991.98px) {
    .item-info__num {
        font-size: 30px
    }

    .directions {
        margin-bottom: 45px
    }
}

.directions__title {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 44px
}

.directions__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1200px) {
    .directions__list {
        display: grid;
        grid-template-columns:repeat(4, 1fr);
        gap: 15px
    }
}

@media (max-width: 991.98px) {
    .directions__title {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 30px
    }

    .directions__list {
        grid-template-columns:repeat(6, 1fr)
    }

    .rocket {
        margin-bottom: 34px
    }
}

@media (max-width: 767.98px) {
    .directions__title {
        font-size: 24px;
        line-height: 32px
    }

    .directions__list {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media (max-width: 598px) {
    .directions__list {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 479.98px) {
    .main-recomend__bg::before {
        transform: translate(-10px, -20px);
        width: 350px;
        height: 350px
    }

    .directions__list {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 390px) {
    .directions__list {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 288px) {
    .directions__list {
        grid-template-columns:repeat(1, 1fr)
    }
}

.directions__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #e4e9f0;
    box-sizing: border-box;
    border-radius: 16px;
    transition: all .3s ease 0s;
    width: 98px;
    height: 96px;
    padding: 10px 5px
}

.directions__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

@media (any-hover: hover) {
    .directions__item:hover {
        background: #fbfafd
    }

    .directions__link:hover {
        color: #392b4b
    }
}

.rocket__main {
    background: #392b4b;
    border-radius: 16px;
    padding: 32px 45px 28px
}

.main-rocket {
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 698px) {
    .main-rocket {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-rocket__bg {
        height: 150px
    }
}

.main-rocket__content {
    -ms-flex: 0 1 68%;
    flex: 0 1 68%
}

.main-rocket__title {
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 47px
}

@media (max-width: 991.98px) {
    .main-rocket__title {
        margin-bottom: 26px
    }
}

@media (max-width: 767.98px) {
    .rocket__main {
        padding: 18px 24px
    }

    .main-rocket__title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 14px
    }
}

.main-rocket__text {
    font-style: normal;
    font-weight: 400;
    position: relative;
    z-index: 2;
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    line-height: 24px
}

.main-rocket__bg {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative
}

@media (max-width: 698px) {
    .main-rocket__bg {
        height: 100px
    }
}

.main-rocket__bg::before {
    position: absolute;
    background-image: url(../../img/bg_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: translate(-70px, -20px);
    width: 350px;
    height: 295px
}

@media (max-width: 1200px) {
    .main-rocket__bg::before {
        transform: translate(-80px, 0);
        height: 350px
    }
}

@media (max-width: 991.98px) {
    .main-rocket__text {
        font-size: 14px;
        line-height: 18px
    }

    .main-rocket__bg::before {
        transform: translate(-50px, -80px)
    }
}

@media (max-width: 767.98px) {
    .main-rocket__bg::before {
        transform: translate(-50px, -70px);
        width: 300px;
        height: 300px
    }
}

@media (max-width: 698px) {
    .main-rocket__bg::before {
        transform: translate(200px, -90px);
        width: 350px;
        height: 350px
    }
}

@media (max-width: 596px) {
    .main-rocket__bg::before {
        transform: translate(100px, -70px);
        width: 300px;
        height: 300px
    }
}

@media (max-width: 479.98px) {
    .main-rocket__bg::before {
        transform: translate(50px, -70px)
    }
}

@media (max-width: 394px) {
    .main-rocket__bg::before {
        transform: translate(-30px, -70px)
    }
}

.partners {
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    margin-bottom: 64px
}

@media (max-width: 1200px) {
    .partners {
        display: block
    }

    .partners__content {
        margin-bottom: 40px
    }
}

@media (min-width: 991.98px) {
    .partners__content {
        max-width: 500px
    }
}

.partners__text {
    font-style: normal;
    font-weight: 600;
    color: #392b4b;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 25px
}

.partners__text_red {
    color: #ef3d32
}

.partners__link {
    background: #966cee;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 48px
}

@media (any-hover: hover) {
    .partners__link:hover {
        color: #fff
    }
}

.benefits__item_text, .benefits__item_title, .benefits__title {
    font-style: normal;
    color: #392b4b
}

.partners .mobile {
    display: none
}

@media (max-width: 991.98px) {
    .partners__link {
        display: none
    }

    .partners .mobile {
        display: block;
        text-align: center
    }

    .partners__list {
        margin-bottom: 30px
    }
}

.partners__list {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    -moz-column-gap: 25px;
    column-gap: 25px;
    row-gap: 40px
}

.partners .partners__bg {
    display: none;
    height: 200px
}

@media (max-width: 530px) {
    .partners__list {
        display: none
    }

    .partners .partners__bg {
        margin-bottom: 30px;
        display: block;
        background-image: url(../../img/bg_4.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }
}

.partners__item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.benefits__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 25px
}

@media (max-width: 767.98px) {
    .benefits__title {
        line-height: 24px;
        margin-bottom: 32px
    }
}

.benefits__list {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    gap: 20px 48px;
    margin-bottom: -5px
}

.benefits__item {
    position: relative
}

@media (max-width: 1200px) {
    .benefits__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .benefits__item::before {
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        background-color: rgba(167, 167, 168, .5)
    }
}

.benefits__item_prev {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media (min-width: 1200px) {
    .benefits__item_prev {
        pointer-events: none;
        display: block
    }

    .benefits__item_before {
        margin-bottom: 16px
    }
}

@media (max-width: 1200px) {
    .benefits__item_prev {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }
}

.benefits__item_prev::before {
    display: none;
    transition: all .5s ease 0s;
    background-image: url(../../img/chevron.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0
}

@media (max-width: 1200px) {
    .benefits__item_prev::before {
        display: block
    }

    .benefits__item_before {
        margin-right: 18px
    }
}

.benefits__item_before::before {
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    display: block;
    background: radial-gradient(104.69% 104.69% at 4.69% 78.12%, #eb6cee 0, #6c90ee 100%);
    transform: rotate(45deg);
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 5px
}

.benefits__item_title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.benefits__item_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 1200px) {
    .benefits__item_title {
        margin: 0
    }

    .benefits__item_text {
        display: none;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 18px
    }
}

.points-content span, .points-content__title {
    font-weight: 600;
    line-height: 112%;
    font-style: normal
}

.benefits__item_prev.active::before {
    transform: rotate(180deg)
}

p {
    margin: 0
}

.first-block {
    margin: 20px 0 40px
}

@media (max-width: 1200px) {
    .first-block {
        margin: 20px 0 0
    }
}

@media (max-width: 83.125em) {
    .first-block__cont {
        padding: 0 30px
    }
}

@media (max-width: 47.99875em) {
    .first-block__cont {
        padding: 0 15px
    }
}

.first-block__points_mobile {
    display: none
}

@media (max-width: 767.98px) {
    .benefits__item_prev::before {
        width: 24px;
        height: 24px
    }

    .benefits__item_before::before {
        width: 16px;
        height: 16px
    }

    .first-block__points {
        display: none
    }

    .first-block__points_mobile {
        display: block;
        margin-bottom: 28px
    }
}

.points-main {
    margin-top: 60px
}

.points-main__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 110px
}

@media (width: 75em) {
    .points-main__row {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.points-main__images {
    min-width: 500px;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    position: relative
}

.points-main__image {
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    transition: transform .3s ease 0s;
    position: absolute;
    transform: translate(100vw, 0)
}

.points-main__image._active {
    transform: translate(0, 0);
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.points-content span {
    display: block;
    font-size: 4rem;
    margin-bottom: 48px
}

@media (max-width: 1200px) {
    .points-content span {
        font-size: 2rem;
        margin-bottom: 32px
    }
}

.points-content__title {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 4rem;
    color: #a897bd;
    cursor: default;
    position: relative;
    transition: all .3s ease 0s;
    margin-bottom: 4px
}

.points-content__title::after {
    position: absolute;
    background-color: #bab0c7;
    opacity: .5;
    width: 100%;
    height: 2px;
    bottom: 0
}

@media (max-width: 1079px) {
    .points-content__title::after {
        display: none
    }
}

@media (max-width: 1200px) {
    .points-content__title::after {
        display: block
    }
}

.points-content__title::before {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all .5s ease 0s;
    background-image: url(../../img/points_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 0;
    width: 45px;
    height: 44px
}

@media (max-width: 83.125em) {
    .points-content__title::before {
        display: none
    }
}

@media (max-width: 1200px) {
    .points-content__title::before {
        display: block;
        width: 26px;
        height: 24px
    }
}

.points-content__title._active {
    color: #7d59ca
}

.points-content__title._active::before {
    left: -55px;
    opacity: 1;
    visibility: visible
}

@media (max-width: 1200px) {
    .points-content__title._active::before {
        left: -36px
    }

    .points-content__title {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        font-size: 2.5rem
    }
}

.points-content__text {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    color: #a897bd;
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    transition: transform .4s ease 0s;
    position: absolute;
    max-width: 43.75rem;
    transform: translate(-100vw, 0)
}

.points-content__text._active {
    transform: translate(0, 0);
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.image_1._active {
    top: -80px;
    transform: scale(.9)
}

@media (max-width: 83.125em) {
    .image_1._active {
        transform: scale(.8);
        left: -40px
    }
}

@media (max-width: 1200px) {
    .points-content__text {
        font-size: 14px;
        max-width: 350px
    }

    .image_1._active {
        transform: scale(.7);
        top: -150px;
        left: 0
    }
}

@media (max-width: 991.98px) {
    .points-content__title::before {
        display: none
    }

    .image_1._active {
        left: -50px;
        transform: scale(.6)
    }
}

@media (max-width: 53.5em) {
    .points-main {
        margin-top: 80px
    }

    .image_1._active {
        left: -80px
    }
}

.image_2._active {
    left: 30px;
    top: -50px
}

@media (max-width: 83.125em) {
    .image_2._active {
        transform: scale(.9);
        left: 0
    }
}

@media (max-width: 1200px) {
    .image_2._active {
        transform: scale(.8);
        top: -110px;
        left: 40px
    }
}

@media (max-width: 991.98px) {
    .image_2._active {
        left: -50px;
        transform: scale(.7)
    }
}

@media (max-width: 53.5em) {
    .image_2._active {
        left: -30px
    }
}

.image_3 {
    height: 517px
}

.image_3._active {
    left: -40px;
    top: -100px
}

@media (max-width: 83.125em) {
    .image_3._active {
        transform: scale(.9);
        left: -70px
    }
}

@media (max-width: 1200px) {
    .image_3._active {
        transform: scale(.7);
        left: -10px;
        top: -150px
    }
}

@media (max-width: 991.98px) {
    .image_3._active {
        left: -100px;
        transform: scale(.7)
    }
}

.points-main_mobile {
    margin-top: 26px
}

@media (max-width: 31.25em) {
    .points-main_mobile {
        margin-top: 10px
    }
}

.slide-main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 100px;
    margin-left: 40px
}

@media (max-width: 43.75em) {
    .slide-main {
        display: block;
        margin: 0
    }
}

.swiper-slide {
    height: 500px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 43.75em) {
    .swiper-slide {
        height: 600px
    }
}

@media (max-width: 25em) {
    .swiper-slide {
        height: 550px
    }
}

.swiper-slide__title {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 112%;
    color: #392b4b;
    height: 108px;
    margin-bottom: 20px
}

@media (max-width: 43.75em) {
    .swiper-slide__title {
        margin-bottom: -40px;
        font-size: 30px
    }
}

@media (max-width: 31.25em) {
    .swiper-slide__title {
        margin: 0;
        height: 80px
    }
}

.swiper-slide__title_yellow {
    color: #ffae11
}

.swiper-slide__image {
    display: -ms-flexbox;
    display: flex;
    height: 170px;
    margin-bottom: 16px;
    position: relative;
    left: -10px;
    top: 150px;
    margin-top: 20px
}

@media (max-width: 43.75em) {
    .swiper-slide__image {
        top: 0;
        margin: 0 0 40px;
        -ms-flex-pack: center;
        justify-content: center;
        height: 300px
    }
}

@media (max-width: 31.25em) {
    .swiper-slide__image {
        height: 300px
    }
}

@media (max-width: 25em) {
    .swiper-slide__image {
        height: 250px
    }
}

.swiper-slide__image_1 {
    transform: scale(1.6);
    top: -20px;
    left: 20px
}

@media (max-width: 43.75em) {
    .swiper-slide__image_1 {
        transform: scale(1);
        top: 0;
        left: 0
    }
}

.swiper-slide__image_2 {
    transform: scale(1.5);
    top: -10px;
    left: 20px
}

@media (max-width: 43.75em) {
    .swiper-slide__image_2 {
        transform: scale(.9);
        top: 20px;
        left: -10px
    }
}

.swiper-slide__image_3 {
    transform: scale(1.8);
    top: -20px;
    left: -20px
}

.swiper-slide__text {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #a897bd;
    margin-top: -20px
}

@media (max-width: 1200px) {
    .swiper-slide__text {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width: 43.75em) {
    .swiper-slide__image_3 {
        transform: scale(1);
        top: 0
    }

    .swiper-slide__text {
        font-size: 14px;
        line-height: 20px
    }
}

.swiper-slide__lin {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0 75px
}

.swiper-slide__link, .swiper-slide__link:focus {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 112%;
    color: #fff;
    background: #966cee;
    border-radius: 8px;
    padding: 20px 40px
}

.go-buttons__item::after, .swiper-pagination-bullet, .swiper-pagination-bullet-active {
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 31.25em) {
    .swiper-slide__lin {
        margin: 0 0 75px
    }

    .swiper-slide__link, .swiper-slide__link:focus {
        padding: 10px 16px
    }
}

.swiper-pagination-bullet {
    background-image: url(../../img/pagination_bullet.svg);
    background-size: cover;
    height: 25px;
    width: 25px
}

.swiper-pagination-bullet-active {
    background-color: #fff;
    background-image: url(../../img/pagination_bullet-active.svg);
    background-size: cover
}

.go-buttons {
    margin-bottom: 64px
}

@media (max-width: 767.98px) {
    .go-buttons {
        display: none
    }
}

.go-buttons__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.go-buttons__item {
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.go-buttons__item::after {
    position: absolute;
    transition: all .6s ease 0s;
    background-image: url(../../img/course-arrow.svg);
    background-size: contain;
    height: 14px;
    width: 14px;
    right: 17px;
    top: 17px
}

.go-buttons__item_1::before, .go-buttons__item_2::before {
    top: 0;
    transition: all .5s ease 0s;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 240px;
    width: 240px;
    content: ""
}

.go-buttons__item:not(:last-child) {
    margin-right: 24px
}

.go-buttons__item_1 {
    overflow: hidden;
    background-color: #ccf7e5;
    position: relative
}

.go-buttons__item_1::before {
    position: absolute;
    background-image: url(../../img/course-bg_1.png)
}

.go-buttons__item_2 {
    background-color: #faefdc;
    position: relative
}

.go-buttons__item_2::before {
    position: absolute;
    background-image: url(../../img/course-bg_2.png)
}

.go-buttons__item_3 {
    background-color: #c4f4ff;
    position: relative
}

.go-buttons__item_3::before {
    content: "";
    position: absolute;
    transition: all .5s ease 0s;
    background-image: url(../../img/course-bg_3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 240px;
    width: 240px;
    top: -20px
}

.courses, .go-buttons__link {
    position: relative
}

.courses__title_btn, .courses__title_btn_mobile {
    background: #f9f4ff;
    transition: all .5s ease 0s;
    box-sizing: border-box
}

.go-buttons__link {
    text-align: center;
    padding: 50px 0;
    width: 450px;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 129%;
    color: #392b4b;
    z-index: 2
}

@media (max-width: 1200px) {
    .go-buttons {
        margin-bottom: 56px
    }

    .go-buttons__item_1::before, .go-buttons__item_2::before, .go-buttons__item_3::before {
        left: 130px
    }

    .go-buttons__link {
        font-size: 16px;
        padding: 36px 45px;
        font-weight: 500
    }
}

.courses__title_btn, .courses__title_text, .slide-body__top_span {
    font-weight: 600;
    font-style: normal
}

@media (any-hover: hover) {
    .go-buttons__item:hover::before {
        transform: scale(1.5)
    }

    .go-buttons__item:hover::after {
        content: "";
        transform: rotate(-180deg)
    }

    .go-buttons__link:hover {
        color: #392b4b
    }

    .courses__title_btn_mobile:hover {
        background: #e7d3ff
    }
}

.courses__main {
    margin-bottom: 28px
}

@media (max-width: 1440px) {
    .courses__main {
        margin-bottom: calc(12px + 16 * ((100vw - 320px) / 1120))
    }
}

.courses__title_form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px
}

.courses__title_text {
    color: #392b4b;
    font-size: 36px;
    line-height: 48px
}

@media (max-width: 1440px) {
    .courses__title_form {
        margin-bottom: calc(24px + 8 * ((100vw - 320px) / 1120))
    }

    .courses__title_text {
        font-size: calc(20px + 16 * ((100vw - 320px) / 1120));
        line-height: calc(28px + 20 * ((100vw - 320px) / 1120))
    }
}

.courses__title_btn {
    border: 1px solid #e6e0fa;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #966cee;
    padding: 10px 24px
}

.courses__title_btn_mobile {
    display: none;
    border: 1px solid #e6e0fa;
    border-radius: 8px;
    height: 28px;
    width: 28px
}

@media (max-width: 1200px) {
    .courses__title_form {
        -ms-flex-pack: start;
        justify-content: start;
        gap: 12px
    }

    .courses__title_btn {
        display: none
    }

    .courses__title_btn_mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        top: 3px
    }
}

@media (any-hover: hover) {
    .courses__title_btn:hover {
        background: #e7d3ff
    }

    .courses__slide:hover {
        box-shadow: 0 6px 24px rgba(24, 29, 54, .12)
    }
}

.courses__swiper {
    position: static
}

.courses__wrapper {
    padding-top: 20px;
    padding-bottom: 25px
}

.courses__slide {
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    transition: all .3s ease 0s;
    width: 270px
}

.slide-body__top {
    padding: 8px;
    height: 128px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-image: url(../../img/courses_image-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.slide-body__top_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.slide-body__top_span {
    font-size: 12px;
    line-height: 133%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #fff;
    background: #ff6a6a;
    border-radius: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 8px
}

.swiper-button-next, .swiper-button-prev {
    border-radius: 50%;
    box-shadow: 0 6px 24px rgba(24, 29, 54, .1);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    overflow: hidden
}

@media (max-width: 1200px) {
    .slide-body__form_logo {
        display: none
    }
}

.slide-content__main {
    padding: 0 16px 8px
}

.slide-content__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #a897bd;
    margin: 8px 0 4px
}

.slide-content__title {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #7d59ca;
    margin-bottom: 26px;
    transition: all .5s ease 0s
}

@media (any-hover: hover) {
    .slide-content__title:hover {
        color: #7d59ca
    }
}

.slide-content__info {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #392b4b;
    margin-bottom: 24px
}

@media (max-width: 1200px) {
    .slide-content__info {
        display: none
    }
}

.slide-content__old-price strike {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #e19500
}

.slide-content__price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    color: #392b4b
}

.partner__text, .slide-content__go_btn {
    line-height: 143%;
    font-weight: 400;
    font-style: normal;
    font-size: 14px
}

.slide-content__price_period {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.slide-content__price_period::before {
    content: "";
    position: relative;
    background-image: url(/img/clock-2.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 5px
}

.swiper-button-next::after, .swiper-button-prev::after {
    position: absolute;
    content: ""
}

.slide-content__go_btn {
    color: #7d59ca;
    border-top: 2px solid #efe8f8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all .3s ease 0s;
    padding: 10px 8px
}

@media (any-hover: hover) {
    .slide-content__go_btn:hover {
        background-color: #efe8f8;
        color: #5f2bce
    }

    .partner__img:hover {
        box-shadow: 0 6px 24px rgba(24, 29, 54, .12)
    }
}

.swiper-button-prev {
    background: #fff;
    width: 48px;
    height: 48px
}

.swiper-button-prev::after {
    background-image: url(../../img/next-arrow.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 21px;
    width: 22px
}

.swiper-button-next {
    background: #fff;
    width: 48px;
    height: 48px
}

.swiper-button-next::after {
    background-image: url(../../img/next-arrow.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 21px;
    width: 22px;
    transform: rotate(-180deg)
}

.partner {
    margin-bottom: calc(48px + 16 * ((100vw - 320px) / 1600))
}

.partner__img {
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    transition: all .5s ease 0s
}

@media (max-width: 1200px) {
    .partner__img {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.partner__link {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 44px 0
}

@media (max-width: 1200px) {
    .partner__link {
        display: none
    }
}

.partner__link-mob {
    display: none;
    width: 90px;
    height: 90px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    overflow: hidden
}

.partner__link-mob img {
    max-width: 90px;
    display: block
}

@media (max-width: 1200px) {
    .partner__link-mob {
        display: -ms-flexbox;
        display: flex
    }
}

.partner__text {
    display: none;
    margin-top: 8px;
    color: #a897bd;
    text-align: center
}

.partners__main {
    position: relative
}

.partners__slider {
    position: static
}

.form-group, .form_search {
    position: relative
}

.partners__wrapper {
    padding: 10px 0 15px
}

.partners__slide {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 1200px) {
    .partner__text {
        display: block
    }

    .partners__slide {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

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

* {
    margin: 0;
    padding: 0
}

body {
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #392b4b
}

.h1, .h2, h1, h2 {
    font-size: 48px;
    line-height: 64px
}

.h1, h1 {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0
}

.h2, .h3, h2, h3 {
    font-weight: 600;
    font-style: normal;
    text-align: left
}

.h3, h3 {
    font-size: 36px;
    line-height: 120%;
}

.h4, h4 {
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    text-align: left
}

.button_primary, .h5, h5 {
    font-weight: 600;
    font-style: normal
}

.h5, h5 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    text-align: left
}

.font-main {
    font-size: 16px;
    line-height: 24px
}

.font-small {
    font-size: 14px;
    line-height: 20px
}

.font-xxs {
    font-size: 12px;
    line-height: 16px
}

.font-lg {
    font-size: 24px;
    line-height: 1.33
}

.button_primary, .pagination li a {
    font-size: 16px;
    text-decoration: none
}

.font-weight-bold {
    font-weight: 600 !important
}

.pagination {
    list-style: none;
    overflow: hidden;
    margin: 15px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pagination li.active a {
    background: #966cee;
    color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.pagination li {
    margin-right: 5px;
    width: 48px;
    height: 48px;
    float: left;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.pagination li a {
    background: 0 0;
    padding: 5px 10px;
    line-height: 24px;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #392b4b
}

.pagination .next.disabled, .pagination .prev.disabled, .search-link {
    display: none
}

.pagination li a:hover {
    background: #966cee;
    color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.pagination .prev {
    margin-right: 24px
}

.pagination .next {
    margin-left: 24px
}

.pagination .next, .pagination .prev {
    border: 1px solid #efe8f8;
    background-color: #fff
}

.pagination .next a:hover, .pagination .prev a:hover {
    background-color: #fff
}

.modal-open .modal {
    padding-right: 0 !important
}

.modal-dialog {
    margin: 15px auto
}

::-moz-placeholder {
    font-family: "Golos Text";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #a897bd !important
}

:-ms-input-placeholder {
    font-family: "Golos Text";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #a897bd !important
}

::placeholder {
    font-family: "Golos Text";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #a897bd !important
}

.form-inline.form_search ::-moz-placeholder, .form-subscriber ::-moz-placeholder {
    line-height: 20px
}

.form-inline.form_search :-ms-input-placeholder, .form-subscriber :-ms-input-placeholder {
    line-height: 20px
}

.form-inline.form_search ::placeholder, .form-subscriber ::placeholder {
    line-height: 20px
}

input.search-input, input.search-input:active, input.search-input:focus {
    outline: 0
}

input.form-control:focus {
    outline: 0 !important;
    box-shadow: none !important
}

.steck-form__info_mail input:focus, .steck-form__info_name input:focus, .steck-form__message textarea:focus {
    outline: #a897bd solid 2px
}

.form-control {
    background-clip: unset
}

.collapsing {
    transition: none
}

button {
    border: none
}

.button_primary {
    height: 44px;
    line-height: 44px;
    background-color: #966cee;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 8px;
    margin: 5px;
    border: none;
    white-space: nowrap
}

.button_back-white, .button_enroll {
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.button_primary:focus, .button_primary:hover {
    background-color: #7d59ca;
    color: #fff
}

.button_enroll {
    background: #966cee;
    padding: 10px;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    max-width: 294px;
    display: inline-block
}

.button_enroll:active, .button_enroll:focus, .button_enroll:hover {
    color: #fff;
    text-decoration: none
}

.button_back-white {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 44px;
    border: 1px solid #fff;
    padding: 0 32px 0 24px
}

.button_back-white svg {
    margin-right: 8px
}

.button_back-white:hover {
    background: #fff;
    color: #966cee
}

.button_border {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e6e0fa;
    height: 44px;
    border-radius: 8px;
    background: #f9f4ff;
    color: #966cee;
    font-size: 16px;
    font-weight: 600;
    padding: 0 24px
}

.button_border:hover {
    background: #966cee;
    color: #fff;
    border-color: #966cee
}

a {
    font-size: 14px;
    line-height: 20px;
    color: #392b4b;
}

a.btn-place:hover {
    text-decoration: none;
    background-color: #e6e0fa;
    color: #7d59ca;
    border: 1px solid #cac3f8
}

.sign-icon, a.sign-icon:active, a.sign-icon:focus, a.sign-icon:hover {
    color: #fff
}

.btn-place, .sign-icon {
    border-radius: 8px;
    font-family: "Golos Text";
    font-weight: 600;
    height: 44px;
    font-style: normal;
    text-decoration: none
}

.sign-icon {
    padding: 10px 32px 10px 20px;
    background-color: #966cee;
    font-size: 16px;
    line-height: 36px;
    min-width: 108px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.btn-place, .search-link {
    background-color: #f9f4ff
}

.btn-place {
    border: 1px solid #e6e0fa;
    text-align: center;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #966cee
}

.btn-place.go {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.btn-details {
    color: #966cee;
    padding: 10px;
    margin-right: 5px;
    border: none;
    font-weight: 700
}

.btn-place.big, .sign-icon.big {
    height: 44px;
    line-height: 44px;
    font-size: 16px
}

.search-link {
    height: 40px;
    width: 40px;
    border-radius: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.toogle-button {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

@media (max-width: 991.98px) {
    .toogle-button {
        display: -ms-flexbox;
        display: flex;
        gap: 20px
    }
}

@media (max-width: 991.98px) and (max-width: 1440px) {
    .toogle-button {
        gap: calc(10px + 10 * ((100vw - 320px) / 1120))
    }
}

.toggle-menu {
    padding: 10px;
    display: none
}

@media (max-width: 991.98px) {
    .toggle-menu {
        display: block
    }
}

.toggle-menu svg:nth-child(2) {
    display: block
}

.toggle-menu svg:nth-child(1) {
    display: none
}

.toggle-menu.collapsed svg:nth-child(1) {
    display: block
}

.toggle-menu.collapsed svg:nth-child(2) {
    display: none
}

.modal-footer > * {
    margin: 0 !important;
    display: block;
    width: 100%
}

.modal-header .close {
    margin: 0;
    padding: 0
}

.form_search {
    margin: 0 !important;
    width: 100%;
    border-radius: 8px
}

.form_search button {
    position: absolute;
    right: 1px;
    top: 1px;
    margin: 0;
    padding: 7px;
    border-left: 1px solid #efe8f8;
    width: 48px;
    height: 46px;
    color: #a7b3c6;
    font-size: 34px;
    background-color: #fff
}

.form_search .form-control {
    border-radius: 8px;
    width: 100%;
    height: 48px;
    padding: 12px
}

.top-search__mobile {
    padding-bottom: 0;
    padding-top: 0
}

.top-search__mobile .search-wrapper, .top-search__mobile .search_result {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 8px
}

.top-search__mobile .modal-content {
    background-color: transparent;
    border: none
}

.header .search-wrapper {
    margin: 12px auto
}

.search_result {
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    padding: 0;
    border: 1px solid #e4e9f0
}

.search_result ul {
    margin-bottom: 0
}

.search_result ul li a {
    min-height: 64px;
    padding: 12px 15px !important;
    box-shadow: inset 0 -1px 0 #e4e9f0;
    font-size: 14px;
    line-height: 20px;
    display: block
}

.search_result ul li a img {
    margin-right: 10px;
    float: left
}

.search_result ul li a:hover {
    background-color: #fafbfd
}

.search_result a.view-result_link {
    text-align: center;
    background-color: #fff;
    color: #966cee;
    font-weight: 700;
    padding: 16px 0;
    white-space: nowrap;
    margin: auto;
    font-size: 14px;
    display: block
}

.social-buttons.mob {
    display: none
}

@media (max-width: 991.98px) and (max-width: 479.98px) {
    .social-buttons.mob {
        text-align: left
    }
}

@media (max-width: 991.98px) {
    .social-buttons {
        display: none
    }

    .social-buttons.mob {
        display: block
    }

    .mgb {
        padding-bottom: 32px;
        border-bottom: 1px solid #615473
    }

    .cm {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 20px
    }
}

@media (max-width: 767.98px) {
    .cm {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cm .pb {
        -ms-flex-order: 1;
        order: 1
    }

    .cm .footer__info {
        -ms-flex-order: 3;
        order: 3
    }

    .cm .footer__logos {
        -ms-flex-order: 2;
        order: 2
    }
}

@media (max-width: 479.98px) {
    .cm {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: start;
        gap: 32px
    }
}

/*.footer__info {
    color: #a897bd;
    margin: 20px 0 30px
}*/

@media (max-width: 991.98px) {
    .cml {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .dn {
        display: none
    }

/*    .footer__info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0
    }*/
}

/*.footer__logos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: start
}

@media (max-width: 991.98px) {
    .footer__logos {
        -ms-flex-align: center;
        align-items: center;
        margin-top: -20px
    }
}

@media (max-width: 767.98px) {
    .footer__logos {
        margin: 0
    }
}*/

/*.footer__title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 24px;
    display: -ms-flexbox;
    display: flex;
    transition: all .5s ease 0s;
    position: relative;
    z-index: 3
}

@media (max-width: 991.98px) {
    .footer__title {
        margin-bottom: 10px;
        font-size: 24px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #655586;
        border-radius: 24px;
        padding: 10px 20px
    }
}

@media (max-width: 479.98px) {
    .footer__title {
        margin-bottom: 13px;
        font-weight: 600;
        background-color: transparent;
        border-radius: 0;
        -ms-flex-pack: start;
        justify-content: start;
        padding: 0
    }
}

.footer__title .footer__arrow {
    margin-left: 20px;
    transition: all .5s ease 0s
}

@media (min-width: 991.98px) {
    .footer__title .footer__arrow {
        display: none
    }
}

.footer__title.active {
    color: #cab1ff
}

.footer__title.active .footer__arrow {
    position: relative;
    transform: rotate(-180deg)
}

.footer__title.active .footer__arrow svg path {
    stroke: #cab1ff
}

.footer__info div {
    margin-bottom: 12px;
    color: #a897bd;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.footer__info div .policy {
    color: #a897bd;
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}*/

.lead-text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: #a897bd;
    display: inline-block
}

.display-text, .mm-menu ul > li > a, .mm-navbar__title {
    font-family: "Golos Text";
    font-weight: 600
}

.panels-elements {
    background-color: #fff;
    padding: 50px
}

.display-text {
    font-style: normal;
    font-size: 64px;
    line-height: 72px;
    color: #392b4b;
    display: inline-block
}

.section_title__left {
    float: left
}

.section_title__right {
    float: right;
    max-width: 200px;
    margin: 6px 0
}

.btn_course {
    background: 0 0
}

.mm-menu ul > li {
    border-bottom: 1px solid #e4e9f0
}

.mm-menu ul > li > a {
    padding-left: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: none !important;
    font-size: 14px;
    font-style: normal
}

.mm-menu ul > li > a svg {
    width: 32px;
    height: 32px
}

.mm-menu ul > li > a span {
    padding-left: 15px
}

.mm-menu ul > li > a img {
    height: 24px;
    width: 24px;
    margin-right: 10px;
    display: inline-block
}

.mm-btn_close:after, .mm-btn_close:before, .mm-btn_prev:before {
    width: 10px;
    height: 10px
}

.mm-navbar__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #392b4b !important;
    font-size: 16px
}

.mm-navbar__btn {
    position: static
}

.mm-navbar, .mm-panel {
    background: #fff
}

.mm-listitem__btn:not(.mm-listitem__text) {
    border: none
}

.mm-listitem a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.mm-listitem__text {
    min-height: 56px
}

.mm-menu li:hover {
    background: #fafbfd
}

.cat_mob_button .mm-btn:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

.mm-listitem .mm-btn:after {
    border-top: 2px solid #392b4b;
    border-left: 2px solid #392b4b
}

.mm-btn_close.mm-btn:before, .mm-btn_prev:before {
    border-left: 2px solid #a897bd;
    border-top: 2px solid #a897bd
}

.mm-btn_close.mm-btn:after {
    border-right: 2px solid #a897bd;
    border-bottom: 2px solid #a897bd
}

.mm-menu .mm-panel:not(:first-child) ul li a {
    font-weight: 400
}

.mm-btn_close:after {
    right: 32px
}

.mm-navbars_top .mm-navbar {
    height: 56px
}

.mm-menu_navbar_top-1 .mm-panels {
    top: 57px
}

.owl-carousel .owl-item .course_item__elements img {
    width: auto
}

.owl-carousel .owl-item img {
    width: unset
}

.owl-carousel.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -85px
}

.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover, .owl-carousel.owl-theme .owl-nav button {
    background-color: unset
}

.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover span, .owl-carousel.owl-theme .owl-nav button span {
    display: none
}

.owl-carousel.owl-theme .owl-nav .owl-next, .owl-carousel.owl-theme .owl-nav .owl-prev {
    background-position: center;
    background-size: contain;
    width: 80px;
    height: 80px
}

.owl-carousel.owl-theme .owl-nav .owl-next:hover, .owl-carousel.owl-theme .owl-nav .owl-prev:hover {
    box-shadow: none
}

.owl-carousel.owl-theme .owl-nav .owl-prev {
    background-image: url(../img/owl-right.svg) !important;
    float: left;
    margin-left: -35px;
    transform: rotate(180deg)
}

.owl-carousel.owl-theme .owl-nav .owl-next {
    background-image: url(../img/owl-right.svg) !important;
    float: right;
    margin-right: -35px
}

.owl-carousel.owl-theme .owl-dots .owl-dot {
    border: 2px solid #cac3f8;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fff;
    margin: 5px
}

.owl-carousel.owl-theme .owl-dots .owl-dot span {
    margin: 5px;
    background: #fff
}

.owl-carousel.owl-theme .owl-dots .owl-dot.active, .owl-carousel.owl-theme .owl-dots .owl-dot:focus, .owl-carousel.owl-theme .owl-dots .owl-dot:hover {
    border: 2px solid #966cee
}

.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel.owl-theme .owl-dots .owl-dot:focus span, .owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #966cee
}

.cat_mob_button {
    display: none;
    background-color: #966cee
}

.cat_mob_button a, .cat_mob_button a:focus, .cat_mob_button a:hover {
    width: 100%;
    height: 40px;
    padding: 10px 16px;
    color: #fff;
    font-weight: 600;
    font-style: normal;
    text-align: left;
    text-decoration: none
}

ul.block_feature {
    list-style: none
}

ul.block_feature li {
    font-size: 14px;
    padding-left: 30px;
    padding-bottom: 10px;
    line-height: 20px;
    font-weight: 400;
    background-repeat: no-repeat
}

ul.block_feature li a {
    font-size: 16px
}

.icon_primary_level {
    background-image: url(../img/icon_primary_level.png)
}

.icon_mentor {
    background-image: url(../img/icon_mentor.svg)
}

.icon_certificat {
    background-image: url(../img/icon_certificat.svg)
}

.icon_format {
    background-image: url(../img/icon_format.svg)
}

.icon_credit {
    background-image: url(../img/icon_credit.svg)
}

.icon_language {
    background-image: url(../img/icon_language.svg)
}

.icon_place {
    background-image: url(../img/icon_place.svg)
}

.icon_phone {
    background-image: url(../img/icon_phone.svg)
}

.icon_email {
    background-image: url(../img/icon_email.svg)
}

.icon_leader {
    background-image: url(../img/icon_leader.svg)
}

.icon_location-black {
    background-image: url(../img/icon_location-black.svg)
}

.icon_phone-black {
    background-image: url(../img/icon_phone-black.svg)
}

.icon_email-black {
    background-image: url(../img/icon_email-black.svg)
}

.course_item.vebinar-card .course_item__content .course_item__info {
    -ms-flex-direction: column;
    flex-direction: column
}

.course_item.vebinar-card .course_item__content .course_item__info .info_block {
    width: 100%
}

.course_item.vebinar-card .course_item__content .course_item__info .info_block:nth-child(2) {
    border-top: 1px solid #e4e9f0
}

.course_item {
    margin-bottom: 30px;
    max-width: 342px;
    width: 100%;
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #e4e9f0
}

.course_item .btn-place {
    height: 36px
}

.course_item .course_item__content {
    padding: 16px 16px 0
}

.course_item .course_item__content .course_item__title {
    color: #a897bd;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.course_item .course_item__content .course_item__name {
    color: #1b273a;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    margin-bottom: 15px
}

.course_item .course_item__content .btn_action {
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.course_item .course_item__content .course_item__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border: 1px solid #e4e9f0;
    margin-left: -17px;
    margin-right: -17px
}

.course_item .course_item__content .course_item__info .info_block:first-child {
    border-right: 1px solid #e4e9f0
}

.course_item .course_item__content .course_item__info .info_block {
    padding: 10px;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    width: 50%
}

.course_item .course_item__content .course_item__info .info_block .info_block__title {
    color: #7889a4
}

.course_item .course_item__content .course_item__info .info_block .info_block__value {
    color: #1b273a
}

.course_item .course_item__content .course_item__info .info_block .info_block__value strike {
    color: #a7b3c6;
    font-size: 12px;
    white-space: nowrap
}

.course_item .course_item__header {
    min-height: 200px;
    overflow: hidden
}

.course_item .cat_markers {
    position: absolute;
    pointer-events: none;
    bottom: 8px;
    left: 10px
}

.course_item:active, .course_item:focus, .course_item:hover {
    box-sizing: border-box;
    box-shadow: 0 6px 24px rgba(24, 29, 54, .12)
}

.course_item__header {
    position: relative;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.course_item__header img {
    display: block
}

.course_item__header .course_item__elements {
    background-color: transparent;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.course_item__header .course_item__elements > button, .course_item__header .course_item__elements > img {
    display: inline-block;
    float: right;
    margin-right: 8px;
    margin-top: 8px
}

.course_item__header .course_item__elements img.course-logo {
    float: left;
    max-height: 48px;
    margin-left: 8px;
    margin-top: 8px
}

.cat_markers {
    max-height: 80px;
    border-radius: 8px;
    width: calc(100% - 25px)
}

.cat_marker__item {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px
}

.cat_marker__item.red {
    background: #ff6a6a;
    color: #fff
}

.cat_marker__item.green {
    background-color: #56b766;
    color: #fff
}

/*.search_result {
    display: none
}
*/
.top-nav-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.col__row, .top-line ul {
    display: -ms-flexbox;
    padding: 0
}

.top-nav-wrapper .search_result {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 1;
    box-shadow: 0 6px 24px rgba(24, 29, 54, .12)
}

.top-line.show {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 64px);
    z-index: 100;
    margin-top: 64px;
    overflow-y: auto
}

.about-work__image, .article-item, .form-inline, .header .menu-main ul, .main-course, .skillbox-stage__slide, .steck-fb {
    overflow: hidden
}

.col__row {
    margin-top: 20px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: end
}

@media (max-width: 991.98px) {
    .col__row {
        -ms-flex-pack: start;
        justify-content: start
    }
}

.top-line {
    height: 32px;
    background-color: #fff
}

.top-line__row {
    height: 32px;
    margin: 0
}

.top-line ul {
    display: flex;
    margin-bottom: 0;
    gap: 24px
}

.top-line ul li {
    position: relative
}

.top-line ul li .top-line__link {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #615473;
    padding: 1px 8px 3px;
    border-radius: 24px;
    transition: all .3s ease 0s
}

.search-wrapper .search-input, .top-panel__link {
    font-weight: 400;
    line-height: 20px;
    font-style: normal
}

@media (any-hover: hover) {
    .top-line ul li .top-line__link:hover {
        background: #feeee6
    }
}

.top-line ul li .btns-wrapper {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex
}

.top-line ul li > a {
    color: #392b4b
}

.top-panel__row {
    -ms-flex-align: center;
    align-items: center
}

.top-panel__row_bn .btns-wrapper {
    -ms-flex-pack: end;
    justify-content: end
}

.top-panel__buttons {
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    margin: 0
}

.top-panel__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #392b4b
}

.coll, .header {
    -ms-flex-direction: column
}

.top-panel__image {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

#mobile-menu {
    z-index: 50
}

@media (max-width: 991.98px) {
    .cat_mob_button {
        display: block
    }

    .top-search-block {
        display: none
    }
}

.top-panel__row {
    display: grid;
    grid-template-columns:.8fr 3fr 1.3fr 1fr
}

@media (max-width: 1200px) {
    .top-panel__row {
        grid-template-columns:1fr 2fr 1fr 1fr
    }
}

.top-panel__row_bt {
    margin: 0 10px
}

@media (max-width: 991.98px) {
    .top-panel__row {
        padding: 15px 0;
        grid-template-columns:1fr 1fr
    }

    .top-panel__row_bn, .top-panel__row_bt {
        display: none
    }
}

.m-logo {
    padding: 0;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.top-panel {
    box-shadow: inset 0 -1px 0 #e4e9f0;
    background: #fff
}

@media (min-width: 991.98px) {
    .top-panel {
        margin-top: 16px
    }
}

.top-panel__row {
    margin: 0
}

.top-panel_main .logo-wrapper {
    height: 100%
}

@media (max-width: 767.98px) {
    .btns-wrapper {
        text-align: center
    }
}

.btns-wrapper a.sign-icon {
    margin-right: 0
}

.top-search-block {
    position: relative;
    width: 100%
}

.wh {
    background-color: #fff
}

.header {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.header .menu-main {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    list-style: none
}

.header .menu-main li:hover > a {
    background-color: #fbfafd;
    color: inherit
}

.header .menu-main > li > a {
    border-radius: 16px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 92px;
    width: 98px;
    text-align: center;
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    color: #392b4b
}

.header .menu-main > li {
    padding: 8px 0;
    position: relative
}

.header .menu-main > li > a span {
    padding: 8px
}

.header .menu-main li:hover ul {
    display: block
}

.header .menu-main ul {
    display: none;
    box-shadow: 0 2px 8px rgba(24, 29, 54, .2);
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #fff;
    position: absolute;
    top: 108px;
    left: 0;
    z-index: 5;
    list-style: none
}

.header .menu-main ul li a {
    display: block;
    white-space: nowrap;
    padding: 8px 36px 8px 16px;
    text-align: left;
    background-color: #fff;
    font-size: 16px
}

.header .menu-main ul li a:hover {
    background-color: #fbfafd
}

.nheader {
    box-shadow: inset 0 -1px 0 #e4e9f0
}

.nheader__container {
    max-width: 1440px;
    padding: 0 15px;
    margin: 0 auto
}

@media (max-width: 991.98px) {
    .nheader__container {
        max-width: unset;
        padding: unset;
        margin: unset
    }

    .nheader {
        box-shadow: unset
    }
}

.nheader__main {
    padding: 8px 0 12px;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    grid-template-columns:.4fr 3fr .3fr
}

.nheader__main .top-panel__row_search .top-nav-wrapper .search-wrapper {
    max-width: none
}

.nheader__main .top-panel__row_bt {
    margin: 0 10px
}

@media (max-width: 991.98px) {
    .nheader__main {
        padding: 15px;
        grid-template-columns:.4fr 3fr .3fr
    }

    .nheader__main .top-panel__row_logo .logo-wrapper {
        display: block
    }

    .nheader__first-row, .nheader__main .top-panel__row_bn, .nheader__main .top-panel__row_bt {
        display: none
    }
}

.nheader__first-row .top-line__list {
    height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 32px;
    margin: 6px 0
}

.nheader__first-row .top-line__list .top-line__item {
    padding: 3px 0;
    transition: all .3s ease 0s
}

.block_item__text, .partn__item, .readMore {
    transition: all .5s ease 0s
}

.nheader__first-row .top-line__list .top-line__item.highlighted {
    padding: 3px 8px;
    background: #feeee6;
    border-radius: 24px
}

.form-search {
    display: block;
    width: 100%;
    position: relative
}

.logo-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 991.98px) {
    .pb {
        margin-top: -20px
    }
}

.top-panel_main .logo-wrapper {
    -ms-flex-pack: start;
    justify-content: start
}

.search-wrapper {
    max-width: 810px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.search-wrapper .search-input {
    padding: 0 78px 0 24px;
    border: 1px solid #966cee;
    border-radius: 8px;
    font-size: 14px;
    background: #fff;
    height: 44px;
    color: #a897bd
}

.search-wrapper .search-btn {
    background-color: #966cee;
    border-radius: 4px;
    width: 64px;
    height: 36px;
    right: 5px;
    top: 4px;
    position: absolute
}

.collection .collection_wrapper {
    border-radius: 16px;
    padding: 30px;
    border: 1px solid #e1cffd;
    box-sizing: border-box
}

.collection .collection_wrapper img {
    width: 100%
}

.collection .collection_wrapper .collection__text {
    padding-left: 50px;
    padding-top: 50px;
    padding-right: 70px
}

.collection .collection_wrapper .collection__text span {
    color: #feb62e
}

.collection .collection_wrapper .collection__text .lead-text {
    margin-top: 30px
}

.collection .collection_wrapper .collection__text .button_primary {
    margin-top: 30px;
    width: 240px
}

.collection .collection_wrapper .collection__text .h2 {
    font-weight: 600
}

.collection .collection_wrapper .collection__text .h2 span {
    color: #fdbe4c
}

.collection-1 {
    background-color: #f7effb
}

.collection-1 .lead-text {
    color: #7889a4
}

.collection-1 .h2 {
    color: #1b273a
}

.collection-2 {
    background-color: #534894;
    border: 1px solid #e1cffd
}

.collection-2 .lead-text {
    color: #e2d5ff
}

.collection-2 .button_primary {
    background-color: #fff;
    color: #1b273a
}

.collection-2 .button_primary:hover {
    background-color: #c1cee0
}

.article-item, .subscriber__inner {
    background-color: #fff;
    box-sizing: border-box
}

.collection-2 .h2 {
    color: #fff
}

.collection-2__image {
    margin-bottom: -31px
}

.article-item {
    width: 100%;
    max-width: 390px;
    border-radius: 16px;
    border: 1px solid #e4e9f0;
    margin: 30px auto
}

.article-item .cat_markers {
    margin-left: 24px;
    margin-right: 24px
}

.article-item .article-item__header {
    margin-bottom: 15px
}

.article-item .article-item__header img {
    width: 100%;
    display: block
}

.article-item .article-item__content {
    padding: 10px 24px
}

.article-item .article-item__content span {
    color: #7889a4;
    display: inline-block;
    margin-bottom: 15px
}

.article-item .article-item__content p {
    color: #7889a4;
    margin-bottom: 25px;
    display: inline-block
}

.article-item .article-item__content .h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 15px
}

.article-item .article-item__content img {
    margin-right: 10px;
    display: inline-block
}

.subscriber {
    position: relative
}

.subscriber .panel-text {
    padding: 25px;
    float: left
}

.subscriber .panel-text p {
    color: #7889a4;
    margin: 10px 10px 10px 0
}

.subscriber .panel-form {
    float: right;
    margin: 50px 25px
}

.subscriber .panel-form input {
    margin-right: 10px
}

.subscriber .button_primary {
    width: 180px
}

.subscriber .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.subscriber input.form-control {
    height: 44px;
    border-radius: 8px;
    color: #7889a4;
    font-size: 16px;
    line-height: 44px;
    width: 328px;
    padding: 11px
}

.subscriber__inner {
    background-image: url(../img/bg2.svg);
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 24px;
    padding-bottom: 24px;
    border: 1px solid #e4e9f0;
    border-radius: 24px
}

/*.footer__menu {
    display: grid;
    -moz-column-gap: 15px;
    column-gap: 15px
}
*/
@media (max-width: 1200px) {
    .nheader__main {
        grid-template-columns:.4fr 3fr .3fr
    }

/*    .footer__menu {
        grid-template-columns:repeat(2, 1fr);
        row-gap: 20px
    }*/
}
/*
@media (max-width: 991.98px) {
    .footer__menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 32px
    }

    .footer__menu .block_item ul {
        display: none;
        text-align: left;
        position: relative;
        left: 20px;
        top: 5px
    }
}

@media (max-width: 991.98px) and (max-width: 479.98px) {
    .footer__menu .block_item ul {
        top: 0;
        left: 0
    }
}

.footer__menu .block_item ul li {
    color: #fff
}

.footer__menu .block_item ul li:not(:last-child) {
    margin-bottom: 12px
}*/

.block_item__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    display: block
}

@media (max-width: 991.98px) {
    .block_item__text {
        font-size: 18px
    }
}

.coll {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 50px;
    -ms-flex-align: center;
    align-items: center
}

/*.footer {
    background: #392b4b;
    padding: 72px 0;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .footer {
        padding: 40px 0
    }
}

@media (max-width: 479.98px) {
    .footer {
        padding: 35px 0
    }
}

.footer .sign-icon {
    padding: 0
}

.footer .btns-wrapper {
    text-align: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer .btns-wrapper a {
    display: inline-block;
    width: 220px;
    text-align: center;
    margin-bottom: 10px
}

.footer .social-buttons {
    margin-top: 12px;
    padding-left: 0
}

.footer .social-buttons li {
    list-style-type: none;
    display: inline-block;
    margin-right: 15px
}

.footer__logo-fond {
    display: inline-block;
    max-width: 130px
}

.footer__logo-fond img {
    max-width: 100%
}*/

.user_profile__wrapper {
    padding: 10px 0 10px 12px
}

.nav > li > a > .label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    width: 280px;
    padding: 0;
    margin: 0;
    top: 100%;
    position: absolute;
    right: 0;
    left: auto
}

.navbar-nav > .notifications-menu > .dropdown-menu {
    width: 280px;
    padding: 0;
    margin: 0;
    top: 100%
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a {
    font-size: 12px;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eee;
    color: #444 !important;
    text-align: center;
    border-radius: 0 0 4px 4px
}

.dropdown-menu {
    box-shadow: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px
}

.navbar-nav > li {
    float: left
}

.navbar-nav.nav {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.course-list {
    padding: 0 0 50px
}

.form-control-label--second {
    color: #a897bd
}

.custom-checkbox.custom-checkbox-vis {
    opacity: 1;
    position: relative;
    display: inline-block;
    z-index: auto
}

.custom-checkbox.custom-checkbox-vis .custom-control-label {
    color: #392b4b
}

.custom-checkbox.custom-checkbox-vis .custom-control-label:after {
    display: none !important
}

.custom-checkbox.custom-checkbox-vis .custom-control-label:before {
    border: 2px solid #a897bd !important;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    top: 3px;
    box-shadow: none !important
}

.custom-checkbox.custom-checkbox-vis .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #966cee;
    border-color: #966cee !important;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.00001 6L8 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center
}

.main-carousel-item {
    min-height: 450px;
    color: #fff;
    background-color: #534894;
    background-repeat: no-repeat;
    background-position: left
}

.main-carousel-item.item-1 {
    background-image: url(/img/mc-1-bg.png)
}

.main-carousel-item.item-2, .main-carousel-item.item-3 {
    background-image: url(/img/mc-2-bg.png)
}

.main-carousel-item .main-header__img {
    max-height: 550px;
    margin: 0 auto
}

.main-carousel-item .item-content {
    margin-left: 250px
}

.main-carousel-item h1 {
    font-size: 48px;
    font-weight: 600
}

.main-carousel-item h3 {
    padding: 40px 0
}

.go-to-buttons {
    text-align: center
}

z .btn_to_chapter {
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    color: #966cee;
    border-radius: 8px;
    padding: 14px 60px;
    min-width: 350px;
    background: #f9f4ff;
    border: 1px solid #efe8f8
}

z .btn_to_chapter:hover {
    color: #fff;
    background: #534894;
    box-shadow: 0 4px 4px rgba(134, 59, 59, .25);
    border-radius: 8px;
    border: none
}

.about-course__maintitle, .about-course__subtitle, .about-course__text, .about-course__text-bold, .about-course__title {
    color: #392b4b;
    font-style: normal
}

.partner-card-img {
    margin: 0 auto;
    text-align: center;
    z-index: 999;
    background-color: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 40px 32px;
    height: 100%;
    width: 100%
}

.partner-card-img img {
    width: 100% !important
}

.about-course__image {
    margin-bottom: 8px
}

.about-course__maintitle {
    font-weight: 600;
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .about-course__maintitle {
        font-size: calc(20px + 28 * ((100vw - 320px) / 1120));
        line-height: calc(28px + 36 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 767.98px) {
    .about-course__maintitle {
        display: none
    }

    .content-wrapper {
        padding: 0
    }
}

.about-course__maintitle-mobile {
    display: block;
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .about-course__maintitle-mobile {
        font-size: calc(20px + 28 * ((100vw - 320px) / 1120));
        line-height: calc(28px + 36 * ((100vw - 320px) / 1120))
    }
}

.about-course__maintext span {
    display: block
}

.about-course__maintext span:not(:last-child) {
    margin-bottom: 32px
}

.about-course__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 32px
}

.about-course__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.about-course__subtitle {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px
}

.about-course__text-bold {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.about-course__title-white {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    margin-bottom: 34px
}

.about-course__text-white {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.about-course__text-neutral, .notice-block {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.about-course__text-neutral {
    color: #a897bd
}

.page__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 12px
}

.notice-block {
    color: #392b4b;
    background: #fff4d7;
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 8px
}

.left-sidebar__link-1, .left-sidebar__link-2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    padding: 10px 0;
    font-style: normal
}

.left-sidebar__link {
    display: block
}

.left-sidebar__link-1 {
    text-align: center;
    color: #fff;
    background: #966cee;
    border-radius: 8px;
    margin-bottom: 12px
}

@media (any-hover: hover) {
    .left-sidebar__link-1:hover {
        color: #fff
    }
}

.left-sidebar__link-2 {
    color: #966cee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 14px
}

.left-sidebar__link-2::before {
    content: "";
    position: relative;
    background-image: url(../../img/Link.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-right: 10px
}

.left-sidebar__value {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 0
}

.left-sidebar__price {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #392b4b
}

.left-sidebar__price strike {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #e19500
}

.left-sidebar__time {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #392b4b
}

.left-sidebar__span {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #a897bd
}

.logos img {
    display: block;
    position: relative;
    transform: scale(1.2)
}

.mobile__display {
    display: none
}

@media (max-width: 767.98px) {
    .mobile__display {
        display: block;
        margin-bottom: 32px
    }

    .display {
        display: none
    }

    .cc {
        padding: 0
    }

    .course__content {
        border: none
    }
}

.module__item, .partn__item {
    border: 1px solid #efe8f8;
    box-sizing: border-box
}

.border-b, .item-body__header {
    border-bottom: 1px solid #efe8f8
}

.for-what__title {
    margin-bottom: 32px
}

.info__title, .instruments__title {
    margin-bottom: 24px
}

.for-what__ul {
    display: grid;
    gap: 32px
}

@media (max-width: 37.5em) {
    .for-what__ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.for-what__item {
    display: grid;
    grid-template-rows:100px auto 1fr;
    row-gap: 12px
}

.for-what__item_image {
    -ms-flex: 0 0 1fr;
    flex: 0 0 1fr
}

@media (max-width: 767.98px) {
    .for-what__item {
        grid-template-rows:repeat(3, auto)
    }

    .for-what__item_image {
        height: 55px;
        width: 55px
    }
}

.module {
    display: grid;
    grid-template-columns:1fr 5fr;
    -moz-column-gap: 32px;
    column-gap: 32px
}

@media (max-width: 1200px) {
    .module {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }
}

.info__list, .module__list {
    -ms-flex-direction: column
}

.module__title {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #392b4b;
    padding-top: 14px
}

@media (max-width: 1440px) {
    .module__title {
        font-size: calc(18px + 6 * ((100vw - 320px) / 1120));
        line-height: calc(28px + 4 * ((100vw - 320px) / 1120))
    }
}

.module__list {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.module__item {
    background: #fff;
    border-radius: 12px;
    padding: 20px
}

.info__item::before, .knowledge, .knowledge__item::before, .module__item_title_arrow::before {
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 991.98px) {
    .module__item {
        padding: 14px 12px
    }
}

.module__item_text {
    display: none;
    margin-top: 16px
}

.module__item_text span {
    display: block
}

.module__item_title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px
}

.module__item_title_arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 34px;
    height: 34px
}

.module__item_title_arrow::before {
    position: absolute;
    content: "";
    transition: all .5s ease 0s;
    background-image: url(../../img/chevron.svg);
    background-size: cover;
    width: 34px;
    height: 34px;
    right: 0
}

@media (max-width: 767.98px) {
    .module__item_title_arrow::before {
        width: 24px;
        height: 24px
    }
}

.module__item_title.active .module__item_title_arrow::before {
    transform: rotate(180deg)
}

.info__list {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.info__item {
    position: relative;
    padding-left: 36px
}

.knowledge__container, .knowledges__container {
    padding: 42px 32px
}

.info__item::before {
    content: "";
    position: absolute;
    background-image: url(../../img/ok.svg);
    background-size: contain;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 0;
    transform: translate(0, -50%)
}

.knowledge {
    background-color: #392b4b;
    background-image: url(../../img/knowlwdge_bg.svg);
    background-size: cover
}

.knowledge__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.knowledge__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.knowledge__item::before {
    content: "";
    position: relative;
    background-image: url(/img/knowlwdge_star.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-right: 16px
}

.reviews__item, .subjects__slide {
    height: -webkit-fit-content;
    height: -moz-fit-content
}

.instruments__list {
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.instruments__item {
    background: #392b4b;
    border-radius: 8px;
    padding: 4px 12px;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .partn {
        display: none
    }
}

.partn__title {
    margin-bottom: 40px
}

.partn__list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 15px
}

.partn__item {
    background: #fff;
    border-radius: 16px;
    padding: 18px 20px
}

@media (max-width: 1200px) {
    .partn__list {
        grid-template-columns:repeat(3, 1fr)
    }

    .partn__item {
        padding: 10px
    }
}

.teachers__title {
    margin-bottom: 24px
}

.teachers__list {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 32px
}

@media (max-width: 479.98px) {
    .instruments__list {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .instruments__item {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .teachers__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.teachers__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.reviews__item {
    height: fit-content
}

.reviews__item_body {
    background: #fbfafd;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px
}

.previos__licence::before, .previos__recomend::before {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 0;
    top: 3px;
    content: ""
}

.main__text-more {
    display: none
}

.item-body__header {
    padding: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.item-body__header_profile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.item-body__header_rating-small {
    display: none
}

@media (max-width: 479.98px) {
    .item-body__header_profile img, .item-body__header_rating {
        display: none
    }

    .item-body__header_rating-small {
        display: block
    }
}

.item-body__content {
    padding: 16px
}

.item-body__text.more .main__text-dots {
    display: none
}

.item-body__text.more .main__text-more {
    display: inline
}

.item-body__footer {
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px 16px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.item-body__date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #a897bd
}

@media (max-width: 1440px) {
    .item-body__date {
        font-size: calc(12px + 2 * ((100vw - 320px) / 1120));
        line-height: calc(16px + 4 * ((100vw - 320px) / 1120))
    }
}

.readMore {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #966cee;
    position: relative
}

@media (max-width: 1440px) {
    .readMore {
        font-size: calc(12px + 2 * ((100vw - 320px) / 1120));
        line-height: calc(16px + 4 * ((100vw - 320px) / 1120))
    }
}

@media (any-hover: hover) {
    .partn__item:hover {
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        transform: translate(-4px, -4px)
    }

    .readMore:hover {
        color: #7452bd;
        transform: translate(4px, 0)
    }
}

.cards__item_text, .cards__item_title, .numbers__number, .text-item {
    font-style: normal;
    color: #392b4b
}

.border-b {
    margin-bottom: 16px;
    padding-bottom: 16px
}

.previos {
    margin-bottom: 40px
}

.previos__recomend {
    position: relative;
    padding-left: 30px
}

.previos__recomend::before {
    position: absolute;
    background-image: url(../../img/win.svg)
}

.previos__licence {
    position: relative;
    padding-left: 30px
}

.previos__licence::before {
    position: absolute;
    background-image: url(../../img/medal.svg)
}

.image-ing img, .l-p, .small {
    position: relative
}

.ingleks__rocket {
    margin: 0
}

.subjects__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.subjects__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.subjects__link img {
    max-width: 22px;
    max-height: 22px
}

.numbers__list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 24px
}

@media (max-width: 767.98px) {
    .numbers__list {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 479.98px) {
    .numbers__list {
        grid-template-columns:1fr;
        gap: 16px
    }

    .sertificat__image img {
        width: 288px
    }
}

.numbers__item {
    max-width: 300px
}

.numbers__number {
    font-weight: 600;
    font-size: 48px;
    line-height: 48px
}

@media (max-width: 1440px) {
    .numbers__number {
        font-size: calc(24px + 24 * ((100vw - 320px) / 1120));
        line-height: calc(32px + 16 * ((100vw - 320px) / 1120))
    }
}

.numbers__text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    olor: #392b4b
}

.benefits_titl {
    margin-bottom: 16px;
    padding-right: 39px
}

@media (max-width: 991.98px) {
    .teachers__list {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .benefits_titl {
        margin: 0
    }
}

.small {
    transform: scale(1) !important
}

.image-ing {
    margin-bottom: 28px
}

.image-ing img {
    transform: scale(.9)
}

.sertificat__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

@media (max-width: 991.98px) {
    .sertificat__container {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.sertificat__title {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

@media (max-width: 991.98px) {
    .sertificat__title {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.sertificat__image {
    filter: drop-shadow(0 8.21px 16.41px rgba(0, 0, 0, .25));
    border-radius: 6.56px;
    -ms-flex: 0 1 33.333%;
    flex: 0 1 33.333%
}

.skillbox-stage__text {
    margin-bottom: 40px
}

.skillbox-stage__slide {
    max-width: 400px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    border-radius: 8px
}

.subjects__slide {
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.in-show {
    display: none
}

@media (max-width: 1200px) {
    .in-show {
        display: block
    }

    .in-hide {
        display: none
    }
}

.in-show-slides {
    display: none
}

@media (max-width: 1200px) {
    .in-show-slides {
        display: block
    }
}

@media (max-width: 991.98px) {
    .sertificat__image {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .in-show-slides {
        display: none
    }
}

@media (max-width: 767.98px) {
    .in-show-slides {
        display: block
    }
}

@media (max-width: 1200px) {
    .in-hide-slides {
        display: none
    }
}

@media (max-width: 991.98px) {
    .in-hide-slides {
        display: block
    }
}

@media (max-width: 767.98px) {
    .in-hide-slides {
        display: none
    }
}

.subjects__wrapper {
    padding: 0 5px
}

.cards__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 64px
}

.cards__item_body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

.cards__item_text span, .text-item, .work-button {
    display: block
}

.cards__item_content {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.cards__item_title {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 24px
}

.cards__item_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.cards__item_text span:not(:last-child) {
    margin-bottom: 20px
}

.cards__item_preview img {
    width: 400px
}

.cards-video {
    border-radius: 16px
}

.con-2 .cards__item_content {
    -ms-flex-order: 2;
    order: 2
}

.con-2 .cards__item_preview {
    -ms-flex-order: 1;
    order: 1
}

.text-item {
    margin-bottom: 20px !important;
    font-size: 14px;
    line-height: 20px
}

.text-item__title {
    font-weight: 700
}

.work-big-title, .work-main-title, .work-title {
    font-style: normal;
    font-weight: 600;
    color: #392b4b
}

.mentors__title {
    margin-bottom: 40px
}

@media (max-width: 1440px) {
    .mentors__title {
        margin-bottom: calc(20px + 20 * ((100vw - 320px) / 1120))
    }
}

.mentors__item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.mentors__item img {
    border-radius: 80px 80px 80px 4px;
    margin-bottom: 16px;
    width: 156px;
    height: 156px
}

@media (max-width: 1440px) {
    .mentors__item img {
        width: calc(64px + 92 * ((100vw - 320px) / 1120));
        height: calc(64px + 92 * ((100vw - 320px) / 1120))
    }
}

.steck-fb__green-item, .work-button {
    width: -webkit-fit-content;
    width: -moz-fit-content
}

.mentors__name {
    margin-bottom: 8px
}

.work-main-title {
    font-size: 64px;
    line-height: 72px;
    margin-bottom: 40px
}

@media (max-width: 1440px) {
    .work-main-title {
        font-size: calc(32px + 32 * ((100vw - 320px) / 1120));
        line-height: calc(36px + 36 * ((100vw - 320px) / 1120));
        margin-bottom: calc(20px + 20 * ((100vw - 320px) / 1120))
    }
}

.work-big-title {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .work-big-title {
        font-size: calc(24px + 24 * ((100vw - 320px) / 1120));
        line-height: calc(32px + 24 * ((100vw - 320px) / 1120));
        margin-bottom: calc(16px + 8 * ((100vw - 320px) / 1120))
    }
}

.work-title {
    font-size: 36px;
    line-height: 44px
}

.work-main-text, .work-text {
    font-weight: 400;
    color: #1e313d;
    font-style: normal
}

@media (max-width: 1440px) {
    .work-title {
        font-size: calc(20px + 16 * ((100vw - 320px) / 1120));
        line-height: calc(24px + 20 * ((100vw - 320px) / 1120))
    }
}

.work-main-text {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 40px
}

@media (max-width: 1440px) {
    .work-main-text {
        font-size: calc(16px + 4 * ((100vw - 320px) / 1120));
        line-height: calc(24px + 8 * ((100vw - 320px) / 1120));
        margin-bottom: calc(16px + 24 * ((100vw - 320px) / 1120))
    }
}

.work-text {
    font-size: 20px;
    line-height: 32px
}

@media (max-width: 1440px) {
    .work-text {
        font-size: calc(16px + 4 * ((100vw - 320px) / 1120));
        line-height: calc(24px + 8 * ((100vw - 320px) / 1120))
    }
}

.work-button {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: #966cee;
    border-radius: 8px;
    padding: 10px 24px;
    width: fit-content
}

.work-with-us__main {
    margin-bottom: 87px;
    margin-top: 87px
}

@media (max-width: 1440px) {
    .work-with-us__main {
        margin-bottom: calc(33px + 54 * ((100vw - 320px) / 1120));
        margin-top: calc(33px + 54 * ((100vw - 320px) / 1120))
    }
}

.work__subcontent_text-mobile {
    display: none
}

@media (max-width: 991.98px) {
    .work__subcontent_text {
        display: none
    }

    .work__subcontent_text-mobile {
        display: block
    }
}

.l-p {
    left: -20px
}

.fcb {
    padding-left: 36px
}

.fcb::before {
    position: absolute;
    left: 0
}

.knowledge__list {
    margin: 0
}

.about-work {
    margin-bottom: 83px
}

@media (max-width: 1440px) {
    .about-work {
        margin-bottom: calc(35px + 48 * ((100vw - 320px) / 1120))
    }
}

.about-work__main {
    display: -ms-flexbox;
    display: flex;
    gap: 50px
}

@media (max-width: 991.98px) {
    .about-work__main {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 20px
    }
}

@media (max-width: 767.98px) {
    .about-work__main {
        gap: 12px
    }
}

.about-work__content {
    -ms-flex: 0 1 55%;
    flex: 0 1 55%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.about-work__content_text {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.about-work__content_text-p {
    display: block
}

.about-work__content_text-p:not(:last-child) {
    margin-bottom: 40px
}

@media (max-width: 1440px) {
    .about-work__content_text-p:not(:last-child) {
        margin-bottom: calc(28px + 12 * ((100vw - 320px) / 1120))
    }
}

.about-work__content_text-bold {
    font-weight: 700
}

.about-work__content_button {
    color: #fff;
    padding-top: 35px
}

.vacancies-body__title, .work-vacancies__link {
    line-height: 36px;
    color: #392b4b;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 991.98px) {
    .about-work__content_button {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.about-work__image {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: #f8f3fe;
    border-radius: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 45%;
    flex: 0 1 45%
}

.about-work .about-work__img-mob {
    display: none
}

@media (max-width: 991.98px) {
    .about-work__image {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px 0
    }

    .about-work .about-work__img-pc {
        display: none
    }

    .about-work .about-work__img-mob {
        display: block
    }
}

.work-vacancies__title {
    margin-bottom: 64px
}

@media (max-width: 1440px) {
    .work-vacancies__title {
        margin-bottom: calc(12px + 52 * ((100vw - 320px) / 1120))
    }
}

.work-vacancies__item {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    transition: all .5s ease 0s, background-color .3s ease 0s
}

.work-vacancies__item:not(:last-child) {
    margin-bottom: -2px
}

@media (any-hover: hover) {
    .work-vacancies__item:hover {
        position: relative;
        transform: translate(0, -4px);
        background-color: #eee;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        z-index: 2
    }
}

.work-vacancies__link {
    font-size: 28px;
    padding: 13px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.work-vacancies__link::after {
    content: "";
    position: relative;
    background-image: url(../../img/work-arrow.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 63px;
    height: 24px
}

.steck-form, .work-vacancies-mob__item {
    background: #fff;
    border: 1px solid #efe8f8
}

.work-vacancies__list-mob {
    display: none
}

@media (max-width: 991.98px) {
    .work-vacancies__list-pc {
        display: none
    }

    .work-vacancies__list-mob {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }
}

.work-vacancies-mob__item {
    border-radius: 16px;
    overflow: hidden
}

.vacancies-body__title {
    font-size: 20px;
    margin: 14px 20px 16px
}

.vacancies-body__price {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #a897bd;
    margin: 0 20px 20px
}

.vacancies-body__price span {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #615473;
    display: block
}

.vacancies-body__button {
    color: #966cee;
    border-top: 1px solid #efe8f8;
    margin: -1px
}

.vacancies-body__btn {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #966cee;
    padding: 20px 0;
    display: block;
    width: 100%;
    text-align: center
}

@media (any-hover: hover) {
    .vacancies-body__btn:hover {
        background-color: #D0C2DE
    }
}

.vacancies-body__btn:active {
    background-color: #D0C2DE
}

.steck {
    margin-top: 55px;
    margin-bottom: 55px
}

@media (max-width: 1440px) {
    .steck {
        margin-top: calc(37px + 18 * ((100vw - 320px) / 1120));
        margin-bottom: calc(37px + 18 * ((100vw - 320px) / 1120))
    }
}

.steck-fb {
    border-radius: 16px;
    background-image: url(../../img/full-steck-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 65px 10px 77px;
    margin-bottom: 40px
}

@media (max-width: 1440px) {
    .steck-fb {
        margin-bottom: calc(20px + 20 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 991.98px) {
    .steck-fb {
        padding: 20px 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.steck-fb__green-item, .steck-fb__yellow-item {
    border-radius: 8px;
    padding: 5px 8px;
    font-weight: 600;
    font-style: normal
}

.steck-fb__title {
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
    text-align: center;
    color: #fff;
    margin-bottom: 28px
}

@media (max-width: 479.98px) {
    .steck-fb__title {
        margin: 0 auto 77px;
        max-width: 200px
    }
}

.steck-fb__green-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1440px) {
    .steck-fb__title {
        font-size: calc(32px + 32 * ((100vw - 320px) / 1120));
        line-height: calc(36px + 36 * ((100vw - 320px) / 1120))
    }

    .steck-fb__green-list {
        gap: calc(8px + 12 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 991.98px) {
    .steck-fb__green-list {
        margin-bottom: 34px
    }

    .steck-fb__subtitle {
        display: none
    }
}

.steck-fb__green-item {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    background: #56b766;
    width: fit-content
}

@media (max-width: 1440px) {
    .steck-fb__green-item {
        font-size: calc(9px + 3 * ((100vw - 320px) / 1120))
    }
}

.steck-fb__subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 56px;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 16px
}

.steck-fb__yellow-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px
}

@media (max-width: 991.98px) {
    .steck-fb__yellow-list {
        display: none
    }
}

.steck-fb__yellow-item {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    background: #f3a919;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.steck-fb__btn-back::before, .why-cool__item::before {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    position: relative;
    content: "";
    height: 24px
}

@media (max-width: 1440px) {
    .steck-fb__yellow-list {
        gap: calc(8px + 12 * ((100vw - 320px) / 1120))
    }

    .steck-fb__yellow-item {
        font-size: calc(9px + 3 * ((100vw - 320px) / 1120))
    }
}

.steck-fb__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    color: #fff
}

.steck-fb__btn-back {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 10px 24px
}

.steck-lb__image, .steck__knowledge {
    border-radius: 16px;
    overflow: hidden
}

@media (max-width: 1440px) {
    .steck-fb__buttons {
        gap: calc(13px + 3 * ((100vw - 320px) / 1120))
    }

    .steck-fb__btn-back {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120));
        padding-top: calc(7px + 3 * ((100vw - 320px) / 1120));
        padding-bottom: calc(7px + 3 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 479.98px) {
    .steck-fb__btn-back {
        padding-right: 20px;
        padding-left: 20px
    }
}

.steck-fb__btn-back::before {
    background-image: url(../../img/arrow-select-white.svg);
    margin-right: 8px;
    margin-left: -10px
}

.steck-fb__send-resume {
    font-size: 16px;
    padding: 10px 24px
}

@media (max-width: 479.98px) {
    .steck-fb__send-resume {
        padding-right: 20px;
        padding-left: 20px
    }
}

.steck__knowledge {
    margin-bottom: 64px
}

@media (max-width: 1440px) {
    .steck-fb__send-resume {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120));
        padding-top: calc(7px + 3 * ((100vw - 320px) / 1120));
        padding-bottom: calc(7px + 3 * ((100vw - 320px) / 1120))
    }

    .steck__knowledge {
        margin-bottom: calc(30px + 34 * ((100vw - 320px) / 1120))
    }
}

.why-cool__list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    -moz-column-gap: 32px;
    column-gap: 32px;
    margin-bottom: 64px
}

.cards-o__body, .ltc-p__list {
    grid-template-columns:repeat(4, auto)
}

@media (max-width: 991.98px) {
    .why-cool__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 28px
    }
}

.why-cool__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    gap: 16px
}

@media (max-width: 1440px) {
    .why-cool__list {
        margin-bottom: calc(32px + 32 * ((100vw - 320px) / 1120))
    }

    .why-cool__item {
        gap: calc(8px + 8 * ((100vw - 320px) / 1120))
    }
}

.why-cool__item::before {
    background-image: url(/img/sahalin-work-square.svg)
}

.why-cool__item_title {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.why-cool__item_text {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #392b4b
}

.about-work_title {
    margin-bottom: 20px
}

@media (max-width: 1440px) {
    .about-work_title {
        margin-bottom: calc(24px + -4 * ((100vw - 320px) / 1120))
    }
}

.steck__ol {
    margin: 0
}

.steck__ol li:not(:last-child) {
    margin-bottom: 40px
}

@media (max-width: 1440px) {
    .steck__ol li:not(:last-child) {
        margin-bottom: calc(20px + 20 * ((100vw - 320px) / 1120))
    }
}

.steck__ol li::marker {
    font-size: inherit;
    color: inherit
}

.fw {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 767.98px) {
    .why-cool__item::before {
        width: 16px;
        height: 16px
    }

    .fw {
        -moz-column-gap: 4px;
        column-gap: 4px;
        row-gap: 11px
    }
}

.fw2 {
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 64px
}

.main__text-white {
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1440px) {
    .fw2 {
        margin-bottom: calc(17px + 47 * ((100vw - 320px) / 1120))
    }

    .main__text-white {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120));
        line-height: calc(14px + 10 * ((100vw - 320px) / 1120))
    }
}

.main__text-yellow {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: #e6a72f;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 1440px) {
    .main__text-yellow {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120));
        line-height: calc(14px + 10 * ((100vw - 320px) / 1120))
    }
}

.steck-lb {
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

@media (max-width: 991.98px) {
    .steck-lb {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.steck-lb__image {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    background: url(../../img/work-hands_bg.svg) center no-repeat #7d59ca;
    position: relative;
    background-size: cover;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1200px) {
    .steck-lb__image {
        max-height: 600px
    }
}

.steck-lb__image img {
    position: relative;
    transform: scale(.9)
}

@media (max-width: 1200px) {
    .about-work .about-work__img-pc {
        position: relative;
        left: -100px
    }

    .steck-lb__image img {
        transform: scale(.8)
    }
}

@media (max-width: 991.98px) {
    .steck-lb__image {
        margin-bottom: 30px;
        background: 0 0
    }

    .steck-lb__image img {
        transform: scale(1)
    }

    .steck-lb__title-pc {
        display: none
    }
}

@media (min-width: 991.98px) {
    .steck-lb__title-mob {
        display: none
    }
}

.steck-form__notice-mob {
    margin-top: 8px
}

@media (max-width: 767.98px) {
    .steck-form__notice-pc, .steck-lb__image-pc {
        display: none
    }
}

@media (min-width: 767.98px) {
    .steck-form__notice-mob, .steck-lb__image-mob {
        display: none
    }
}

.steck-lb__form-container {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.steck-lb__title {
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    color: #392b4b;
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .steck-lb__title {
        font-size: calc(24px + 24 * ((100vw - 320px) / 1120));
        line-height: calc(32px + 24 * ((100vw - 320px) / 1120));
        margin-bottom: calc(17px + 7 * ((100vw - 320px) / 1120))
    }
}

.steck-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 24px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.steck-form__info_mail input, .steck-form__info_name input, .steck-form__message textarea {
    margin-top: 4px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box
}

.steck-form__about {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.steck-form__info {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    gap: 24px
}

.steck-form__info_name input {
    border: 1px solid #efe8f8;
    border-radius: 8px;
    width: 100%
}

.steck-form__info_mail input {
    border: 1px solid #efe8f8;
    border-radius: 8px;
    width: 100%
}

.steck-form__message {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px
}

.steck-form__message textarea {
    border: 1px solid #efe8f8;
    border-radius: 8px;
    height: 100px
}

.steck-form .steck-form__file_con {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 16px
}

.steck-form__file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 12px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.steck-form__file label {
    cursor: pointer;
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #966cee;
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    box-sizing: border-box;
    border-radius: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 16px
}

.steck-form .input__file {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #392b4b;
    padding: 3px 32px 0;
    position: relative
}

.steck-form .input__file::-webkit-file-upload-button {
    display: none
}

.steck-form .input__file::before {
    content: "";
    position: absolute;
    background-image: url(../../img/work-file.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    left: 0
}

.steck-form__foot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px
}

.steck-form__notice {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #a897bd
}

@media (max-width: 1440px) {
    .steck-form__notice {
        font-size: calc(14px + -2 * ((100vw - 320px) / 1120));
        line-height: calc(18px + -2 * ((100vw - 320px) / 1120))
    }
}

.steck-form__button, .title__span {
    font-style: normal;
    font-size: 16px;
    line-height: 24px
}

.steck-form__button {
    font-weight: 600;
    color: #fff;
    padding: 10px 24px;
    background: #966cee;
    border-radius: 8px
}

.teacher-e__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

@media (max-width: 1440px) {
    .teacher-e__list {
        gap: calc(20px + 20 * ((100vw - 320px) / 1120))
    }
}

.item-t {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px
}

@media (max-width: 767.98px) {
    .steck-form__file {
        margin-bottom: 28px
    }

    .steck-form__button {
        width: 100%
    }

    .item-t {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: start;
        gap: 12px
    }
}

.item-t__image {
    position: relative;
    display: block;
    cursor: pointer
}

.item-t__image::after, .item-t__image::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all .3s ease 0s
}

.item-t__image::after {
    background: url(../../img/hover-icon.svg) center no-repeat;
    background-size: 30px 30px;
    width: 96px;
    height: 96px
}

@media (max-width: 1440px) {
    .item-t__image::after {
        width: calc(56px + 40 * ((100vw - 320px) / 1120));
        height: calc(56px + 40 * ((100vw - 320px) / 1120))
    }
}

.item-t__image::before {
    background: linear-gradient(0deg, rgba(57, 43, 75, .3), rgba(57, 43, 75, .3));
    width: 96px;
    height: 96px
}

.admin-bar, .teacher-sk__item {
    border: 1px solid #efe8f8;
    box-sizing: border-box
}

@media (max-width: 1440px) {
    .item-t__image::before {
        width: calc(56px + 40 * ((100vw - 320px) / 1120));
        height: calc(56px + 40 * ((100vw - 320px) / 1120))
    }
}

.item-t__image img {
    width: 96px;
    height: 96px
}

@media (max-width: 1440px) {
    .item-t__image img {
        width: calc(56px + 40 * ((100vw - 320px) / 1120));
        height: calc(56px + 40 * ((100vw - 320px) / 1120))
    }
}

.item-t__education-profile::before, .item-t__period::before, .item-t__work::before {
    content: "";
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.item-t__title {
    margin-bottom: 16px
}

.item-t__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

@media (max-width: 1440px) {
    .item-t__title {
        margin-bottom: calc(12px + 4 * ((100vw - 320px) / 1120))
    }

    .item-t__info {
        gap: calc(8px + 4 * ((100vw - 320px) / 1120))
    }
}

.item-t__education-profile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    gap: 12px
}

.item-t__period, .item-t__work {
    display: -ms-flexbox;
    gap: 12px;
    position: relative
}

.item-t__education-profile::before {
    position: relative;
    background-image: url(../../img/e-profile.svg)
}

.item-t__period {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.item-t__period::before {
    position: relative;
    background-image: url(../../img/e-time.svg)
}

.item-t__work {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.item-t__work::before {
    position: relative;
    background-image: url(../../img/work-case.svg)
}

.teacher-sk__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.teacher-sk__item {
    font-weight: 600;
    color: #392b4b;
    border-radius: 8px;
    padding: 8px 16px
}

.modal__image {
    width: 400px
}

@media (max-width: 1440px) {
    .teacher-sk__list {
        gap: calc(12px + -4 * ((100vw - 320px) / 1120))
    }

    .teacher-sk__item {
        padding-top: calc(4px + 4 * ((100vw - 320px) / 1120));
        padding-bottom: calc(4px + 4 * ((100vw - 320px) / 1120));
        padding-left: calc(12px + 4 * ((100vw - 320px) / 1120));
        padding-right: calc(12px + 4 * ((100vw - 320px) / 1120))
    }

    .modal__image {
        width: calc(270px + 130 * ((100vw - 320px) / 1120))
    }
}

.slide-ss {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 160px;
    margin-right: 24px
}

.slide-ss__preview {
    cursor: pointer;
    width: 160px;
    height: 227px;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.slide-ss__preview::before, .slide-ss__preview_hover::after, .slide-ss__preview_hover::before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    left: 0;
    bottom: 0
}

@media (any-hover: hover) {
    .item-t__image:hover::after, .item-t__image:hover::before, .slide-ss__preview:hover .slide-ss__preview_hover::after, .slide-ss__preview:hover .slide-ss__preview_hover::before {
        opacity: 1
    }

    .slide-ss__preview:hover + .slide-ss__text {
        color: #966cee
    }
}

.slide-ss__preview::before {
    background-image: url(../../img/sert-bg.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1
}

.slide-ss__preview_hover::before {
    background: linear-gradient(0deg, rgba(57, 43, 75, .5), rgba(57, 43, 75, .5));
    opacity: 0;
    transition: all .3s ease 0s
}

.slide-ss__preview_hover::after {
    background-image: url(../../img/hover-image.svg);
    background-position: center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all .3s ease 0s
}

.swiper-button-next-s, .swiper-button-prev-s {
    top: 50%;
    transform: translate(0, -50%) matrix(-1, 0, 0, 1, 0, 0);
    border-radius: 50%;
    box-shadow: 0 6px 24px rgba(24, 29, 54, .1);
    position: absolute;
    transition: all .3s ease 0s;
    overflow: hidden;
    z-index: 2
}

.slide-ss__text {
    transition: all .3s ease 0s
}

.swiper-button-prev-s {
    left: 8px;
    background: #fff;
    width: 48px;
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767.98px) {
    .swiper-button-prev-s {
        display: none
    }
}

.swiper-button-prev-s::after {
    position: absolute;
    content: "";
    background-image: url(../../img/next-arrow.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 21px;
    width: 22px
}

.swiper-button-next-s {
    right: 8px;
    background: #fff;
    width: 48px;
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.active-number .step-n__number_circle, .module-s__item_circle, .passed .step-n__number_circle, .point-s__number, .step-n__number_circle {
    box-shadow: 0 2px 8px rgba(24, 29, 54, .1)
}

.swiper-button-next-s::after {
    position: absolute;
    content: "";
    background-image: url(../../img/next-arrow.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 21px;
    width: 22px;
    transform: rotate(-180deg)
}

.swiper-button-next-s.swiper-button-disabled, .swiper-button-prev-s.swiper-button-disabled {
    opacity: 0
}

.column-bottom {
    background: #392b4b;
    border-radius: 0 0 16px 16px;
    position: relative
}

.column-bottom::before {
    content: "";
    position: absolute;
    background-image: url(../../img/bg-arrow.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.column-bottom__link::before, .text__hide-show::after {
    content: "";
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 767.98px) {
    .column-bottom::before, .swiper-button-next-s {
        display: none
    }
}

.column-bottom__link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.column-bottom__link:not(:last-child) {
    margin-right: 32px
}

.column-bottom__link::before {
    background-image: url(../../img/link2.svg);
    width: 16px;
    height: 16px
}

.button__hide-show {
    width: 100%;
    margin-top: 32px
}

.text__hide-show {
    color: #966cee;
    font-weight: 600;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    gap: 8px
}

.text__hide-show::after {
    transition: all .3s ease 0s;
    background-image: url(../../img/arrow-purple.svg);
    width: 24px;
    height: 24px
}

.button__hide-show.to-hide .text__hide-show::after {
    transform: rotate(-180deg) translateY(-2px)
}

.b-hide-show {
    display: none
}

.ml {
    margin-bottom: 68px
}

@media (max-width: 1440px) {
    .button__hide-show {
        margin-top: calc(24px + 8 * ((100vw - 320px) / 1120))
    }

    .ml {
        margin-bottom: calc(40px + 28 * ((100vw - 320px) / 1120))
    }
}

.cards-o__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px
}

@media (max-width: 1440px) {
    .cards-o__title {
        margin-bottom: calc(24px + 8 * ((100vw - 320px) / 1120))
    }
}

.cards-o__title_text {
    margin-bottom: 0;
    margin-right: 24px
}

.cards-o__body {
    display: grid;
    gap: 15px
}

.title__span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f9f4ff;
    font-weight: 400;
    width: 28px;
    height: 28px;
    color: #966cee;
    border: 1px solid #e6e0fa;
    box-sizing: border-box;
    border-radius: 8px
}

.rat-0, .rev-o {
    display: -ms-flexbox
}

.rat-0::before, .rev-o::before, .stud-0::before {
    background-size: contain;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    content: ""
}

.rev-o {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    gap: 15px
}

.rat-0, .stud-0 {
    -ms-flex-align: center;
    gap: 15px;
    position: relative
}

.rev-o::before {
    position: relative;
    background-image: url(../../img/rupor.svg)
}

.side-info:not(:last-child) {
    margin-bottom: 12px
}

.side-link {
    font-size: 14px
}

.rat-0 {
    display: flex;
    align-items: center
}

.modal-top, .stud-0 {
    display: -ms-flexbox
}

.rat-0::before {
    position: relative;
    background-image: url(../../img/star-icon.svg)
}

.stud-0 {
    display: flex;
    align-items: center
}

.stud-0::before {
    position: relative;
    background-image: url(../../img/mentor-black.svg)
}

.modal-top {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

@media (max-width: 1440px) {
    .cards-o__title_text {
        margin-right: calc(12px + 12 * ((100vw - 320px) / 1120))
    }

    .modal-top {
        gap: calc(12px + 8 * ((100vw - 320px) / 1120))
    }
}

.important-links {
    color: #fff
}

.knowledges {
    background-color: #392b4b;
    background-image: url(../../img/knowlwdge_bg.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.knowledges__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.knowledges__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.knowledges__item::before {
    content: "";
    position: relative;
    background-image: url(/img/knowlwdge_star.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 16px
}

.admin {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-bottom: 300px
}

@media (max-width: 1440px) {
    .admin {
        margin-top: calc(16px + 16 * ((100vw - 320px) / 1120));
        margin-bottom: calc(16px + 16 * ((100vw - 320px) / 1120));
        padding-bottom: calc(60px + 240 * ((100vw - 320px) / 1120))
    }
}

.admin__main {
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.admin-bar {
    background: #fff;
    border-radius: 16px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%
}

.admin-page__container, .companies-fb__form_input {
    border: 1px solid #efe8f8;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 991.98px) {
    .admin__main {
        display: block
    }

    .admin-bar {
        display: none
    }
}

.admin-bar__list {
    margin: 0
}

.admin-bar__item:not(:last-child) {
    border-bottom: 1px solid #efe8f8
}

.admin-bar__link {
    display: block;
    font-weight: 600;
    padding: 18px 16px
}

.admin-page {
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    height: 1000px
}

.admin-page__container {
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    height: 100%
}

@media (min-width: 991.98px) {
    .companies {
        -ms-flex: 1 1 80%;
        flex: 1 1 80%
    }
}

.companies__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.companies-fb {
    border-radius: 16px;
    padding: 24px 34px;
    margin-bottom: 35px
}

@media (min-width: 991.98px) {
    .companies-fb {
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #efe8f8
    }
}

@media (max-width: 991.98px) {
    .companies-fb {
        margin-bottom: 16px;
        border-radius: unset;
        padding: 0
    }
}

.companies-fb__title {
    font-weight: 600px;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .companies-fb__title {
        font-weight: calc(700px + -100 * ((100vw - 320px) / 1120));
        font-size: calc(24px + 12 * ((100vw - 320px) / 1120));
        line-height: calc(32px + 12 * ((100vw - 320px) / 1120))
    }
}

.companies-ctrl__download, .companies-fb__form_text {
    line-height: 24px;
    color: #a897bd;
    font-size: 16px;
    font-style: normal
}

.companies-fb__form label {
    display: block
}

.companies-fb__form_text {
    font-weight: 400;
    margin-bottom: 4px
}

.companies-fb__form_input {
    background: url(../../img/search-grey.svg) right 10px top 50% no-repeat #fff;
    border-radius: 8px;
    padding: 8px;
    position: relative;
    background-size: 24px 24px
}

.companies-fb__form_input:focus {
    outline: #966cee solid 1px
}

.companies-ctrl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px
}

@media (max-width: 1440px) {
    .companies-ctrl {
        margin-bottom: calc(24px + 11 * ((100vw - 320px) / 1120))
    }
}

.companies-ctrl__add {
    margin-right: 10px
}

@media (max-width: 1200px) {
    .companies-ctrl__add {
        width: 180px
    }
}

@media (max-width: 767.98px) {
    .companies-ctrl__add {
        width: 100%
    }
}

@media (max-width: 479.98px) {
    .companies-ctrl {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 22px
    }

    .companies-ctrl__add {
        margin: 0
    }
}

.companies-ctrl__drop {
    margin-right: 10px
}

@media (max-width: 1200px) {
    .companies-ctrl__drop_text {
        width: 180px
    }
}

.companies-ctrl__drop_input {
    display: none
}

.companies-ctrl__drop_text {
    cursor: pointer
}

.companies-ctrl__download {
    font-weight: 600;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.companies-ctrl__download:active, .companies-ctrl__download:focus, .companies-ctrl__download:hover {
    color: #a897bd
}

.companies-ctrl__hide {
    position: relative;
    right: 0
}

@media (max-width: 767.98px) {
    .companies-ctrl__hide {
        position: static;
        width: 100%
    }
}

@media (max-width: 1200px) {
    .companies-ctrl__hide_btn {
        width: 180px
    }
}

.admin-f {
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 25px 42px;
    margin-bottom: 28px
}

@media (max-width: 991.98px) {
    .companies-ctrl__download, .companies-ctrl__drop {
        display: none
    }

    .admin-f {
        padding: 16px 24px
    }
}

.admin-f__item {
    margin-right: 50px
}

.admin-f__item:last-child {
    margin-right: 0
}

.admin-f__subtitle {
    margin-bottom: 12px
}

.admin-f__form_field {
    margin-bottom: 28px;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

@media (max-width: 767.98px) {
    .companies-ctrl__hide_btn {
        width: 100%
    }

    .admin-f {
        padding: 0;
        border: none;
        background: 0 0;
        border-radius: unset
    }

    .admin-f__form_field {
        margin-bottom: 14px
    }
}

.admin-f__chb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 16px;
    position: relative
}

@media (max-width: 479.98px) {
    .admin-f__chb {
        padding: 10px 12px
    }
}

.admin-f__chb_fake {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border: 2px solid #a897bd;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 8px;
    position: relative;
    z-index: 2
}

.admin-f__chb_fake::before {
    content: "";
    position: absolute;
    transition: all .3s ease 0s;
    background-image: url(/img/subtract.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    top: -2px;
    left: -2px;
    opacity: 0
}

.admin-f__chb input:checked + .admin-f__chb_fake::before, .radio-label input:checked ~ .radio-label__fake::before {
    opacity: 1
}

.admin-f__chb input {
    display: none
}

.admin-f__chb_text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #392b4b;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
    z-index: 2
}

.admin-f__chb_border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 0s;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px
}

.admin-f__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 26px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.admin-f__submit {
    display: block
}

.admin-f__reset {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #a897bd
}

.admin-f__reset::before {
    content: "";
    position: relative;
    background-image: url(../../img/eraser.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.admin-f__reset:hover {
    color: #4E4856
}

.admin-f__chb input:checked + .admin-f__chb_fake + .admin-f__chb_text + .admin-f__chb_border {
    background: #F9F4FF;
    border: 1px solid #7d59ca;
    box-sizing: border-box;
    border-radius: 8px;
    transition: border .1s, background .1s
}

.d-3 {
    display: none
}

@media (max-width: 767.98px) {
    .d-3 {
        display: block
    }

    .d-3-none {
        display: none !important
    }
}

.item-c, .item-c__con {
    display: -ms-flexbox;
    gap: 20px
}

.item-c {
    display: flex;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 19px 23px;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767.98px) {
    .item-c {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: start
    }
}

.item-c__con {
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width: 767.98px) {
    .item-c__con {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -ms-flex-align: start;
        align-items: start
    }

    .item-c__conn {
        gap: 25px
    }
}

.item-c__conn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.item-c__image {
    width: 60px;
    height: 60px;
    overflow: hidden
}

.item-c__image img {
    max-width: 100%;
    border-radius: 8px
}

.item-c__main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.item-c__title {
    margin-bottom: 8px;
    line-height: 100%
}

.item-c__about {
    display: -ms-flexbox;
    display: flex;
    gap: 50px
}

@media (max-width: 767.98px) {
    .item-c__image {
        width: 50px;
        height: 50px
    }

    .item-c__main {
        -ms-flex-item-align: center;
        align-self: center
    }

    .item-c__about, .item-c__title {
        margin: 0
    }

    .item-c__buttons {
        width: 100%
    }
}

.item-c__about_text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #a897bd
}

.item-c__about_span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #392b4b
}

.item-c__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 35px;
    margin-right: 10px;
    color: #966cee
}

.item-c__edit {
    cursor: pointer;
    padding: 10px 0;
    max-width: 140px
}

@media (max-width: 767.98px) {
    .item-c__edit {
        max-width: unset;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        background: #966cee
    }
}

.step-s__logo_btn, .step-s__preview_btn {
    max-width: 120px
}

.edit-hover {
    display: block
}

.edit-company {
    padding: 48px 16px 60px
}

@media (max-width: 767.98px) {
    .edit-company {
        padding: 16px 26px
    }
}

.edit-company__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .edit-company__top {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 18px;
        gap: 14px
    }

    .edit-company .edit-company__top {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.edit-company__title {
    margin: 0
}

@media (max-width: 479.98px) {
    .edit-company {
        padding: 16px 0
    }

    .edit-company__top {
        padding: 16px
    }

    .edit-company__btn {
        width: 100%
    }
}

.step-n__main {
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 56px;
    margin-bottom: 1.25rem
}

@media (max-width: 991.98px) {
    .step-n__main {
        overflow-x: auto;
        padding: 20px 13px 5px
    }

    .step-n__main::-webkit-scrollbar {
        display: none
    }

    .step-n__number {
        padding: 0 15px
    }
}

@media (max-width: 479.98px) {
    .step-n__main {
        border-radius: unset
    }
}

.step-n__number {
    /*cursor: pointer;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    white-space: nowrap;
}

.step-n__number_circle {
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #966CEE;
    font-weight: 600;
    transition: all .5s ease 0s
}

.step-n__number_text {
    color: #392b4b;
    transition: all .5s ease 0s;
    font-weight: 600;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.file__reset svg rect, .radio-label__fake, .radio-label__fake::before, .step-n__gap {
    transition: all .3s ease 0s
}

.step-n__gap {
    height: 0;
    border-bottom: 2px dashed #dfdbee;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px
}

.active-number .step-n__number_circle {
    background: #966CEE !important;
    color: #fff
}

.active-number .step-n__number_text {
    color: #966CEE !important
}

.passed .step-n__number_circle {
    background: #1f9756;
    color: #fff
}

.passed .step-n__number_text {
    color: #1f9756
}

.step-n__gap.passed {
    border-bottom: 2px solid #38bf7e
}

.step-s {
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    overflow: hidden;
    padding: 26px 48px;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    .step-s {
        padding: 34px 24px
    }
}

@media (max-width: 479.98px) {
    .step-s {
        border-radius: unset;
        padding: 20px 16px
    }
}

.step-s:not(.active) {
    display: none
}

.step-s__files {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 32px
}

@media (max-width: 767.98px) {
    .step-s .step-s__files, .step-s__files {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .step-s .step-s__logo {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%
    }

    .step-s .step-s__preview {
        padding: 26px 30px;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        height: 250px
    }

    .step-s .step-s__input:not(:last-child) {
        margin-bottom: 30px
    }
}

.step-s__logo, .step-s__preview {
    overflow: hidden;
    padding: 24px 60px;
    height: 200px;
    cursor: pointer
}

.step-s__logo {
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    border: 2px dashed #d0c2de;
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767.98px) {
    .step-s__logo {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%
    }
}

.step-s__logo_info, .step-s__preview_info {
    -ms-flex: 1 1 auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #a897bd;
    word-break: break-all;
    font-style: normal;
    text-align: center
}

.step-s__logo_info {
    width: 200px;
    flex: 1 1 auto;
    margin-bottom: 32px
}

.step-s__logo input {
    display: none
}

.step-s__logo_text {
    margin-bottom: 16px;
    text-align: center
}

.step-s__preview {
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    border: 2px dashed #d0c2de;
    box-sizing: border-box;
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767.98px) {
    .step-s__preview {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        height: auto
    }

    .step-s .step-s__input_text {
        font-size: 16px
    }
}

.step-s__preview_info {
    flex: 1 1 auto;
    width: 200px;
    margin-bottom: 32px
}

.step-s__preview input {
    display: none
}

.step-s__preview_text {
    margin-bottom: 6px;
    text-align: center
}

.step-s__input {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.step-s__input:not(:last-child) {
    margin-bottom: 24px
}

.step-s__input_text {
    margin-bottom: 8px
}

.step-s__radio_text {
    margin-bottom: 16px
}

.step-s__radio_inputs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px
}

@media (max-width: 767.98px) {
    .step-s__radio_inputs {
        gap: 24px
    }
}

.step-s__license {
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    margin-bottom: 36px
}

@media (max-width: 767.98px) {
    .step-s__license {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        margin-bottom: 24px
    }
}

.step-s__history_title {
    margin-bottom: 2rem
}

.step-s__history_add {
    max-width: 192px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 64px;
    padding: 10px 0;
    font-weight: 600
}

@media (max-width: 1440px) {
    .step-s__history_add {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
        line-height: calc(14px + 10 * ((100vw - 320px) / 1120));
        margin-bottom: calc(48px + 16 * ((100vw - 320px) / 1120))
    }
}

.step-s__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 15px
}

@media (max-width: 767.98px) {
    .step-s__history_add {
        max-width: unset;
        width: 100%
    }

    .step-s__buttons {
        margin-top: 24px
    }
}

.step-s__next_btn, .step-s__prev_btn {
    max-width: 182px
}

.input__text-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px
}

.input__add {
    margin-bottom: 24px
}

.gapper-el {
    gap: 15px
}

.input__add-row {
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.license__input {
    margin: 0
}

.radio-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    cursor: pointer
}

.radio-label input {
    display: none
}

.radio-label input:checked ~ .radio-label__fake {
    border: 2px solid #966cee
}

.radio-label__fake {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border: 2px solid #a897bd;
    box-sizing: border-box;
    border-radius: 8px;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px
}

.benefits-s__item:not(:last-child), .gap__item:not(:last-child) {
    border-bottom: 1px solid #efe8f8
}

.radio-label__fake::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #966cee;
    position: relative;
    border-radius: 8px;
    opacity: 0
}

.benefits-s__item:first-child {
    padding-bottom: 48px
}

.benefits-s__item:not(:first-child) {
    padding: 48px 0
}

.benefits-s__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px
}

.benefits-s__title .pop-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all .3s ease 0s
}

@media (any-hover: hover) {
    .benefits-s__title .pop-btn:hover {
        transform: scale(1.4)
    }

    .file__reset:hover svg rect {
        fill: red
    }
}

.range__info-end, .range__info-start {
    transform: translate(0, 4px);
    position: absolute
}

.benefits-s__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.benefits-s__bottom_add {
    max-width: 192px
}

@media (max-width: 767.98px) {
    .benefits-s__bottom {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 34px;
        width: 100%
    }

    .benefits-s__bottom_add {
        max-width: unset;
        width: 100%
    }
}

.benefits-s__bottom_text {
    max-width: 330px
}

.benefits-s__bottom_text span {
    font-weight: 700
}

.step-s__data {
    margin-bottom: 64px
}

.gap__item:first-child {
    padding-bottom: 40px
}

.gap__item:not(:first-child) {
    padding: 40px 0
}

.ww {
    width: 100%
}

.modal-content {
    border-radius: 16px
}

.step-s__selects {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

.step-s__select_label {
    display: block;
    width: 320px
}

.step-s__title {
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: #392b4b;
    margin-bottom: 36px
}

@media (max-width: 767.98px) {
    .benefits-s__bottom_text {
        max-width: unset
    }

    .gap__item:first-child {
        padding-bottom: 16px
    }

    .gap__item:not(:first-child) {
        padding: 16px 0
    }

    .modal-bp {
        padding: 24px 16px !important
    }

    .step-s__selects {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .step-s__select_label {
        width: 100%
    }

    .step-s__title {
        font-weight: 600;
        margin-bottom: 16px
    }
}

.step-s__point-light {
    background: #fbfafd;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 30px 36px 40px
}

@media (max-width: 767.98px) {
    .step-s__point-light {
        padding: 21px 14px
    }

    .mmb {
        margin-bottom: 13px !important
    }

    .mmbb {
        margin-bottom: 24px !important
    }
}

.textarea__label {
    margin-bottom: 24px;
    display: block
}

.textarea__label textarea::-moz-placeholder {
    position: relative;
    top: -7px
}

.textarea__label textarea:-ms-input-placeholder {
    position: relative;
    top: -7px
}

.textarea__label textarea::placeholder {
    position: relative;
    top: -7px
}

@media (max-width: 767.98px) {
    .textarea__label {
        margin: 0
    }

    .point-s-m {
        padding: 20px 14px
    }
}

.point-s__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px
}

.point-s__number {
    font-weight: 600;
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px
}

.sale__total-number, .tag {
    font-weight: 400;
    font-style: normal
}

.point-s__label {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.file__input {
    display: none
}

.file__con {
    margin-bottom: 16px
}

.file__label {
    margin-bottom: 34px;
    display: block;
    cursor: pointer
}

.file__button {
    padding: 8px 0;
    max-width: 160px
}

.teacher-s {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    overflow-x: auto
}

.teacher-s__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 16px;
    height: 280px;
    width: 300px
}

.teacher-s__main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.teacher-s__avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #c4c4c4;
    margin-bottom: 16px
}

.teacher-s__name {
    margin-bottom: 8px
}

.teacher-s__experience {
    color: rgba(0, 0, 0, .5)
}

.teacher-s__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.teacher-s__edit {
    padding: 8px 0;
    max-width: 230px
}

.teacher-s__reset {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #feeee6;
    border: 1px solid #ffc8c5;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 9px 12px
}

.teacher-s__add {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    border: 2px dashed #e6e0fa;
    border-radius: 16px;
    height: 280px;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px
}

.item-cs, .module-s__body {
    border: 1px solid #efe8f8
}

.course-s__list {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.course-s__form_labels {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 28px
}

@media (max-width: 81.25em) {
    .course-s__form_labels {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.item-cs {
    background: #fff;
    border-radius: 16px;
    display: grid;
    grid-template-columns:min-content auto;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .item-cs {
        display: -ms-flexbox;
        display: flex;
        background: #fff;
        border: 1px solid #efe8f8;
        box-sizing: border-box;
        border-radius: 16px;
        padding: 12px 16px;
        gap: 20px;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
    .item-cs {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 767.98px) {
    .item-cs__con {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: start;
        gap: 20px
    }
}

.item-cs__image {
    background-color: #c4c4c4;
    width: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 991.98px) {
    .item-cs__image {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        overflow: hidden;
        background-color: #c4c4c4;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px
    }
}

@media (max-width: 767.98px) {
    .item-cs__image {
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        width: 50px;
        height: 50px
    }
}

.item-cs__main {
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 45px 12px 24px
}

@media (max-width: 1200px) {
    .item-cs__main {
        padding: 12px;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 991.98px) {
    .item-cs__main {
        padding: 0
    }
}

.item-cs__top {
    max-width: 280px
}

@media (max-width: 767.98px) {
    .item-cs__main {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .item-cs__top {
        max-width: 180px
    }
}

.item-cs__top_company {
    margin-bottom: 4px
}

.item-cs__about {
    padding-right: 15px;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width: 767.98px) {
    .item-cs__about {
        padding: 0;
        margin: 14px 0;
        gap: 40px;
        -ms-flex-item-align: center;
        align-self: center
    }

    .item-cs__buttons {
        width: 100%
    }
}

@media (max-width: 479.98px) {
    .item-cs__about {
        gap: 20px
    }
}

.item-cs__about_date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.item-cs__about_text {
    margin-bottom: 4px
}

.mb, .sale__total-span {
    margin-bottom: 32px
}

.item-cs__about_price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.item-cs__buttons {
    color: #966cee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.course-s__button {
    margin-top: 24px
}

.range__label {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 8px
}

.range__progress, .range__progress-p {
    position: absolute;
    height: 8px;
    width: 50%;
    background: #e6e0fa;
    border-radius: 20px;
    top: 0;
    left: 0
}

.range__info-start {
    left: 0
}

.range__info-end {
    right: 0
}

.range__input, .range__input-p {
    min-width: 320px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 8px;
    outline: 0;
    -webkit-appearance: none;
    background: #f9f4ff;
    border-radius: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1440px) {
    .step-s__title {
        font-size: calc(20px + 8 * ((100vw - 320px) / 1120));
        line-height: calc(28px + 8 * ((100vw - 320px) / 1120))
    }

    .range__input, .range__input-p {
        min-width: calc(160px + 160 * ((100vw - 320px) / 1120))
    }
}

.range__input-p::-webkit-slider-thumb, .range__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #966cee;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: all .1s ease 0s;
    position: relative;
    z-index: 2;
    cursor: grab
}

.range__input-p::-webkit-slider-thumb:active, .range__input::-webkit-slider-thumb:active {
    cursor: grabbing
}

.abus-step-number, .cab-tp__avatar_button, .homow__top_showmore, .item-btn-1, .item-btn-2, .item-btn-3, .item__btn-row, .ltc-f__item_title, .ltc-ff__item_title, .nt__checkboxes label, .pbbi__bodys .pbbi__cus-btn, .per {
    cursor: pointer
}

.range__input-p::-webkit-slider-thumb:active, .range__input-p::-webkit-slider-thumb:hover, .range__input::-webkit-slider-thumb:active, .range__input::-webkit-slider-thumb:hover {
    width: 20px;
    height: 20px
}

.input__sale {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px
}

@media (max-width: 991.98px) {
    .input__sale {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }
}

.sale__main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.sale__total {
    background: #7d59ca;
    border-radius: 16px;
    color: #fff;
    text-align: center;
    padding: 30px;
    max-width: 320px
}

@media (max-width: 991.98px) {
    .sale__total {
        padding: 25px
    }
}

@media (max-width: 767.98px) {
    .sale__total {
        max-width: unset;
        width: 100%
    }
}

.sale__total-number {
    font-size: 50px;
    line-height: 36px
}

.range__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    margin-bottom: 36px
}

.range__input-info, .range__input-info-p {
    text-align: center;
    max-width: 67px
}

.checkbox-s__list {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    row-gap: 8px
}

.checkbox__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 15px
}

.checkbox__label input {
    display: none
}

.checkbox__label input:checked ~ .checkbox__fake::before {
    opacity: 1
}

.checkbox__fake {
    height: 16px;
    width: 16px;
    border: 2px solid #a897bd;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px
}

.checkbox__fake::before {
    content: "";
    position: absolute;
    transition: all .3s ease 0s;
    background-image: url(/img/subtract.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    top: -2px;
    left: -2px;
    opacity: 0
}

.checkbox__text {
    color: #392b4b
}

.module-s__body {
    background: #fbfafd;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 34px
}

.module-s__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 24px
}

.module-s__item {
    margin-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.module-s__item_circle {
    background: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.module-s__item_main {
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 10px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.module-s__add {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #966cee;
    position: relative
}

.module-s__add::before {
    content: "";
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url(../../img/plus.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.module-s__item-btn {
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.module-s__text {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.gp__checkbox {
    -ms-flex-pack: start;
    justify-content: start;
    padding: 0 70px;
    margin-bottom: 16px;
    gap: 34px
}

@media (max-width: 1440px) {
    .gp__checkbox {
        margin-bottom: calc(8px + 8 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 767.98px) {
    .checkbox-s__list {
        grid-template-columns:1fr
    }

    .gp__checkbox {
        padding: 0
    }
}

.gp__text {
    padding: 0 104px;
    margin-bottom: 48px
}

@media (max-width: 1440px) {
    .gp__text {
        margin-bottom: calc(24px + 24 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 479.98px) {
    .ss {
        width: 230px !important
    }
}

@media (max-width: 767.98px) {
    .gp__text {
        margin: 0;
        padding: 0
    }

    .gp__chec {
        background: #efe8f8;
        padding: 11px 17px;
        margin-bottom: 14px
    }
}

@media (max-width: 991.98px) {
    .gp__row {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .gp__roww {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.gp-bbtn {
    max-width: 150px
}

.prof-e__bottom_btn, .prof-e__top_btn {
    max-width: 120px
}

.gp-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: end
}

.special-education {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.special-education__text {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.special-education__item {
    height: 352px
}

.training__item {
    height: 340px
}

.experience__item {
    height: 250px
}

.diplom {
    background: #fff;
    box-shadow: inset 0 -1px 0 #e4e9f0, inset 0 1px 0 #e4e9f0;
    margin: 24px 0;
    padding: 16px 0
}

.diplom__text {
    margin-bottom: 8px
}

.diplom__status {
    color: #168c4c
}

.prof-e__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px
}

@media (max-width: 1440px) {
    .prof-e__top {
        margin-bottom: calc(24px + 8 * ((100vw - 320px) / 1120))
    }
}

.prof-e__top_title {
    margin: 0
}

.fjdl, .input__add_tags {
    margin-top: 12px
}

.prof-e__top_buttons {
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.input__add_tags-green .tag-items_i {
    background: #e4ffec;
    border: 1px solid #38bf7e;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 4px 12px;
    color: #168c4c
}

.input__add_tags-yellow .tag-items_i {
    background: #faefdc;
    border: 1px solid #f3a919;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 4px 12px;
    color: #c4790a
}

.input__add_tags-red .tag-items_i {
    background: #fdf0f7;
    border: 1px solid #fac6eb;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 4px 12px;
    color: #af5897
}

.tag {
    position: relative;
    left: 10px;
    top: -40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #6c4faa;
    font-size: 16px;
    line-height: 24px;
    background: #f9f4ff;
    border: 1px solid #cac3f8;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 4px 8px
}

.chat-s__menu, .chat-s__money {
    background: #fff;
    box-sizing: border-box
}

.prof-e__bottom_buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: end;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.tag-items {
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-align: center;
    align-items: center
}

.tag-items_i {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.pr, .step-s__row {
    display: -ms-flexbox;
    position: relative
}

.step-s__row {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px
}

.pr {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 28px
}

.pr .step-s__radio_text {
    margin: 0 12px 0 0
}

.ff {
    width: auto;
    -ms-flex: 1 0 300px;
    flex: 1 0 300px
}

.prof-mi {
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    margin-bottom: 32px
}

@media (max-width: 1440px) {
    .tag {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
        line-height: calc(20px + 4 * ((100vw - 320px) / 1120))
    }

    .prof-mi {
        margin-bottom: calc(24px + 8 * ((100vw - 320px) / 1120))
    }
}

.prof-ma__input {
    display: none
}

.prof-ma__preview {
    width: 200px;
    height: 200px;
    display: block;
    margin-bottom: 16px;
    border-radius: 16px;
    overflow: hidden
}

.prof-ma__preview_i {
    width: 200px;
    height: 200px;
    background-color: #fff
}

.prof-ma__button {
    max-width: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.prof-mm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.container__filters {
    position: absolute;
    top: -9999px;
    transform: translateY(20%);
    opacity: 0;
    transition: transform .2s, opacity .3s
}

.menu-chat__link, .videos-sl__link_text {
    transition: all .3s ease 0s
}

.container__filters.is-active {
    display: block;
    position: static;
    top: 0;
    opacity: 1;
    transform: translateY(0)
}

.chat {
    margin-top: 32px
}

@media (max-width: 1200px) {
    .chat {
        margin-bottom: 16px
    }

    .conn {
        display: block;
        margin: 0;
        padding-bottom: 16px
    }
}

.chat-bb {
    display: none
}

@media (max-width: 1200px) {
    .chat-bb {
        display: block
    }

    .chat-s {
        display: none
    }
}

.chat-s__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.chat-s__money {
    border: 1px solid #efe8f8;
    border-radius: 16px;
    height: 88px;
    padding: 0 24px
}

.chat-s__btn {
    max-width: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px
}

.chat-s__menu {
    border: 1px solid #efe8f8;
    border-radius: 16px;
    overflow: hidden
}

.money-chat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.menu-chat__list {
    margin: 0
}

.menu-chat__item.unchecked .menu-chat__link p {
    position: relative
}

.menu-chat__item.unchecked .menu-chat__link p::before {
    content: "";
    background: #f3a919;
    border-radius: 50%;
    position: absolute;
    width: 6px;
    height: 6px;
    right: -10px
}

.menu-chat__item:not(:last-child) {
    border-bottom: 1px solid #efe8f8
}

.menu-chat__link {
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 16px
}

@media (any-hover: hover) {
    .menu-chat__link:hover {
        background: #f9f4ff;
        box-shadow: inset 4px 0 0 #966cee
    }
}

.menu-chat__link p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.menu-chat__number {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #c4790a;
    background: #faefdc;
    border-radius: 37px;
    padding: 1px 8px 3px
}

.chat-b__dialog_name, .chat-b__dialog_status {
    font-style: normal;
    font-size: 16px;
    line-height: 24px
}

.chat-b {
    padding: 0;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    margin-bottom: 54px
}

@media (max-width: 1200px) {
    .chat-b {
        display: -ms-flexbox;
        display: flex;
        max-width: unset;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.chat-b__container {
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.chat-b__dialog_top, .mes-chat__top {
    height: 76px;
    border-bottom: 1px solid #efe8f8
}

@media (max-width: 767.98px) {
    .chat-b {
        border-radius: unset;
        margin-bottom: 0
    }

    .chat-b__container {
        overflow: hidden
    }
}

.mes-chat, .mes-chat__list {
    overflow-y: auto
}

.chat-b__con {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.chat-b__messages {
    -ms-flex: .3 0 330px;
    flex: .3 0 330px;
    border-right: 1px solid #efe8f8;
    box-sizing: border-box
}

.chat-b__dialog {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.chat-b__dialog_top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 0 24px
}

.chat-b__dialog_name {
    font-weight: 600;
    color: #392b4b
}

.chat-b__dialog_status {
    font-weight: 400;
    color: #a897bd
}

@media (max-width: 991.98px) {
    .mes-chat {
        display: none
    }
}

.mes-chat__top {
    padding: 16px
}

.mes-chat__search {
    display: block;
    position: relative
}

.mes-chat__search::before {
    content: "";
    position: absolute;
    background-image: url(../../img/search-grey.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px
}

.per, .per.unchecked {
    position: relative
}

.mes-chat__list {
    margin: 0;
    overflow-x: hidden;
    max-height: 1000px
}

.mes-chat__item {
    padding: 16px
}

.mes-chat__item:not(:last-child) {
    border-bottom: 1px solid #efe8f8
}

.per {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 36px
}

.per.unchecked::after, .per::before {
    position: absolute;
    font-size: 12px;
    line-height: 16px;
    right: 16px;
    font-style: normal
}

.per.unchecked::after {
    content: attr(data-unread);
    font-weight: 500;
    color: #fff;
    background: #19b47c;
    width: 20px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    bottom: 16px
}

.per.active {
    background: #f9f4ff;
    box-shadow: inset 4px 0 0 #966cee
}

.per::before {
    content: attr(data-time);
    font-weight: 400;
    color: #a897bd;
    top: 16px
}

.per__avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%
}

.per__name {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #392b4b;
    margin-bottom: 4px
}

.per__mes {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #392b4b;
    max-width: 130px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-height: 1.3em;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 767.98px) {
    .per__mes {
        width: 350px
    }
}

@media (max-width: 767.98px) and (max-width: 1440px) {
    .per__mes {
        width: calc(150px + 200 * ((100vw - 320px) / 1120))
    }
}

.chat-m {
    padding: 32px 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.chat-b__con {
    height: 680px;
    overflow: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.message-incom, .message-theme {
    -ms-flex-item-align: end;
    overflow-wrap: anywhere;
    font-style: normal;
    align-self: end;
    font-weight: 400
}

.chat-mm {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 58px 12px 16px
}

.chat-mm:not(:last-child) {
    margin-bottom: 8px
}

@media (max-width: 479.98px) {
    .chat-mm {
        position: relative;
        right: 20px
    }

    .chat-i {
        margin-right: 35px
    }
}

.message-theme {
    background: #f5f4f8;
    border-radius: 4px 4px 4px 0;
    position: relative;
    max-width: 60%;
    font-size: 16px;
    line-height: 24px;
    color: #392b4b
}

@media (max-width: 767.98px) {
    .message-theme {
        max-width: unset
    }
}

.message-theme::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -12px;
    width: 12px;
    height: 12px;
    border: 12px solid transparent;
    border-right: 12px solid #f5f4f8;
    border-bottom: 12px solid #f5f4f8
}

.message-theme::after {
    content: attr(data-time);
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #a897bd;
    right: 16px;
    bottom: 12px
}

.message-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.message-incom {
    background: #6c4faa;
    border-radius: 4px 4px 0;
    position: relative;
    max-width: 60%;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

@media (max-width: 767.98px) {
    .message-incom {
        max-width: unset
    }
}

.message-incom::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -12px;
    width: 12px;
    height: 12px;
    border: 12px solid transparent;
    border-left: 12px solid #6c4faa;
    border-bottom: 12px solid #6c4faa
}

.image-incom, .image-theme {
    border-radius: 16px;
    padding: 0;
    max-width: 200px
}

.message-incom::after {
    content: attr(data-time);
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #a897bd;
    right: 16px;
    bottom: 12px
}

.chat-i__box textarea, .message-file__name {
    font-style: normal;
    font-size: 16px;
    line-height: 24px
}

.image-theme img {
    max-width: 200px
}

.image-incom {
    -ms-flex-item-align: end;
    align-self: end
}

.image-incom img {
    max-width: 200px
}

.chat-i {
    background: #fbfafd;
    box-shadow: 0 -1px 0 #e4e9f0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 16px
}

.chat-i__box {
    padding: 0 16px;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.chat-i__box textarea {
    width: 100%;
    outline: 0;
    border: none;
    resize: none;
    font-weight: 400;
    color: #392b4b;
    padding: 10px 0;
    max-height: 100px;
    height: 48px
}

.message-file__name, .message-file__size {
    font-weight: 400;
    color: #fff
}

.mes-f__item, .mes-f__top {
    padding: 16px;
    border-bottom: 1px solid #efe8f8
}

.message-file__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.cab-bottom-button p, .message-file__size {
    font-size: 12px;
    line-height: 16px;
    font-style: normal
}

.mes-f {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.mes-f__list {
    max-height: 800px;
    overflow-y: auto
}

.mes-f__item {
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.ab-ttt {
    max-width: 100%;
    margin: 0
}

.mlll {
    margin-left: 0;
    padding-right: 24px
}

.no-eff {
    border: none;
    border-radius: unset;
    background: 0 0
}

.no-border {
    border: none !important
}

.nn {
    padding: 12px 16px
}

.t-mb {
    margin-bottom: 40px
}

.cab-t__body {
    padding: 0;
    box-sizing: border-box;
    border-radius: 16px;
    margin-bottom: 54px
}

@media (max-width: 1200px) {
    .cab-t__body {
        display: -ms-flexbox;
        display: flex;
        max-width: unset;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.cab-t__warning, .rr {
    display: -ms-flexbox;
    width: 100%
}

@media (max-width: 767.98px) {
    .cab-t__body {
        border-radius: unset;
        margin-bottom: 0
    }
}

.cab-t {
    margin-top: 52px
}

.cab-t__warning {
    background: #fffded;
    border: 1px solid #fcdda2;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 32px
}

@media (max-width: 1440px) {
    .cab-t {
        margin-top: calc(16px + 36 * ((100vw - 320px) / 1120))
    }

    .cab-t__warning {
        margin-bottom: calc(24px + 8 * ((100vw - 320px) / 1120))
    }
}

@media (min-width: 1200px) {
    .cab-t__warning {
        height: 88px
    }
}

@media (max-width: 767.98px) {
    .cab-t__warning {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: start
    }
}

.cab-t__warning_icon {
    -ms-flex: 0 0 24px;
    flex: 0 0 24px
}

@media (max-width: 479.98px) {
    .cab-t__warning_icon {
        position: relative;
        transform: scale(.85)
    }
}

.cab-t__warning_btn {
    max-width: 132px
}

.rr {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px
}

.w {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.radial-progress {
    height: auto;
    max-width: 200px;
    transform: rotate(-90deg);
    width: 100%
}

.radial-progress circle {
    fill: transparent;
    stroke: #493b5c;
    stroke-dashoffset: 219.91148575129;
    stroke-width: 10
}

.radial-progress circle.incomplete {
    opacity: .25
}

.radial-progress circle.complete {
    stroke-dasharray: 219.91148575129
}

.radial-progress text {
    fill: #fff;
    text-anchor: middle
}

@media (max-width: 767.98px) {
    .radial-progress {
        max-width: 50px
    }

    .radial-progress text {
        display: none
    }
}

svg.radial-progress circle {
    stroke: #F9F4FF
}

.cab-t__top {
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .cab-t__top {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.cab-t__person {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .cab-t__person {
        background-color: transparent;
        border-radius: unset;
        border: none;
        overflow: visible;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.cab-t__progress, .ltc-f, .radd {
    overflow: hidden
}

.cab-t__progress {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    background: #392b4b;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px
}

.cab-bottom-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.cab-bottom-button p {
    font-weight: 600;
    color: #966cee
}

.cab-tp {
    display: -ms-flexbox;
    display: flex
}

.cab-tp__avatar {
    width: 200px;
    height: 100%;
    background-image: url(../../img/ava_teacher-square.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width: 991.98px) {
    .cab-tp__avatar {
        border-radius: 16px;
        overflow: hidden;
        height: auto;
        min-height: 120px;
        width: 120px
    }

    .cab-tp__avatar_con {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px
    }

    .cab-tp__body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.cab-tp__avatar_label {
    margin: 8px
}

.cab-tp__avatar_input {
    display: none
}

.cab-tp__body {
    padding: 16px 24px
}

.cab-tp__teacher {
    margin-bottom: 30px
}

@media (max-width: 1440px) {
    .cab-tp__teacher {
        margin-bottom: calc(24px + 6 * ((100vw - 320px) / 1120))
    }
}

.cab-tp__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    margin: 0
}

.cab-tp__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cab-tp__item_body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.cab-tp__item_text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #392b4b
}

@media (max-width: 1440px) {
    .cab-tp__item_text {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120));
        line-height: calc(16px + 8 * ((100vw - 320px) / 1120))
    }
}

.cab-tp__item_span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #a897bd
}

.cab-tpr__item_text, .rad__con_num, .rad__con_text {
    font-weight: 600;
    font-style: normal
}

@media (max-width: 1440px) {
    .cab-tp__item_span {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120));
        line-height: calc(16px + 8 * ((100vw - 320px) / 1120))
    }
}

.rad__con {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 767.98px) {
    .rad__con {
        width: 100%;
        padding-bottom: 18px;
        margin-bottom: 16px;
        border-bottom: 1px solid #615473;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        -ms-flex-align: center;
        align-items: center
    }
}

.rad__con_text {
    font-size: 10px;
    line-height: 16px;
    color: #a897bd
}

.rad__con_num {
    font-size: 32px;
    line-height: 36px;
    color: #fff
}

.cab-tpr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    padding: 16px 24px
}

@media (max-width: 991.98px) {
    .cab-tpr {
        gap: 40px
    }
}

@media (max-width: 767.98px) {
    .cab-tpr {
        gap: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.cab-tpr__list {
    display: grid;
    grid-template-columns:repeat(2, auto);
    margin: 0;
    gap: 40px
}

@media (max-width: 991.98px) {
    .cab-tpr__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px
    }
}

@media (max-width: 479.98px) {
    .cab-tpr__list {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.cab-tpr__item_text {
    font-size: 12px;
    line-height: 16px;
    color: #a897bd
}

@media (min-width: 1440px) {
    .cab-tpr__item_text {
        font-size: calc(10px + 2 * ((100vw - 320px) / 1600))
    }
}

.cab-tpr__item_num {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.to-do__body {
    background: url(../../img/looper2.svg) center no-repeat #392b4b;
    border-radius: 16px;
    background-size: cover;
    padding: 42px 32px
}

@media (max-width: 1440px) {
    .cab-tpr__item_num {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
        line-height: calc(20px + 4 * ((100vw - 320px) / 1120))
    }

    .to-do__body {
        padding-top: calc(16px + 26 * ((100vw - 320px) / 1120));
        padding-bottom: calc(16px + 26 * ((100vw - 320px) / 1120));
        padding-right: calc(12px + 20 * ((100vw - 320px) / 1120));
        padding-left: calc(12px + 20 * ((100vw - 320px) / 1120))
    }
}

.to-do__title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 16px;
    line-height: 44px;
    color: #fff
}

@media (max-width: 1440px) {
    .to-do__title {
        font-size: calc(18px + 10 * ((100vw - 320px) / 1120));
        margin-bottom: calc(20px + -4 * ((100vw - 320px) / 1120))
    }
}

.to-do__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px;
    margin: 0
}

.to-do__item {
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    padding: 10px 16px
}

.to-do__item_info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.to-do__item_number {
    font-style: normal;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #dfdbee;
    box-sizing: border-box;
    border-radius: 48px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #615473
}

.stats, .stats__list {
    display: -ms-flexbox
}

@media (max-width: 1440px) {
    .to-do__item {
        padding-top: calc(5px + 5 * ((100vw - 320px) / 1120));
        padding-bottom: calc(5px + 5 * ((100vw - 320px) / 1120));
        padding-right: calc(8px + 8 * ((100vw - 320px) / 1120));
        padding-left: calc(8px + 8 * ((100vw - 320px) / 1120))
    }

    .to-do__item_number {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
        width: calc(26px + 14 * ((100vw - 320px) / 1120));
        height: calc(26px + 14 * ((100vw - 320px) / 1120))
    }
}

.stats__item_span-green::before, .stats__item_span-red::before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-size: contain
}

.to-do__item_text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #392b4b
}

.to-do__button {
    max-width: 110px
}

@media (max-width: 479.98px) {
    .to-do__button {
        max-width: unset
    }
}

.stats {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.stats__title {
    margin-bottom: 24px
}

.stats__list {
    display: flex;
    gap: 24px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 767.98px) {
    .stats__list {
        gap: 12px
    }
}

.stats__item {
    padding: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 12px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.stats__item_info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.stats__item_span, .stats__item_span-green {
    display: -ms-flexbox;
    -ms-flex-align: center
}

@media (max-width: 1440px) {
    .to-do__item_text {
        font-size: calc(12px + 2 * ((100vw - 320px) / 1120));
        line-height: calc(16px + 4 * ((100vw - 320px) / 1120))
    }

    .stats__title {
        margin-bottom: calc(16px + 8 * ((100vw - 320px) / 1120))
    }

    .stats__item {
        padding: calc(16px + 8 * ((100vw - 320px) / 1120))
    }

    .stats__item_info {
        gap: calc(8px + 4 * ((100vw - 320px) / 1120))
    }
}

.stats__item_main-text {
    margin: 0
}

.stats__item_span {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #615473;
    display: flex;
    gap: 12px;
    align-items: center
}

.stats__item_span-green {
    color: #38bf7e;
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px
}

.stats__item_span-green::before {
    background-image: url(../../img/up.svg)
}

.stats__item_span-red {
    color: #ef3d32;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.stats__item_span-red::before {
    background-image: url(../../img/down.svg)
}

.homow__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

.homow__top_main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

@media (max-width: 1440px) {
    .stats__item_span {
        font-size: calc(10px + 2 * ((100vw - 320px) / 1120))
    }

    .homow__top {
        margin-bottom: calc(18px + 6 * ((100vw - 320px) / 1120))
    }

    .homow__top_main {
        gap: calc(12px + 4 * ((100vw - 320px) / 1120))
    }
}

.homow__top_title {
    margin: 0
}

.homow__top_number {
    height: 32px;
    width: 32px;
    font-size: 16px;
    line-height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    color: #615473;
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    box-sizing: border-box;
    border-radius: 8px
}

@media (max-width: 1440px) {
    .homow__top_number {
        height: calc(28px + 4 * ((100vw - 320px) / 1120));
        width: calc(28px + 4 * ((100vw - 320px) / 1120));
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
        line-height: calc(20px + 4 * ((100vw - 320px) / 1120))
    }
}

.homow__top_showmore {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #a897bd
}

.homow__item_info, .homow__item_lesson, .homow__item_teacher_span {
    color: #392b4b
}

.homow__ul {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

@media (max-width: 1440px) {
    .homow__ul {
        gap: calc(12px + -4 * ((100vw - 320px) / 1120))
    }
}

.homow__item {
    background: #fff;
    box-shadow: 0 6px 24px rgba(24, 29, 54, .06);
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 18px 16px;
    gap: 10px
}

@media (max-width: 767.98px) {
    .homow__item {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -ms-flex-align: start;
        align-items: start
    }

    .homow__item_head {
        padding-bottom: 18px;
        margin-bottom: 16px;
        border-bottom: 1px solid #efe8f8;
        width: 100%
    }
}

.homow__item_head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.homow__item_teacher {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.homow__item_teacher_name {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #392b4b
}

.hamow__item_ago, .homow__item_info, .homow__item_lesson, .homow__item_teacher_span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-style: normal
}

.homow__item_info {
    max-width: 200px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.hamow__item_ago-red {
    color: #ef3d32
}

.hamow__item_ago-green {
    color: #38bf7e
}

.hamow__item_btn {
    max-width: 114px
}

.videos-sl__title {
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .videos-sl__title {
        margin-bottom: calc(16px + 8 * ((100vw - 320px) / 1120))
    }
}

.videos-sl__slide {
    width: 330px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (any-hover: hover) {
    .videos-sl__link:hover .videos-sl__link_text {
        color: #966cee
    }
}

.videos-sl__link img {
    background: #fff;
    border-radius: 24px;
    margin-bottom: 16px
}

@media (max-width: 1440px) {
    .videos-sl__link img {
        margin-bottom: calc(12px + 4 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 991.98px) {
    .videos-sl__link img, .videos-sl__slide {
        width: 220px
    }
}

.videos-sl__link_image {
    margin-bottom: 16px;
    position: relative
}

.videos-sl__link_image img {
    margin: 0
}

.videos-sl__link_image::before {
    content: "11:05";
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #615473;
    padding: 2px 8px;
    background: #fff;
    border-radius: 24px;
    width: 52px;
    height: 24px;
    bottom: 8px;
    right: 8px
}

.videos-sl2__slide {
    width: 330px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 991.98px) {
    .videos-sl2__slide {
        width: 220px
    }
}

.cab-t__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #534894;
    border-radius: 16px;
    background-image: url(../../img/looper2.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 48px 40px
}

.cab-t__bottom_text-yellow {
    color: #ffbb38
}

.cab-t__bottom_link {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #966cee;
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    box-sizing: border-box;
    border-radius: 8px
}

@media (max-width: 1440px) {
    .videos-sl__link_image {
        margin-bottom: calc(12px + 4 * ((100vw - 320px) / 1120))
    }

    .cab-t__bottom {
        padding-top: calc(24px + 24 * ((100vw - 320px) / 1120));
        padding-bottom: calc(24px + 24 * ((100vw - 320px) / 1120));
        padding-right: calc(16px + 24 * ((100vw - 320px) / 1120));
        padding-left: calc(16px + 24 * ((100vw - 320px) / 1120))
    }

    .cab-t__bottom_link {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120));
        line-height: calc(16px + 8 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 479.98px) {
    .cab-t__bottom_link {
        width: 100%
    }
}

.role-choosing {
    padding: 50px 0
}

.role-choosing__way {
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    margin-bottom: 8px;
    -ms-flex-align: center;
    align-items: center
}

.role-choosing__title {
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
    color: #392b4b;
    margin-bottom: 64px
}

.role-choosing__row {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.role-choosing__element {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .5s ease 0s
}

.role-choosing__element:hover {
    transform: scale(1.15)
}

.role-choosing__item:first-child {
    background: #faefdc
}

.role-choosing__item:last-child {
    background: #e2f2fc
}

.role-choosing__item {
    background: #ccf7e5;
    border-radius: 24px;
    width: 474px;
    height: 370px
}

.book::before, .buisness::before, .student::before {
    content: "";
    background-repeat: no-repeat;
    background-size: 100%
}

.role-choosing__name {
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #392b4b;
    font-weight: 500;
    font-size: 28px;
    line-height: 0
}

.role-choosing-mobile__title {
    display: none
}

.role-choosing-mobile__image {
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    margin-bottom: 25px
}

.role-choosing-mobile__image img {
    display: none;
    width: 80%
}

.book::before {
    display: none;
    background-image: url(/img/book.svg);
    height: 22px;
    width: 22px;
    background-position: 0 0
}

.student::before {
    display: none;
    background-image: url(/img/student.svg);
    height: 25px;
    width: 25px;
    background-position: 0 50%
}

.buisness::before {
    display: none;
    background-image: url(/img/buisness.svg);
    height: 22px;
    width: 22px;
    background-position: 0 0
}

@media (min-width: 1200px) {
    .role-choosing__element {
        margin-top: -20px
    }
}

@media (max-width: 1200px) {
    .role-choosing__item {
        height: 334px
    }

    .role-choosing__element:hover {
        transform: scale(1.1)
    }

    .ltc__gb-title {
        min-width: unset
    }
}

@media (max-width: 991.98px) {
    .role-choosing__item {
        height: 264px
    }

    .role-choosing__name {
        font-size: 24px
    }

    .role-choosing__element img {
        height: 160px
    }
}

@media (max-width: 991.98px) and (max-width: 1440px) {
    .role-choosing__name {
        font-size: calc(16px + 8 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 767.98px) {
    .role-choosing__element img, .role-choosing__way {
        display: none
    }

    .role-choosing__title {
        display: none;
        font-size: 36px;
        margin-bottom: 20px;
        line-height: 48px
    }

    .role-choosing__row {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .role-choosing__element {
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 15px
    }

    .role-choosing__name {
        font-weight: 700;
        font-size: 18px
    }

    .role-choosing__item:first-child, .role-choosing__item:last-child {
        background: #f9f4ff
    }

    .role-choosing__item {
        height: 54px;
        max-width: 100%;
        border-radius: 8px;
        border: 1px solid #e6e0fa;
        background: #966cee
    }

    .role-choosing-mobile__title {
        display: block;
        font-weight: 700;
        font-size: 36px;
        margin-bottom: 20px;
        line-height: 48px
    }

    .role-choosing-mobile__image {
        display: block
    }

    .book::before, .buisness::before, .role-choosing-mobile__image img, .student::before {
        display: inline-block
    }

    .student {
        color: #fff
    }
}

.hi__image, .hi__title {
    margin-bottom: 11px
}

.way__arrow {
    display: inline-block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.way-name {
    color: #a897bd;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.hi {
    text-align: center
}

.hi__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 48px
}

.hi__image img {
    max-width: 100%
}

.hi__text {
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 36px
}

.hi__btn {
    color: #fff;
    width: 159px;
    height: 44px;
    background: #966cee;
    border-radius: 8px
}

@media (max-width: 767.98px) {
    .hi .hi__btn {
        width: 100%
    }

    .hi .hi__title {
        font-size: 24px;
        line-height: 32px
    }
}

@media (max-width: 479.98px) {
    .hi .hi__title {
        text-align: left
    }
}

.promocode {
    background-image: url(/img/party-bg.svg);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: 40%;
    text-align: center
}

.promocode__subtitle::before, .promocode__title::after {
    content: "";
    height: 93px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 110%
}

.promocode__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.promocode__title::after {
    display: inline-block;
    background-image: url(/img/MemojiBoy3.svg);
    width: 93px
}

.promocode__subtitle {
    text-align: center;
    margin: 0 0 39px;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px
}

.promocode__subtitle::before {
    display: none;
    background-image: url(/img/Memoji-women.svg);
    max-width: 93px;
    margin: 0 auto
}

.promocode__text {
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px
}

.promocode__search {
    margin-bottom: 49px
}

.promocode__form {
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

.promocode__stroke {
    border: 1px solid #efe8f8;
    border-radius: 8px;
    max-width: 100%;
    height: 48px;
    padding: 16px;
    background: #fff;
    transition: all .5s ease 0s;
    -ms-flex: 0 1 80%;
    flex: 0 1 80%
}

.promocode__btn, .promocode__form-btn {
    color: #fff;
    font-weight: 600;
    line-height: 24px;
    background: #966cee;
    border-radius: 8px;
    height: 44px;
    font-size: 16px
}

.promocode__form-btn {
    max-width: 100%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%
}

.promocode__btn {
    width: 159px
}

input.promocode__stroke:focus {
    outline: 0 !important;
    box-shadow: none !important;
    border: 1px solid #ad7aef
}

input.promocode__stroke {
    height: 44px;
    max-width: 100%;
    border-radius: 8px;
    color: #7889a4;
    font-size: 16px;
    line-height: 44px;
    padding: 0 0 0 15px
}

.promocode__title-u::after, .scores__title::after {
    content: "";
    height: 93px;
    width: 93px;
    background-position: 0 0
}

.promocode__title-u, .scores__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 48px
}

@media (max-width: 767.98px) {
    .promocode {
        background-size: 60%
    }

    .promocode__stroke {
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .promocode__form-btn {
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }
}

@media (max-width: 479.98px) {
    .promocode {
        background-size: contain
    }

    .promocode__form {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }

    .promocode__form-btn, .promocode__stroke {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .promocode__title {
        display: none
    }

    .promocode__subtitle::before {
        display: block
    }
}

.promocode__title-u {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.promocode__title-u::after {
    display: inline-block;
    background-image: url(/img/Memoji-hat.svg);
    background-repeat: no-repeat;
    background-size: 110%
}

@media (max-width: 479.98px) {
    .promocode__title-u {
        display: none
    }
}

.scores {
    background-image: url(/img/party-bg.svg);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: 40%;
    text-align: center
}

.scores__title {
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.scores__title::after {
    display: inline-block;
    background-image: url(/img/Memoji-women.svg);
    background-repeat: no-repeat;
    background-size: 110%
}

.scores__subtitle {
    text-align: center;
    margin: 0 0 35px;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px
}

.scores__text {
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    color: #1f9756;
    margin-bottom: 41px
}

.scores__btn {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    width: 159px;
    height: 44px;
    background: #966cee;
    border-radius: 8px
}

.scores__text-info {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 12px
}

.scores__attention, .scores__paragraph {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left
}

.scores__attention {
    background: #ffeaea;
    border: 1px solid #ebc5c5;
    box-sizing: border-box;
    padding: 14px 10px;
    border-radius: 16px;
    margin-bottom: 15px
}

.scores__paragraph {
    margin-bottom: 27px
}

.scores__paragraph span {
    font-weight: 700
}

@media (max-width: 767.98px) {
    .scores {
        background-size: 60%
    }
}

@media (max-width: 479.98px) {
    .scores {
        background-size: contain
    }

    .scores__title {
        font-weight: 600;
        font-size: 32px;
        line-height: 48px
    }

    .scores__subtitle {
        font-weight: 500;
        font-size: 24px;
        line-height: 32px
    }

    .scores__text {
        font-weight: 700;
        font-size: 25px;
        line-height: 14px
    }

    .scores__text-info {
        font-weight: 700;
        font-size: 20px;
        line-height: 32px
    }
}

.step-s.nt {
    background: #7d59ca;
    border-radius: 16px;
    border: none
}

.step-s.nttt {
    background: 0 0;
    border-radius: unset;
    border: none;
    padding: 0
}

@media (max-width: 767.98px) {
    .step-s.nttt .step-s__buttons {
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 15px
    }
}

.step-s__row-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px
}

.teacher-s__add-temp, .teacher-s__add-temp-2 {
    display: -ms-flexbox;
    -ms-flex-direction: column;
    height: 280px
}

.step-s__scores {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.opinion__experience, .opinion__text, .step-s__next-step, .step-s__next-step a, .teacher-s__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.teacher-s__add-temp {
    display: flex;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    border: 2px dashed #e6e0fa;
    border-radius: 16px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (max-width: 767.98px) {
    .step-s__row-title {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 6px
    }
}

.item-conversion {
    margin-bottom: 30px
}

.green {
    padding-right: 5px
}

.teacher-s__add-temp-2 {
    display: flex;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    border: 2px dashed #e6e0fa;
    border-radius: 16px;
    -ms-flex: 0 0 181px;
    flex: 0 0 181px
}

.teacher-s__item-temp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 16px;
    height: 280px;
    width: 312px
}

.teacher-s__text {
    margin-top: 20px
}

.step-s__next-step {
    margin-top: -15px;
    margin-bottom: 24px
}

.step-s__next-step a {
    color: #7d59ca
}

.opinion__experience {
    margin-top: 16px;
    margin-bottom: 44px
}

.opinion__text {
    border-top: 1px solid #e6e0fa;
    border-bottom: 1px solid #e6e0fa;
    padding: 16px 0
}

.nt__span, .nt__title {
    font-style: normal;
    font-weight: 600;
    color: #fff
}

.nt {
    padding: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px
}

@media (max-width: 767.98px) {
    .nt {
        padding: 20px 16px;
        gap: 24px;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .nt__image {
        margin-bottom: -8em
    }
}

.nt__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.nt__span {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

@media (max-width: 991.98px) {
    .nt__image {
        max-width: 220px
    }

    .nt__span {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 4px
    }
}

.nt__title {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 16px
}

@media (max-width: 991.98px) {
    .nt__title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px
    }
}

.nt__checkboxes p, .nt__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.nt__text {
    color: #fff
}

.nt__checkboxes {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    margin: 24px 0
}

.nt__checkboxes label {
    background: #fff;
    border: 1px solid #966cee;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 8px
}

.nt__checkboxes div::before, .pbbi__time::before {
    background-position: center;
    background-repeat: no-repeat
}

.nt__checkboxes p {
    color: #392b4b;
    transition: all .3s ease 0s
}

.pbb__span, .pbb__title {
    font-style: normal;
    font-weight: 600
}

.nt__checkboxes div {
    width: 16px;
    height: 16px;
    position: relative;
    box-sizing: border-box
}

.nt__checkboxes div::after, .nt__checkboxes div::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: ""
}

.nt__checkboxes div::before {
    z-index: 2;
    background-image: url(../../img/ok-green.svg);
    background-size: cover;
    transition: all .5s ease 0s;
    opacity: 0;
    visibility: hidden
}

.nt__checkboxes div::after {
    border: 2px solid #d0c2de;
    border-radius: 4px
}

.nt__checkboxes input {
    display: none
}

.pbb, .pbb__list {
    display: -ms-flexbox
}

.nt__checkboxes input:checked ~ p {
    color: #7d59ca
}

.nt__checkboxes input:checked ~ div {
    border: none
}

.nt__checkboxes input:checked ~ div::before {
    opacity: 1;
    visibility: visible
}

.nt .step-s__buttons {
    margin: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

@media (max-width: 991.98px) {
    .nt__checkboxes p {
        font-size: 12px;
        line-height: 16px
    }

    .nt .step-s__buttons button {
        width: 100%
    }
}

.pbb {
    display: flex;
    background: #7d59ca;
    border-radius: 14px;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.pbb__body {
    padding: 30px
}

.pbb__span {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 4px
}

.pbb__title {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 12px
}

.pbb__text, .pbbi__body::before {
    font-weight: 400;
    color: #fff;
    font-style: normal
}

.pbb__text {
    font-size: 14px;
    line-height: 20px
}

.pbb__list {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    margin-top: 20px
}

.pbbi, .pbbi__body {
    display: -ms-flexbox
}

@media (max-width: 767.98px) {
    .pbb__body {
        padding: 20px 16px
    }

    .pbb__list {
        gap: 12px
    }
}

.pbbi {
    counter-increment: numb;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.pbbi__body {
    background: #fff;
    border: 1px solid #966cee;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px
}

.pbbi__body::before {
    content: counter(numb);
    font-size: 12px;
    line-height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #7d59ca;
    border: 2px solid #7d59ca;
    width: 19px;
    height: 19px;
    border-radius: 50%
}

.pbbi__bodys {
    background: #fff;
    border: 1px solid #966cee;
    border-radius: 8px
}

.pbbi__bodys .pbbi__cus-btn {
    border-radius: 8px;
    padding: 8px;
    text-align: center;
    width: 100%;
    height: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #966cee
}

.pbbi__time {
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #392b4b
}

.pbbi__skills, .pbbi__steps {
    line-height: 24px;
    color: #392b4b;
    white-space: nowrap;
    display: -ms-flexbox;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 991.98px) {
    .pbbi__time {
        font-size: 12px;
        line-height: 24px;
        gap: 4px
    }
}

.pbbi__time::before {
    content: "";
    background-image: url(../../img/time-icon.svg);
    background-size: contain;
    width: 14px;
    height: 14px
}

.pbbi__skills::before, .pbbi__steps::before {
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px
}

.pbbi__steps {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 14px
}

@media (max-width: 991.98px) {
    .pbbi__steps {
        font-size: 12px;
        line-height: 24px;
        gap: 4px
    }
}

.pbbi__steps::before {
    background-image: url(../../img/step-icon.svg);
    height: 17px
}

.pbbi__skills {
    font-size: 14px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

@media (max-width: 991.98px) {
    .pbbi__skills {
        font-size: 12px;
        line-height: 24px;
        gap: 4px
    }
}

.pbbi button, .pbbi__way {
    font-size: 12px;
    line-height: 16px
}

.pbbi__skills::before {
    background-image: url(../../img/skills-icon.svg);
    height: 18px
}

.pbbi__way {
    font-style: normal;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #7d59ca;
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    border-radius: 8px;
    width: 110px;
    height: 23px
}

.pbbi button, .pop-form__title {
    font-weight: 600;
    font-style: normal
}

.pbbi button {
    color: #966cee
}

.diag-class {
    margin-right: -60px;
    max-width: 386px
}

@media (max-width: 1440px) {
    .diag-class {
        max-width: calc(200px + 186 * ((100vw - 320px) / 1120))
    }
}

.modal-content.container-a-pop {
    max-width: 952px;
    margin: 0 auto;
    position: relative
}

@media (max-width: 767.98px) {
    .diag-class {
        display: none
    }

    .cop-temp .modal-dialog {
        padding: 0 !important
    }

    .modal-content.container-a-pop {
        border-radius: unset
    }
}

.modal-content.container-a-pop .slllc {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    right: 50px;
    top: 40px;
    outline: 0;
    border: none
}

.pop-form {
    padding: 60px 40px
}

.pop-form__title {
    font-size: 24px;
    line-height: 32px;
    color: #392b4b;
    margin-bottom: 36px
}

@media (max-width: 991.98px) {
    .pop-form {
        padding: 36px
    }

    .pop-form__title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.pop-form__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
    margin-bottom: 72px
}

@media (max-width: 991.98px) {
    .pop-form__list {
        gap: 48px;
        margin-bottom: 60px
    }
}

@media (max-width: 767.98px) {
    .pop-form {
        padding: 18px
    }

    .pop-form__list {
        gap: 40px;
        margin-bottom: 34px
    }
}

.pop-form__list_skills {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 30px
}

@media (max-width: 991.98px) {
    .pop-form__list_skills {
        gap: 20px
    }
}

@media (max-width: 767.98px) {
    .pop-form__list_skills {
        display: none
    }
}

.pop-form__item_skills {
    background: #fff;
    border: 1px solid #efe8f8;
    border-radius: 16px;
    width: 246px;
    height: 76px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.pop-form__item_skills .pbbi__skills, .pop-form__item_skills .pbbi__steps, .pop-form__item_skills .pbbi__time {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #392b4b
}

.pop-form__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -ms-flex-pack: end;
    justify-content: end
}

@media (max-width: 767.98px) {
    .pop-form__buttons {
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

.pop-form-i {
    counter-increment: pop_form_item
}

.pop-form-i__title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #392b4b;
    margin-bottom: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

@media (max-width: 767.98px) {
    .pop-form-i__title {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 16px;
        gap: 16px
    }
}

.pop-form-i__title::before {
    content: counter(pop_form_item);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    width: 25px;
    height: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    color: #fff;
    background: #7d59ca;
    box-shadow: 0 2px 8px rgba(24, 29, 54, .1);
    border-radius: 50%
}

.ltc-glsi__item::before, .ltc-i__item::before, .my-skills__way a::before {
    content: ""
}

@media (max-width: 991.98px) {
    .pop-form-i__title::before {
        font-size: 12px;
        line-height: 32px;
        width: 19px;
        height: 19px;
        -ms-flex: 0 0 19px;
        flex: 0 0 19px
    }
}

.pop-form-i__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 20px;
    margin-bottom: 20px
}

.pop-form-i__info, .pop-form-i__item {
    display: -ms-flexbox;
    line-height: 24px;
    color: #fff
}

.fjdl, .pop-form-i__item {
    -ms-flex-align: center;
    font-style: normal
}

.pop-form-i__item {
    font-weight: 400;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 4px 7px;
    background: #7d59ca;
    border: 1px solid #a897bd;
    border-radius: 8px
}

@media (max-width: 767.98px) {
    .pop-form-i__list {
        margin-bottom: 24px;
        gap: 7px
    }

    .pop-form-i__item {
        font-size: 12px;
        line-height: 24px
    }
}

.pop-form-i__info {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #615473;
    border-radius: 8px;
    padding: 10px 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 991.98px) {
    .pop-form-i__list {
        row-gap: 10px
    }

    .pop-form-i__info {
        font-size: 12px;
        line-height: 16px
    }
}

@media (max-width: 479.98px) {
    .pop-form-i__info {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 13px 7px 8px;
        gap: 8px
    }

    .pop-form-i__info_time {
        width: 100%;
        text-align: center
    }
}

.pop-form-i__info_time {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #615473;
    background: #fff;
    border: 1px solid #615473;
    border-radius: 8px;
    padding: 4px 7px
}

.fjdl, .my-skills__way a {
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.fjdl {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 10px;
    color: #b298ee
}

@media (min-width: 767.98px) {
    .fjdl {
        display: none
    }
}

.my-skills {
    padding: 48px
}

.my-skills__way {
    margin-bottom: 8px
}

.my-skills__way a {
    font-size: 12px;
    color: #966cee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.my-skills__way a::before {
    display: inline-block;
    background-image: url(/img/arrow-left.svg);
    height: 16px;
    width: 9px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%
}

.my-skills__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 28px
}

.my-skills__head h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px
}

.my-skills__attention {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background: #fff8ed;
    border: 1px dashed #f3a919;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 24px
}

.my-skills__final-btn button:nth-child(1), .my-skills__final-btn button:nth-child(2) {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    width: 98px;
    height: 44px;
    box-sizing: border-box
}

.my-skills__column {
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.my-skills__item {
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    padding: 24px;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.my-skills__item:nth-child(6) {
    position: relative
}

.my-skills__present {
    background: 0;
    position: fixed;
    top: 70%
}

.ltc-glsi__item, .ltc-i__item, .ltc-instr__image-1 img, .ltc-instr__image-3 img, .ltc-instr__images {
    position: relative
}

.my-skills__item:nth-child(even) {
    background: #fbfafd
}

.my-skills__final-btn {
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

.my-skills__final-btn button:nth-child(1) {
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    border-radius: 8px;
    color: #966cee
}

.my-skills__final-btn button:nth-child(2) {
    background: #966cee;
    border: 1px solid #e6e0fa;
    border-radius: 8px;
    color: #fff
}

.item__btn-row button, .item__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.bordl, .ltc-ff__item {
    border-bottom: 1px solid #efe8f8
}

.item__text {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.item__btn-row {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 8px
}

.item-btn input, .item__btn-row label:nth-child(1), .item__btn-row label:nth-child(5) {
    display: none
}

.item__btn-row button:hover:nth-child(2), .item__btn-row button:hover:nth-child(3), .item__btn-row button:hover:nth-child(4) {
    background: #966cee;
    color: #fff
}

.item__btn-row button:nth-child(2) {
    width: 141px;
    height: 36px;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px
}

.item__btn-row button:nth-child(3) {
    width: 111px;
    height: 36px;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px
}

.item__btn-row button:nth-child(4) {
    width: 121px;
    height: 36px;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px
}

.item-btn input:checked ~ .item-btn__btn-fake, .item-btn-1 input:checked ~ .item-btn-1__btn-fake {
    background: #966cee;
    color: #fff
}

.item-btn {
    cursor: pointer
}

.item-btn__btn-fake {
    box-sizing: border-box;
    transition: all .3s ease 0s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.item-btn-1__btn-fake, .item-btn-2__btn-fake {
    border: 1px solid #efe8f8;
    -ms-flex-pack: center;
    height: 36px;
    transition: all .3s ease 0s;
    box-sizing: border-box
}

.item-btn-1 input {
    display: none
}

.item-btn-1__btn-fake {
    width: 141px;
    background: #fff;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.item-btn-2 input {
    display: none
}

.item-btn-2 input:checked ~ .item-btn-2__btn-fake {
    background: #966cee;
    color: #fff
}

.item-btn-2__btn-fake {
    width: 111px;
    background: #fff;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.item-btn-3 input {
    display: none
}

.item-btn-3 input:checked ~ .item-btn-3__btn-fake {
    background: #966cee;
    color: #fff
}

.item-btn-3__btn-fake {
    width: 121px;
    height: 36px;
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px;
    transition: all .3s ease 0s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1570px) {
    .my-skills__present {
        left: 85%
    }
}

.my-skills__title-mobile {
    display: none;
    font-weight: 600;
    line-height: 28px;
    text-align: left
}

.abus-izd__title, .body__container_text_title, .bordl, .ltc-es__item_text, .ltc-es__item_title, .ltc-gls__title, .ltc-instr__title, .ltc-w__body-mobile, .ltc-w__title, .swiper-pagination-grey {
    text-align: center
}

@media (max-width: 767.98px) {
    .my-skills__attention, .my-skills__head h1, .my-skills__search-wrapper, .my-skills__way {
        display: none
    }

    .my-skills__title-mobile {
        display: block;
        font-size: 32px
    }

    .my-skills__item {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .my-skills__final-btn {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .my-skills__final-btn button:nth-child(1), .my-skills__final-btn button:nth-child(2) {
        width: 100%
    }

    .item__text {
        text-align: center
    }

    .my-skills__present {
        left: 80%
    }
}

@media (max-width: 767.98px) and (max-width: 1440px) {
    .my-skills__title-mobile {
        font-size: calc(20px + 12 * ((100vw - 320px) / 1120))
    }
}

.my-skills__present img {
    width: 128px;
    height: 128px
}

@media (max-width: 576px) {
    .my-skills {
        padding-left: 0;
        padding-right: 0
    }

    .my-skills__present {
        left: 85%
    }
}

.ltc__title {
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    color: #392b4b
}

@media (max-width: 1440px) {
    .my-skills__present img {
        width: calc(70px + 58 * ((100vw - 320px) / 1120));
        height: calc(70px + 58 * ((100vw - 320px) / 1120))
    }

    .ltc__title {
        font-size: calc(24px + 24 * ((100vw - 320px) / 1120));
        line-height: calc(32px + 24 * ((100vw - 320px) / 1120))
    }
}

.ltc__gb-title {
    font-size: 48px;
    line-height: 56px;
    word-wrap: unset
}

@media (max-width: 1440px) {
    .ltc__gb-title {
        font-size: calc(24px + 24 * ((100vw - 320px) / 1120));
        line-height: calc(32px + 24 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 991.98px) {
    .ltc__gb-title {
        min-width: 400px;
        font-size: 32px;
        line-height: 38px
    }

    .mtt {
        margin-top: 30px
    }
}

.ltc__gb-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #392b4b
}

@media (max-width: 1440px) {
    .ltc__gb-text {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
        line-height: calc(20px + 4 * ((100vw - 320px) / 1120))
    }
}

.mttt {
    margin-top: 30px
}

.lend-gap-item {
    margin-bottom: 64px !important
}

@media (max-width: 1200px) {
    .lend-gap-item {
        margin-bottom: 40px !important
    }

    .ltc-mb__image-c {
        position: relative;
        transform: scale(1.5)
    }
}

@media (max-width: 767.98px) {
    .lend-gap-item {
        margin-bottom: 32px !important
    }

    .slddd {
        gap: 0
    }
}

.points-content-ltc {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.points-content-ltc span {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 20px
}

@media (max-width: 1440px) {
    .points-content-ltc span {
        font-size: calc(24px + 24 * ((100vw - 320px) / 1120));
        line-height: calc(32px + 24 * ((100vw - 320px) / 1120))
    }
}

.ltc-mb__image-c {
    width: 450px
}

@media (max-width: 68.75em) {
    .ltc-mb__image-c {
        transform: scale(1.3)
    }
}

@media (max-width: 991.98px) {
    .points-content-ltc span {
        min-width: 400px;
        font-size: 32px;
        line-height: 38px
    }

    .ltc-mb__image-c {
        transform: scale(1)
    }
}

@media (max-width: 479.98px) {
    .item__btn-row label:nth-child(1), .item__btn-row label:nth-child(5) {
        display: block
    }

    .item__btn-row label:nth-child(2), .item__btn-row label:nth-child(4) {
        display: none
    }

    .my-skills__present {
        left: 77%
    }

    .ltc-mb__image-c {
        width: 310px
    }
}

.image_rm {
    transform: scale(1.3);
    top: -20px;
    left: -20px
}

@media (max-width: 43.75em) {
    .image_rm {
        transform: scale(.9);
        top: 13px;
        left: -10px
    }
}

.image_r._active {
    left: 30px;
    top: -50px
}

@media (max-width: 83.125em) {
    .image_r._active {
        transform: scale(.9);
        left: 0
    }
}

@media (max-width: 1200px) {
    .image_r._active {
        transform: scale(.8);
        left: 40px
    }
}

.ltc-mb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

@media (max-width: 991.98px) {
    .image_r._active {
        left: -150px;
        transform: scale(.8)
    }

    .ltc-mb {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.ltc-mb__body {
    max-width: 700px
}

.ltc-mb__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ltc-mb__title {
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
    color: #392b4b;
    margin-bottom: 20px
}

@media (max-width: 1440px) {
    .ltc-mb__title {
        font-size: calc(24px + 40 * ((100vw - 320px) / 1120));
        line-height: calc(32px + 40 * ((100vw - 320px) / 1120));
        margin-bottom: calc(12px + 8 * ((100vw - 320px) / 1120))
    }
}

.ltc-mb__title-purpur {
    color: #7d59ca
}

.ltc-mb__text {
    margin-bottom: 48px
}

@media (max-width: 1440px) {
    .ltc-mb__text {
        margin-bottom: calc(24px + 24 * ((100vw - 320px) / 1120))
    }
}

.ltc-mb__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

@media (max-width: 767.98px) {
    .ltc-mb__button {
        width: 100%
    }
}

.ltc-mb__image {
    width: 450px
}

@media (max-width: 991.98px) {
    .ltc-mb__buttons {
        -ms-flex-pack: center;
        justify-content: center
    }

    .ltc-mb__image {
        width: auto;
        margin: -20px 0 -30px
    }

    .ltc-mb__button-quest {
        display: none
    }
}

@media (max-width: 767.98px) {
    .ltc-mb__image {
        width: 400px
    }
}

.ltc-p__list {
    display: grid;
    gap: 24px;
    margin-bottom: 24px
}

@media (max-width: 1200px) {
    .ltc-p__list {
        display: grid;
        grid-template-columns:repeat(2, auto)
    }
}

@media (max-width: 479.98px) {
    .ltc-mb__image {
        width: 250px
    }

    .ltc-p__list {
        margin: 34px 0 24px;
        grid-template-columns:repeat(1, auto)
    }
}

.ltc-p__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px
}

.mtttt {
    margin-top: 24px
}

.ltc-gls {
    margin-bottom: 64px
}

@media (max-width: 991.98px) {
    .ltc-gls {
        margin-bottom: 32px
    }
}

.ltc-gls__body {
    background: url(../../img/looper-bg.png) center no-repeat #6c4faa;
    border-radius: 32px;
    padding: 60px;
    background-size: cover
}

@media (max-width: 1200px) {
    .ltc-gls__body {
        padding: 32px
    }
}

.ltc-gls__title {
    color: #fff;
    margin-bottom: 44px
}

@media (max-width: 767.98px) {
    .ltc-gls__body {
        padding: 16px
    }

    .ltc-gls__title {
        margin-bottom: 16px
    }
}

@media (max-width: 479.98px) {
    .ltc-gls__title {
        margin-bottom: 0
    }
}

.ltc-gls__list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    margin: 0;
    -moz-column-gap: 24px;
    column-gap: 24px
}

.abus-ach__list, .abus-fw__list, .mrpl-fb__selects {
    grid-template-columns:repeat(2, auto)
}

.ltc-glsi {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ltc-glsi__image {
    margin-bottom: 32px
}

@media (min-width: 1200px) {
    .ltc-glsi__image {
        -ms-flex: 0 1 181px;
        flex: 0 1 181px
    }
}

@media (max-width: 1440px) {
    .ltc-glsi__image {
        margin-bottom: calc(20px + 12 * ((100vw - 320px) / 1120))
    }
}

.ltc-glsi__title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    font-size: 36px;
    color: #fff;
    margin-bottom: 24px
}

.ltc-glsi__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

@media (max-width: 1440px) {
    .ltc-glsi__title {
        font-size: calc(24px + 12 * ((100vw - 320px) / 1120));
        margin-bottom: calc(18px + 6 * ((100vw - 320px) / 1120))
    }

    .ltc-glsi__list {
        gap: calc(16px + 8 * ((100vw - 320px) / 1120))
    }
}

.ltc-glsi__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.ltc-glsi__item::before {
    background-image: url(../../img/knowlwdge_star.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width: 1440px) {
    .ltc-glsi__item {
        gap: calc(8px + 8 * ((100vw - 320px) / 1120))
    }

    .ltc-glsi__item::before {
        width: calc(12px + 8 * ((100vw - 320px) / 1120));
        height: calc(12px + 8 * ((100vw - 320px) / 1120))
    }
}

.ltc-gls__slide, .ltc-w__slide {
    height: -webkit-fit-content;
    height: -moz-fit-content
}

.ltc-gls__slide {
    height: fit-content
}

.ltc-w {
    margin-bottom: 64px
}

@media (max-width: 1440px) {
    .ltc-w {
        margin-bottom: calc(32px + 32 * ((100vw - 320px) / 1120))
    }
}

.ltc-w__title {
    margin-bottom: 64px
}

@media (max-width: 1440px) {
    .ltc-w__title {
        margin-bottom: calc(24px + 40 * ((100vw - 320px) / 1120))
    }
}

.ltc-w__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1200px) {
    .ltc-w__body {
        gap: 50px
    }
}

.ltc-w__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    margin: 0
}

@media (max-width: 1200px) {
    .ltc-w__list {
        gap: 15px
    }
}

.ltc-w__item_title {
    margin-bottom: 20px
}

@media (max-width: 1440px) {
    .ltc-w__item_title {
        margin-bottom: calc(12px + 8 * ((100vw - 320px) / 1120))
    }
}

.ltc-w__body-mobile {
    display: block
}

.ltc-i, .ltc-i__list {
    display: -ms-flexbox
}

.ltc-w__slide {
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.ltc-ff__image, .ltc-i__image {
    height: -webkit-fit-content;
    height: -moz-fit-content
}

.lafj {
    margin-bottom: 34px
}

.ltc-i {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 144px;
    margin-bottom: 44px
}

@media (max-width: 767.98px) {
    .ltc-i {
        margin-bottom: 32px
    }
}

@media (max-width: 991.98px) {
    .ltc-i {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }

    .bef::before {
        content: "";
        opacity: .2
    }
}

.ltc-i__image {
    background: radial-gradient(47.37% 44.72% at 48.99% 54.03%, #fdfcff 42.46%, #f4f1f9 100%);
    border-radius: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: fit-content
}

.ltc-i__title {
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .ltc-i__title {
        margin-bottom: calc(12px + 12 * ((100vw - 320px) / 1120))
    }
}

.ltc-i__span {
    margin-bottom: 46px
}

@media (max-width: 1440px) {
    .ltc-i__span {
        margin-bottom: calc(24px + 22 * ((100vw - 320px) / 1120))
    }
}

.ltc-i__list {
    margin: 0;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

@media (max-width: 1440px) {
    .ltc-i__list {
        gap: calc(12px + 12 * ((100vw - 320px) / 1120))
    }
}

.ltc-i__item {
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.ltc-i__item::before {
    background-image: url(../../img/okk.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width: 1440px) {
    .ltc-i__item {
        gap: calc(8px + 4 * ((100vw - 320px) / 1120))
    }

    .ltc-i__item::before {
        width: calc(16px + 4 * ((100vw - 320px) / 1120));
        height: calc(16px + 4 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 479.98px) {
    .ltc-i__img {
        width: 300px
    }
}

.ltc-in__lstr__content {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: end
}

.opennn {
    left: 0 !important
}

@media (max-width: 87.49938em) {
    .ltc-instr__image-1 img {
        transform: scale(.9)
    }
}

.ltc-instr__image-2 img {
    position: relative;
    transform: scale(1.4);
    top: 50px
}

@media (max-width: 87.49938em) {
    .ltc-instr__image-2 img {
        transform: scale(1.2)
    }
}

.ltc-instr__image-3 img {
    transform: scale(1.6);
    top: 150px
}

.ltc-instr__title {
    margin-bottom: 64px
}

@media (max-width: 1440px) {
    .ltc-instr__title {
        margin-bottom: calc(24px + 40 * ((100vw - 320px) / 1120))
    }
}

.ltc-instr__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 150px
}

.ltc-instr__images {
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    width: 560px;
    height: 560px
}

@media (max-width: 87.49938em) {
    .ltc-instr__image-3 img {
        transform: scale(1.3)
    }

    .ltc-instr__images {
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        z-index: -1
    }
}

@media (max-width: 1200px) {
    .ltc-instr__images {
        display: none
    }
}

.ltc-instr__image {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 0;
    left: -100vw;
    transition: all .5s ease 0s
}

.ltc-instr__img {
    max-width: 560px
}

.ltc-instr__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    height: 580px
}

.ltc-instr__item {
    padding: 24px 32px;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    transition: all .5s ease 0s
}

.ltc-ff__image, .ltc-instr__item_button {
    width: -webkit-fit-content;
    width: -moz-fit-content
}

.ltc-instr__item.sssh {
    background: #f3eff7
}

.ltc-instr__item.sssh .ltc-instr__item_title svg rect {
    transition: all 1s ease 0s;
    fill: #966cee
}

.ltc-instr__item.sssh .ltc-instr__item_title svg path {
    transition: all 1s ease 0s;
    stroke: #fff
}

.ltc-instr__item.sssh .ltc-instr__item_title svg .rrr {
    fill: #fff
}

.ltc-instr__item.sssh .ltc-instr__item_button {
    opacity: 1;
    visibility: visible;
    top: 0
}

.ltc-instr__item.sssh .tc-instr__item_text {
    margin-bottom: 0
}

.ltc-instr__item_title {
    margin-bottom: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.ltc-f, .ltc-ff__body {
    -ms-flex-pack: justify
}

@media (max-width: 991.98px) {
    .beff {
        color: #000
    }

    .ltc-instr__item_title {
        margin-bottom: 0
    }
}

.ltc-instr__item_button {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #966cee;
    position: relative;
    opacity: 0;
    visibility: hidden;
    top: -50px;
    transition: all .5s ease 0s;
    background-color: transparent;
    width: fit-content
}

.ltc-ff__circle-1::before, .ltc-ff__circle-2::before, .ltc-ff__circle-3::before, .ltc-ff__circle-4::before, .ltc-ff__circle-5::before, .ltc-ff__circle-6::before, .ltc-ff__circle-7::before {
    top: -7px;
    right: -7px;
    content: ""
}

@media (max-width: 1200px) {
    .ltc-instr__item {
        padding: 16px
    }

    .ltc-instr__item_button {
        opacity: 1;
        visibility: visible;
        position: static
    }
}

.ltc-ff {
    margin-bottom: 64px
}

@media (max-width: 1440px) {
    .ltc-ff {
        margin-bottom: calc(32px + 32 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__title {
    margin-bottom: 40px
}

@media (max-width: 1440px) {
    .ltc-ff__title {
        margin-bottom: calc(32px + 8 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__body {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    gap: 50px
}

.ltc-ff__content {
    width: 100%
}

.ltc-ff__list {
    width: 100%;
    margin: 0
}

.ltc-ff__item {
    width: 100%
}

.ltc-ff__item_title {
    padding-top: 24px;
    padding-bottom: 24px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1440px) {
    .ltc-ff__item_title {
        padding-top: calc(16px + 8 * ((100vw - 320px) / 1120));
        padding-bottom: calc(16px + 8 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__item_title::after {
    content: "";
    position: relative;
    background-image: url(../../img/ltc-chevron.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    transform: rotate(-90deg);
    transition: all .3s ease 0s
}

.ltc-f__item_title.active .ltc-f__item_title_text svg, .ltc-ff__item_title.active::after {
    transform: rotate(0)
}

.ltc-ff__item_title_text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.ltc-ff__item_text {
    padding-bottom: 28px;
    display: none
}

.ltc-ff__circle-1, .ltc-ff__circle-2, .ltc-ff__circle-3, .ltc-ff__circle-4, .ltc-ff__circle-5, .ltc-ff__circle-6, .ltc-ff__circle-7 {
    display: block;
    border-radius: 24px
}

.ltc-ff__circle-1 {
    background: #6bdba5;
    width: 28px;
    height: 28px;
    position: relative
}

@media (max-width: 1440px) {
    .ltc-ff__item_text {
        padding-bottom: calc(16px + 12 * ((100vw - 320px) / 1120))
    }

    .ltc-ff__circle-1 {
        width: calc(24px + 4 * ((100vw - 320px) / 1120));
        height: calc(24px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-1::before {
    position: absolute;
    background-image: url(../../img/ltc-icon-1.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

@media (max-width: 1440px) {
    .ltc-ff__circle-1::before {
        width: calc(16px + 4 * ((100vw - 320px) / 1120));
        height: calc(16px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-2 {
    background: #ffb9aa;
    width: 28px;
    height: 28px;
    position: relative
}

@media (max-width: 1440px) {
    .ltc-ff__circle-2 {
        width: calc(24px + 4 * ((100vw - 320px) / 1120));
        height: calc(24px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-2::before {
    position: absolute;
    background-image: url(../../img/ltc-icon-2.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

@media (max-width: 1440px) {
    .ltc-ff__circle-2::before {
        width: calc(16px + 4 * ((100vw - 320px) / 1120));
        height: calc(16px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-3 {
    background: #6fde9b;
    width: 28px;
    height: 28px;
    position: relative
}

@media (max-width: 1440px) {
    .ltc-ff__circle-3 {
        width: calc(24px + 4 * ((100vw - 320px) / 1120));
        height: calc(24px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-3::before {
    position: absolute;
    background-image: url(../../img/ltc-icon-3.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

@media (max-width: 1440px) {
    .ltc-ff__circle-3::before {
        width: calc(16px + 4 * ((100vw - 320px) / 1120));
        height: calc(16px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-4 {
    background: #87bff2;
    width: 28px;
    height: 28px;
    position: relative
}

@media (max-width: 1440px) {
    .ltc-ff__circle-4 {
        width: calc(24px + 4 * ((100vw - 320px) / 1120));
        height: calc(24px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-4::before {
    position: absolute;
    background-image: url(../../img/ltc-icon-4.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

@media (max-width: 1440px) {
    .ltc-ff__circle-4::before {
        width: calc(16px + 4 * ((100vw - 320px) / 1120));
        height: calc(16px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-5 {
    background: #ffabce;
    width: 28px;
    height: 28px;
    position: relative
}

@media (max-width: 1440px) {
    .ltc-ff__circle-5 {
        width: calc(24px + 4 * ((100vw - 320px) / 1120));
        height: calc(24px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-5::before {
    position: absolute;
    background-image: url(../../img/ltc-icon-5.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

@media (max-width: 1440px) {
    .ltc-ff__circle-5::before {
        width: calc(16px + 4 * ((100vw - 320px) / 1120));
        height: calc(16px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-6 {
    background: #ffa38e;
    width: 28px;
    height: 28px;
    position: relative
}

@media (max-width: 1440px) {
    .ltc-ff__circle-6 {
        width: calc(24px + 4 * ((100vw - 320px) / 1120));
        height: calc(24px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-6::before {
    position: absolute;
    background-image: url(../../img/ltc-icon-6.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

@media (max-width: 1440px) {
    .ltc-ff__circle-6::before {
        width: calc(16px + 4 * ((100vw - 320px) / 1120));
        height: calc(16px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-7 {
    background: #dcde6f;
    width: 28px;
    height: 28px;
    position: relative
}

.ltc-es, .ltc-f, .ltc-ff__image {
    border-radius: 12px
}

@media (max-width: 1440px) {
    .ltc-ff__circle-7 {
        width: calc(24px + 4 * ((100vw - 320px) / 1120));
        height: calc(24px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__circle-7::before {
    position: absolute;
    background-image: url(../../img/ltc-icon-7.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.ltc-f, .ltc-f__item, .ltc-n__item {
    position: relative
}

@media (max-width: 1440px) {
    .ltc-ff__circle-7::before {
        width: calc(16px + 4 * ((100vw - 320px) / 1120));
        height: calc(16px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__image {
    background: #f8f3fe;
    width: fit-content;
    height: fit-content;
    padding-top: 20px
}

.ltc-ff__button, .ltc-n__image {
    width: -webkit-fit-content;
    width: -moz-fit-content
}

@media (max-width: 991.98px) {
    .ltc-ff__image {
        display: none
    }
}

.ltc-ff__img {
    display: none;
    max-width: 600px;
    transition: all .3s ease 0s
}

.ltc-ff__img._active {
    display: block
}

.ltc-ff__button {
    padding: 10px 24px;
    width: fit-content;
    margin-top: 32px
}

@media (max-width: 991.98px) {
    .ltc-ff__button {
        margin-top: 24px;
        padding: 8px 24px
    }
}

.ltc-es {
    background: url(../../img/looper-bg.png) center no-repeat #6c4faa;
    background-size: cover;
    padding: 50px;
    margin-bottom: 64px
}

.ltc-f, .ltc-n__item::before {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 1440px) {
    .ltc-es {
        margin-bottom: calc(32px + 32 * ((100vw - 320px) / 1120))
    }
}

.ltc-es__title {
    color: #fff;
    text-align: center;
    margin-bottom: 40px
}

@media (max-width: 1440px) {
    .ltc-es__title {
        margin-bottom: calc(30px + 10 * ((100vw - 320px) / 1120))
    }
}

.ltc-es__list {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

@media (max-width: 991.98px) {
    .ltc-es {
        padding: 40px 32px
    }

    .ltc-es__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.ltc-es__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.ltc-es__item_title {
    color: #fff;
    margin-top: 12
}

.ltc-n {
    margin-bottom: 64px
}

@media (max-width: 1440px) {
    .ltc-es__item_title {
        margin-top: calc(4px + 8 * ((100vw - 320px) / 1120))
    }

    .ltc-n {
        margin-bottom: calc(32px + 32 * ((100vw - 320px) / 1120))
    }
}

.ltc-n__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

@media (max-width: 1200px) {
    .ltc-ff__img {
        max-width: 470px
    }

    .ltc-n__body {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.ltc-n__title {
    margin-bottom: 8px
}

@media (max-width: 1440px) {
    .ltc-n__title {
        margin-bottom: calc(4px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-n__title-yellow {
    color: #f3a919
}

.ltc-n__process {
    margin-bottom: 25px;
    gap: 12px;
    color: #615473;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1440px) {
    .ltc-n__process {
        margin-bottom: calc(16px + 9 * ((100vw - 320px) / 1120));
        gap: calc(4px + 8 * ((100vw - 320px) / 1120))
    }
}

.ltc-n__process svg {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ltc-n__text {
    margin-bottom: 40px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #392b4b
}

@media (max-width: 1440px) {
    .ltc-n__text {
        margin-bottom: calc(20px + 20 * ((100vw - 320px) / 1120));
        font-size: calc(14px + 4 * ((100vw - 320px) / 1120));
        line-height: calc(20px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-n__list {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

@media (max-width: 1440px) {
    .ltc-n__list {
        gap: calc(8px + 4 * ((100vw - 320px) / 1120))
    }
}

.ltc-n__item {
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.ltc-f, .ltc-v {
    display: -ms-flexbox
}

.ltc-n__item::before {
    content: "";
    background-image: url(../../img/knowlwdge_star.svg);
    -ms-flex: 0 0 20px;
    flex: 0 0 20px
}

@media (max-width: 767.98px) {
    .ltc-ff__button {
        width: 100%
    }

    .ltc-es {
        padding: 24px 16px
    }

    .ltc-n__item::before {
        -ms-flex: 0 0 16px;
        flex: 0 0 16px
    }
}

.ltc-n__image {
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.ltc-n__img {
    max-width: 700px
}

@media (max-width: 767.98px) {
    .ltc-n__img {
        max-width: 490px
    }
}

@media (max-width: 479.98px) {
    .ltc-n__img {
        max-width: 300px
    }
}

.ltc-v {
    margin-bottom: 64px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 100px
}

@media (max-width: 1440px) {
    .ltc-v {
        margin-bottom: calc(32px + 32 * ((100vw - 320px) / 1120))
    }
}

.ltc-v__img {
    max-width: 620px
}

@media (max-width: 1200px) {
    .ltc-v {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 32px
    }

    .ltc-v__img {
        margin: -50px 0
    }
}

@media (max-width: 767.98px) {
    .ltc-v__img {
        max-width: 490px;
        margin: -30px 0 -50px
    }
}

@media (max-width: 479.98px) {
    .ltc-v__img {
        max-width: 300px
    }
}

.ltc-v__title {
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .ltc-v__title {
        margin-bottom: calc(12px + 12 * ((100vw - 320px) / 1120))
    }
}

.ltc-v__text {
    margin-bottom: 48px
}

@media (max-width: 1440px) {
    .ltc-v__text {
        margin-bottom: calc(24px + 24 * ((100vw - 320px) / 1120))
    }
}

.ltc-v__btn {
    padding: 10px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 767.98px) {
    .ltc-v__btn {
        padding: 8px 24px;
        width: 100%
    }
}

.ltc-f {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px;
    gap: 48px;
    padding: 80px 72px;
    background-color: #6c4faa;
    background-image: url(../../img/looper3.svg)
}

@media (max-width: 1440px) {
    .ltc-f {
        margin-bottom: calc(32px + 32 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 1200px) {
    .ltc-f {
        padding: 60px
    }
}

@media (max-width: 991.98px) {
    .ltc-f {
        padding: 40px 30px;
        background-size: cover
    }
}

.ltc-f__content {
    max-width: 700px
}

@media (max-width: 1200px) {
    .ltc-f__content {
        max-width: unset;
        width: 100%
    }
}

.ltc-f__title {
    margin-bottom: 40px;
    color: #fff
}

@media (max-width: 1440px) {
    .ltc-f__title {
        margin-bottom: calc(24px + 16 * ((100vw - 320px) / 1120))
    }
}

.ltc-f__list {
    margin: 0
}

.ltc-f__item {
    transition: all .5s ease 0s
}

@media (min-width: 1200px) {
    .ltc-f__item {
        width: 575px
    }
}

.ltc-f__item::before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 106%;
    height: 116%;
    top: -5%;
    left: -3%;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 6px 24px rgba(24, 29, 54, .06);
    border-radius: 8px;
    transition: all .3s ease 0s
}

@media (max-width: 767.98px) {
    .ltc-f {
        padding: 20px 16px
    }

    .ltc-f__item::before {
        height: 108%;
        top: -4%
    }
}

.ltc-f__item:not(:last-child) {
    margin-bottom: 12px
}

.ltc-f__item.active::before {
    opacity: 1;
    visibility: visible
}

.ltc-f__item.active .change-color {
    color: #615473
}

.ltc-f__item_title.active .ltc-f__item_title_text {
    color: #392b4b
}

.ltc-f__item_title.active .ltc-f__item_title_text svg path {
    transition: all .5s ease 0s;
    stroke: #392b4b
}

.ltc-f__item_title_text {
    transition: all .3s ease 0s;
    color: #fff;
    padding: 8px 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.ltc-f__item_title_text svg {
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    transition: all .5s ease 0s;
    position: relative;
    transform: rotate(-90deg)
}

.ltc-f__item_text {
    color: #fff;
    display: none
}

.ltc-f__img {
    position: absolute;
    max-width: 500px;
    top: 50px;
    right: -30px
}

.change-color, .ltc-h__item_img, .passw {
    position: relative
}

@media (max-width: 1200px) {
    .ltc-f__img {
        display: none
    }
}

.change-color {
    transition: all .3s ease 0s;
    z-index: 2
}

.ltc-h__wrapper {
    padding: 30px 0
}

.ltc-h {
    margin-bottom: 34px
}

@media (max-width: 1440px) {
    .ltc-h {
        margin-bottom: calc(2px + 32 * ((100vw - 320px) / 1120))
    }
}

.ltc-h__title {
    margin-bottom: 10px
}

@media (max-width: 1440px) {
    .ltc-h__title {
        margin-bottom: calc(-14px + 24 * ((100vw - 320px) / 1120))
    }
}

.ltc-h__slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.ltc-h__item_image {
    background: #fff;
    box-shadow: 0 16px 20px rgba(24, 29, 54, .04);
    border-radius: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 260px;
    height: 130px
}

@media (max-width: 1200px) {
    .ltc-h__item_image {
        width: 200px;
        height: 120px
    }

    .ltc-h__item_img {
        transform: scale(.8)
    }
}

.ltc-fr {
    background: #f3eff7;
    border-radius: 32px
}

.ltc-fr__body {
    margin-bottom: 64px;
    display: -ms-flexbox;
    display: flex;
    gap: 100px;
    padding: 48px;
    background-image: url(../../img/looper4.svg);
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 1440px) {
    .ltc-fr__body {
        margin-bottom: calc(32px + 32 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 1200px) {
    .ltc-fr__body {
        gap: 30px;
        padding: 30px
    }
}

@media (max-width: 991.98px) {
    .ltc-fr__body {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 32px 24px
    }
}

.ltc-fr__form {
    width: 100%
}

.ltc-fr__label-row {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

@media (max-width: 767.98px) {
    .ltc-h__item_image {
        height: 100px
    }

    .ltc-h__item_img {
        transform: scale(.6)
    }

    .ltc-fr__body {
        padding: 20px 16px
    }

    .ltc-fr__label-row {
        gap: 12px;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ltc-fr__label {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.ltc-fr__label_text {
    color: #615473;
    margin-bottom: 4px
}

.ltc-fr__label-con {
    display: -ms-flexbox;
    display: flex
}

.ltc-fr__input {
    background: #fff;
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
    height: 44px
}

.ltc-fr__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px
}

.ltc-fri, .passw {
    display: -ms-flexbox
}

@media (max-width: 1200px) {
    .ltc-fr__bottom {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }

    .ltc-fr__bottom_btn {
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .ltc-fr__bottom {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.ltc-fr__bottom_link {
    color: #966cee
}

.ltc-fr__bottom_link:hover {
    color: #7448d3
}

.ltc-fr__bottom_btn {
    padding: 10px 24px
}

.bordl {
    margin-top: 20px;
    padding-bottom: 24px;
    margin-bottom: 24px !important
}

.lrl {
    margin-bottom: 12px
}

.kr {
    margin: 32px 0
}

.passw {
    display: flex
}

.passw::after {
    content: "";
    position: absolute;
    background-image: url(../../img/passw.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%)
}

.ltc-fri {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ltc-fri__title {
    margin-bottom: 16px
}

@media (max-width: 1440px) {
    .ltc-fri__title {
        margin-bottom: calc(8px + 8 * ((100vw - 320px) / 1120))
    }
}

.ltc-fri__text {
    color: #a897bd;
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .ltc-fri__text {
        margin-bottom: 0
    }
}

.ltc-fri__enter {
    margin-bottom: 15px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.ltc-fri__enter_link {
    color: #966cee
}

.ltc-fri__enter_link:hover {
    color: #7448d3
}

.body__container_text_title, .doc-subtitle, .doc-text {
    color: #392b4b;
    font-weight: 400;
    font-style: normal
}

.ltc-fri__buttons {
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-align: center;
    align-items: center
}

.ltc-fri__button {
    background: #fff;
    border: 1px solid #dfdbee;
    box-sizing: border-box;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 12px
}

.abus-stepp, .abus-steps {
    background-color: transparent
}

@media (max-width: 479.98px) {
    .ltc-fri__button {
        padding: 7px
    }
}

.radd {
    border-radius: 8px;
    width: 100%
}

.mm-menu ul > li > a span {
    padding: 0 15px;
    white-space: pre-wrap
}

.docs-con {
    margin: 48px 0
}

.body__container_text_title {
    font-size: 48px;
    word-break: break-word;
    line-height: 50px;
    margin-bottom: 72px
}

.doc-text {
    font-size: 20px;
    line-height: 32px
}

.doc-subtitle {
    font-size: 34px;
    line-height: 56px;
    margin: 54px 0
}

.body__container_text_description {
    margin-bottom: 54px
}

.body__container_text_term_text_p:not(:last-child) {
    margin-bottom: 40px
}

.abus__main-block {
    margin-top: 32px
}

@media (max-width: 1440px) {
    .abus__main-block {
        margin-top: calc(16px + 16 * ((100vw - 320px) / 1120))
    }
}

.abus-item {
    margin-bottom: 52px
}

@media (max-width: 1200px) {
    .abus-item {
        margin-bottom: 40px
    }
}

@media (max-width: 991.98px) {
    .ltc-fri__button {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .abus-item {
        margin-bottom: 32px
    }
}

@media (max-width: 767.98px) {
    .abus-item {
        margin-bottom: 24px
    }
}

.abus-mb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.abus-mb__content {
    max-width: 670px
}

@media (max-width: 1200px) {
    .abus-mb__content {
        max-width: 420px
    }
}

.abus-mb__subtitle {
    margin-bottom: 16px
}

@media (max-width: 991.98px) {
    .abus-mb {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .abus-mb__content {
        max-width: unset
    }

    .abus-mb__subtitle {
        margin-bottom: 8px
    }
}

.abus-mb__subtitle-purpur {
    color: #966cee
}

.abus-mb__text span:not(:last-child) {
    display: block;
    margin-bottom: 16px
}

.abus-mb__image {
    max-width: 500px
}

@media (max-width: 1200px) {
    .abus-mb__image {
        max-width: 420px
    }
}

@media (max-width: 991.98px) {
    .abus-mb__image {
        max-width: unset;
        display: block
    }
}

@media (max-width: 767.98px) {
    .abus-mb__image {
        max-width: 460px
    }
}

@media (max-width: 479.98px) {
    .abus-mb__image {
        max-width: 290px
    }
}

.abus-steps {
    border: none;
    border-radius: unset;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin: 0 0 32px
}

@media (max-width: 1200px) {
    .abus-steps {
        margin-bottom: 18px
    }
}

@media (max-width: 991.98px) {
    .abus-steps {
        margin-bottom: 10px;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.abus-number {
    margin: 0;
    padding: 0;
    display: block
}

.abus-stepp {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: unset;
    overflow: auto
}

.abus-step-number {
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    border-radius: 38px;
    padding: 12px 16px;
    transition: all .3s ease 0s;
    white-space: nowrap
}

.abus-itt__title-1::before, .abus-itt__title-2::before, .abus-itt__title-3::before, .abus-itt__title-4::before {
    width: 32px;
    height: 32px;
    box-shadow: 0 3.64px 5.09px rgba(24, 29, 54, .08);
    border-radius: 50%
}

.active-number .abus-step-number {
    color: #fff;
    background: #966cee
}

.abus-itt__item::before, .abus-itt__title-1::before, .abus-itt__title-2::before, .abus-itt__title-3::before, .abus-itt__title-4::before {
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.abus-izd__title {
    margin-bottom: 2.5rem
}

.abus-itt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 120px
}

@media (max-width: 1200px) {
    .abus-izd__title {
        margin-bottom: 24px
    }

    .abus-itt {
        gap: 32px
    }
}

@media (max-width: 991.98px) {
    .abus-itt {
        gap: 20px;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.abus-itt__image {
    max-width: 530px
}

@media (max-width: 1200px) {
    .abus-itt__image {
        max-width: 480px
    }
}

@media (max-width: 479.98px) {
    .abus-itt__image {
        max-width: 280px
    }
}

.abus-itt__title {
    margin-bottom: 16px
}

@media (max-width: 767.98px) {
    .abus-itt__title {
        margin-bottom: 8px
    }
}

.abus-itt__title-1 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.abus-itt__title-2, .abus-itt__title-3 {
    display: -ms-flexbox;
    gap: 16px;
    position: relative
}

.abus-itt__title-1::before {
    background-image: url(../../img/izedw-icon_1.svg);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.abus-itt__title-2 {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.abus-itt__title-2::before {
    background-image: url(../../img/izedw-icon_2.svg);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.abus-itt__title-3 {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.abus-itt__title-3::before {
    background-image: url(../../img/izedw-icon_3.svg);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.abus-itt__title-4 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.abus-itt__title-4::before {
    background-image: url(../../img/izedw-icon_4.svg);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.abus-itt__subtitle {
    margin-bottom: 32px
}

@media (max-width: 767.98px) {
    .abus-itt__subtitle {
        margin-bottom: 20px
    }
}

.abus-itt__list {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

@media (max-width: 767.98px) {
    .abus-itt__list {
        gap: 12px
    }
}

.abus-itt__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

@media (max-width: 767.98px) {
    .abus-itt__item {
        gap: 8px
    }
}

.abus-itt__item::before {
    background-image: url(../../img/knowlwdge_star.svg);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px
}

.abus-fw__title {
    margin-bottom: 2.5rem
}

@media (max-width: 1200px) {
    .abus-fw__title {
        margin-bottom: 24px
    }
}

.abus-fw__list {
    display: grid;
    gap: 24px
}

.abus-fw__slide-con, .abus-fwi {
    display: -ms-flexbox;
    overflow: hidden;
    background: #6c4faa;
    border-radius: 24px
}

.abus-fw__slide-con {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.abus-fw__slider {
    padding-bottom: 50px
}

.swiper-pagination-one {
    text-align: left
}

.abus-cmd__title, .ben-b__title, .greps, .rad-fff, .rat__title, .tr-help__title {
    text-align: center
}

.swiper-pagination-one .swiper-pagination-bullet {
    opacity: .4
}

.swiper-pagination-one .swiper-pagination-bullet-active {
    opacity: 1
}

.abus-fw__slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 767.98px) {
    .abus-fw__slide-con {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .swiper-pagination-one {
        text-align: center
    }

    .abus-fw__slide {
        height: auto;
        display: -ms-flexbox;
        display: flex
    }
}

.abus-fwi {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.abus-ach__title::after, .abus-fwi__item::before {
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    content: ""
}

@media (min-width: 1200px) {
    .abus-fwi__image {
        margin-right: -75px;
        position: relative;
        left: -20px
    }
}

@media (max-width: 991.98px) {
    .abus-fwi__image {
        max-width: 300px
    }
}

.abus-fwi__content {
    padding: 36px 36px 36px 0
}

@media (max-width: 767.98px) {
    .abus-fwi__image {
        max-width: 280px;
        margin-bottom: -48px
    }

    .abus-fwi__content {
        padding: 24px
    }
}

.abus-fwi__title {
    color: #fff;
    margin-bottom: 24px;
    position: relative;
    left: 36px
}

.abus-fwi__list {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

@media (max-width: 767.98px) {
    .abus-fwi__title {
        left: 28px
    }

    .abus-fwi__list {
        gap: 12px
    }
}

.abus-fwi__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

@media (max-width: 767.98px) {
    .abus-fwi__item {
        gap: 8px
    }
}

.abus-fwi__item::before {
    background-image: url(../../img/knowlwdge_star.svg);
    background-size: contain;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px
}

.abus-ach {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

@media (max-width: 1200px) {
    .abus-ach {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 32px
    }

    .abus-ach__info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 767.98px) {
    .abus-ach__info {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: start
    }
}

.abus-ach__title {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 34px
}

@media (max-width: 1200px) {
    .abus-ach__title {
        font-size: 24px;
        line-height: 32px;
        margin: 0
    }
}

.abus-ach__title::after {
    background-image: url(../../img/borddd.png);
    background-size: cover;
    width: 100%
}

@media (max-width: 1200px) {
    .abus-ach__title::after {
        background-image: url(../../img/borddd2.png);
        height: 12px
    }

    .abus-ach__text {
        max-width: 420px
    }
}

.abus-ach__list {
    display: grid;
    gap: 24px
}

.abus-ach__list::-webkit-scrollbar {
    display: none
}

@media (max-width: 767.98px) {
    .abus-ach__title {
        margin-bottom: 8px
    }

    .abus-ach__text {
        max-width: unset
    }

    .abus-ach__list {
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        gap: 8px;
        padding: 15px 0
    }
}

.abus-ach__item {
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    box-shadow: 0 6px 24px rgba(24, 29, 54, .06);
    border-radius: 24px;
    padding: 16px 32px;
    width: 370px
}

.abus-ach__item_image {
    max-width: 100px
}

.abus-cmd__title {
    margin-bottom: 32px
}

@media (max-width: 991.98px) {
    .abus-cmd__title {
        margin-bottom: 24px;
        -moz-text-align-last: left;
        text-align-last: left
    }
}

.abus-cmi__title {
    margin-bottom: 20px
}

.abus-cmi__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 56px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.abus-cmi__list::-webkit-scrollbar {
    display: none
}

@media (max-width: 1200px) {
    .abus-ach__item {
        width: auto
    }

    .abus-cmi__list {
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

@media (max-width: 767.98px) {
    .abus-ach__item {
        min-width: 300px;
        padding: 8px 12px;
        gap: 16px
    }

    .abus-ach__item_image {
        max-width: 75px
    }

    .abus-cmi__list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        -moz-column-gap: 0;
        column-gap: 0;
        row-gap: 0
    }
}

.abus-cmi__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

@media (max-width: 1200px) {
    .abus-cmi__item {
        gap: 24px
    }
}

.abus-cmi__item_image {
    max-width: 140px;
    border-radius: 32px;
    display: block;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .abus-cmi__item_image {
        max-width: 100px
    }
}

.abus-cmi__item_title {
    font-style: normal;
    font-weight: 400;
    color: #392b4b;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px
}

@media (max-width: 1200px) {
    .abus-cmi__item_title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px;
        max-width: 200px
    }
}

@media (max-width: 767.98px) {
    .abus-cmi__item {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: start;
        gap: 16px
    }

    .abus-cmi__item_title {
        min-width: 200px
    }
}

.abus-cmi__item_subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #a897bd
}

@media (max-width: 991.98px) {
    .abus-cmi__item_subtitle {
        font-size: 14px;
        line-height: 20px
    }
}

.abus-h__wrapper {
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    padding-bottom: 30px
}

.abus-h__wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    background: linear-gradient(270deg, rgba(239, 232, 248, 0) -.89%, #efe8f8 8.5%, #efe8f8 99.96%);
    border-radius: 4px;
    z-index: -1
}

.abus-h__slidee, .abus-h__slidee::before {
    border-radius: 32px;
    transition: all .3s ease 0s
}

.abus-h__slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.abus-h__slidee {
    height: 22px;
    width: 22px;
    background: #b298ee;
    box-shadow: 0 6px 12px rgba(24, 29, 54, .2);
    position: relative
}

.abus-h__slidee:first-child {
    margin-left: 100px
}

.abus-h__slidee::before {
    content: "";
    position: absolute;
    background-color: #b298ee;
    opacity: .6;
    width: 32px;
    height: 32px;
    top: -5px;
    left: -5px
}

.abus-h__slidee[aria-describedby] {
    background: #966cee
}

.abus-h__slidee[aria-describedby]::before {
    background-color: #966cee
}

.abus-h__slidee[aria-describedby]::after {
    color: #392b4b !important
}

[id^=tippy-point-]::after {
    pointer-events: none;
    position: absolute;
    content: attr(data-month);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #a897bd;
    left: 50%;
    top: 36px;
    transform: translate(-50%, 0);
    white-space: nowrap;
    transition: all .3s ease 0s
}

.mrpl-t__titles a, .mrpl-t__titles h1 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    font-style: normal
}

.tippy-box {
    background: #fff;
    box-shadow: 0 6px 24px rgba(24, 29, 54, .1);
    border-radius: 24px;
    color: #392b4b;
    padding: 16px 32px
}

.tippy-arrow {
    color: #fff
}

.bul-center {
    top: 35%
}

.mrpl__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 48px 0 28px
}

@media (max-width: 991.98px) {
    .mrpl__top {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 44px;
        margin: 32px 0 24px
    }
}

@media (max-width: 767.98px) {
    .mrpl__top {
        margin: 18px 0 16px;
        gap: 28px
    }
}

@media (max-width: 479.98px) {
    .mrpl__top {
        gap: 8px;
        -ms-flex-align: start;
        align-items: start
    }
}

.mrpl__filters {
    margin-bottom: 24px
}

.mrpl-t__titles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px
}

@media (max-width: 479.98px) {
    .mrpl-t__titles {
        -ms-flex-align: start;
        align-items: start;
        gap: 18px;
        margin-bottom: 20px
    }
}

.mrpl-t__titles h1 {
    color: #392b4b;
    position: relative
}

.mrpl-t__titles h1::before {
    content: "";
    position: absolute;
    background-color: #966cee;
    width: 100%;
    height: 4px;
    bottom: -8px
}

.mrpl-t__titles a {
    color: #d0c2de
}

.mrpl-t__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

@media (max-width: 767.98px) {
    .mrpl-t__buttons {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }
}

@media (max-width: 479.98px) {
    .mrpl-t__buttons {
        -ms-flex-align: start;
        align-items: start
    }
}

.mrpl-t__buttons_hide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #966cee;
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    border-radius: 8px
}

.input__con-cust {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input__con-cust p {
    margin: 0
}

.cust-select {
    width: auto;
    color: #392b4b
}

.cust-select span {
    border: none !important;
    background-color: transparent !important;
    border-radius: unset !important
}

.mrpl-fb, .pad-tb {
    border: 1px solid #efe8f8
}

.cust-select span.select2-selection {
    gap: 4px
}

.cust-select span.select2-selection__rendered {
    padding: 0 !important;
    color: #392b4b;
    font-weight: 400
}

.cust-select span.select2-selection__arrow {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background-image: url(../../img/arrow-black.svg) !important
}

.carrd__body, .mrpl-fb, .pad-tb {
    background: #fff
}

.cust-select .select2-container--krajee-bs4.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: rotate(-180deg)
}

.mrpl-f__con {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1268px) {
    .mrpl-f__con {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 767.98px) {
    .mrpl-f__con {
        display: block
    }
}

.mrpl-f__con_item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.mrpl-fb__text {
    margin-bottom: 12px
}

.mrpl-fb {
    padding: 32px 0
}

.mrpl-fb__selects {
    display: grid;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 40px
}

@media (min-width: 1567px) {
    .mrpl-f__con {
        gap: 64px
    }

    .mrpl-fb__selects {
        -moz-column-gap: 64px;
        column-gap: 64px
    }
}

.mrpl-fb__ranges {
    -ms-flex: 1 0 230px;
    flex: 1 0 230px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.mrpl-fb__checkboxes {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.mrpl-fb__checkboxes_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

@media (max-width: 1268px) {
    .mrpl-fb__checkboxes_row:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (max-width: 1268px) and (max-width: 576px) {
    .mrpl-fb__checkboxes_row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 576px) {
    .companies-f__form_labels-c {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.pad-tb {
    padding: 16px 0
}

.slider_valuess {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px
}

.mrpl-ft__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

.mrpl-ft__item {
    padding: 8px 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #a897bd;
    border-radius: 8px
}

.main__selectt {
    width: 180px
}

@media (max-width: 1268px) {
    .main__selectt {
        width: 280px
    }
}

@media (max-width: 767.98px) {
    .mrpl-fb__selects {
        grid-template-columns:1fr;
        row-gap: 16px
    }

    .main__selectt {
        width: auto
    }
}

.cardds__list {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 44px
}

@media (max-width: 1200px) {
    .cardds__list {
        grid-template-columns:repeat(4, 1fr);
        row-gap: 32px
    }
}

@media (max-width: 991.98px) {
    .cardds__list {
        grid-template-columns:repeat(3, 1fr)
    }
}

.carrds {
    margin: 40px 0 44px
}

.carrd__body {
    border: 1px solid #efe8f8;
    box-sizing: border-box;
    border-radius: 16px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    transition: all .3s ease 0s;
    overflow: hidden
}

@media (max-width: 767.98px) {
    .cardds__list {
        grid-template-columns:repeat(2, 1fr)
    }

    .input__con-custt {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .carrd__body {
        margin: 0 auto
    }
}

.pagination__inner {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination__inner [disabled] {
    cursor: none;
    opacity: .5
}

.pagination__inner ul li.active, .pagination__inner ul li:hover, .preor-b__nav_item, label[for]:hover {
    cursor: pointer
}

.pagination__inner a {
    display: block;
    text-decoration: none;
    padding: 5px 7px;
    transition: all .2s;
    color: #000
}

.ed-trcmb__button, .help-b__btn, .item-conv__button-reset p, .item-conv__button-reset svg path, .preor-b__nav_item, .preor-b__nav_item::after, .stars label {
    transition: all .3s ease 0s
}

.pagination__inner a:hover {
    color: salmon
}

.pagination__inner ul {
    margin: 0 10px;
    padding: 0
}

.pagination__inner ul li {
    display: inline-block
}

.pagination__inner ul li.active a, .pagination__inner ul li:hover a {
    background: #966cee;
    color: #fff
}

@media (max-width: 991.98px) {
    .container-a-spesh {
        padding: 0 16px
    }
}

.main-purpure {
    background: #9370dd;
}

.item-conv__button-reset {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 32px
}

@media (max-width: 991.98px) {
    .item-conv__button-reset {
        padding-top: 26px
    }
}

@media (max-width: 767.98px) {
    .item-conv__button-reset {
        padding-top: 16px
    }
}

.item-conv__button-reset.res-white p {
    color: #e6e0fa
}

.item-conv__button-reset.res-white svg path {
    stroke: #e6e0fa
}

@media (any-hover: hover) {
    .item-conv__button-reset.res-white:hover p {
        color: #fff
    }

    .item-conv__button-reset.res-white:hover svg path {
        stroke: #fff
    }
}

.item-conv__button-reset p {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #a897bd
}

.item-conv__button-reset svg {
    -ms-flex: 0 0 24px;
    flex: 0 0 24px
}

@media (max-width: 991.98px) {
    .item-conv__button-reset p {
        font-size: 10px;
        line-height: 16px
    }

    .item-conv__button-reset svg {
        -ms-flex: 0 0 20px;
        flex: 0 0 20px
    }
}

@media (any-hover: hover) {
    .item-conv__button-reset:hover p {
        color: #392b4b
    }

    .item-conv__button-reset:hover svg path {
        stroke: #392b4b
    }
}

@media (max-width: 479.98px) {
    .cardds__list {
        grid-template-columns:1fr
    }

    .pag-li {
        width: 32px !important;
        height: 32px !important
    }

    .step-nss_ed {
        border-radius: 8px;
        padding: 8px
    }

    .step-nss__number {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 4px
    }

    .step-nss__number .step-n__number_circle {
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        font-style: normal;
        font-weight: 600;
        font-size: 10px;
        line-height: 12px
    }

    .step-nss__gap {
        -ms-flex: 0 0 28px;
        flex: 0 0 28px;
        min-width: 28px;
    }
}

.item-btn__btn-fake, .pl-wh {
    width: -webkit-fit-content;
    width: -moz-fit-content
}

.prof-class__main {
    padding-top: 32px
}

.ed-mar {
    margin-top: -20px;
    margin-bottom: 0 !important
}

.my-skills__attention.edd {
    margin-top: -18px;
    padding: 16px 24px
}

.edd {
    background: #fffded;
    border: 1px solid #fcdda2;
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 80px
}

@media (max-width: 991.98px) {
    .my-skills__attention.edd {
        padding: 16px
    }

    .edd {
        gap: 106px
    }
}

@media (max-width: 767.98px) {
    .my-skills__attention.edd {
        margin-top: -6px;
        padding: 12px
    }

    .edd {
        gap: 15px
    }
}

@media (max-width: 479.98px) {
    .edd {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 8px;
        -ms-flex-align: start;
        align-items: start
    }
}

.edd__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.edd__title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #392b4b
}

.edd__text, .item-btn__btn-fake, .stars label {
    font-weight: 400;
    font-style: normal
}

.edd__text {
    font-size: 16px;
    line-height: 24px;
    color: #392b4b
}

.edd__image {
    -ms-flex: 0 0 98px;
    flex: 0 0 98px
}

@media (max-width: 991.98px) {
    .edd__title {
        font-size: 16px;
        line-height: 24px
    }

    .edd__text {
        font-size: 14px;
        line-height: 20px
    }

    .edd__image {
        -ms-flex: 0 0 78px;
        flex: 0 0 78px
    }
}

@media (max-width: 767.98px) {
    .edd__image {
        -ms-flex: 0 0 64px;
        flex: 0 0 64px
    }
}

.prof-head, .prof-head__main {
    display: -ms-flexbox;
    -ms-flex-align: center
}

.prof-head {
    margin-bottom: 4px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #efe8f8;
    border-radius: 16px;
    display: flex;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.prof-head__main {
    display: flex;
    gap: 32px;
    align-items: center
}

@media (max-width: 991.98px) {
    .prof-head__main {
        gap: 24px
    }
}

.prof-head__prof {
    padding: 6px;
    background: #f9f4ff;
    border: 1px solid #efe8f8;
    border-radius: 8px
}

.prof-head__score {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

@media (max-width: 767.98px) {
    .prof-head {
        margin-bottom: 10px
    }

    .prof-head__score {
        display: none
    }
}

@media (max-width: 479.98px) {
    .item__btn-row-ed {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .item__btn-row-ed label {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.item__btn-row-ed label {
    display: block !important
}

.ed-block, .fix_b {
    display: -ms-flexbox
}

.item-btn__btn-fake {
    font-size: 16px;
    line-height: 24px;
    color: #392b4b;
    padding: 4px 12px;
    background: #fff;
    border: 1px solid #efe8f8;
    border-radius: 8px;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.step-s__radio_label input:checked ~ .item-btn__btn-fake {
    background: #966cee;
    color: #fff
}

@media (any-hover: hover) {
    .step-s__radio_label:hover .item-btn__btn-fake {
        background: #e6e0fa
    }
}

.ed-block, .ed-block__image {
    background-position: center;
    background-repeat: no-repeat
}

.my-skills__item_edd {
    padding: 16px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.my-skills__item_edd div {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width: 767.98px) {
    .my-skills__item_edd {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: start;
        padding: 12px;
        gap: 12px
    }
}

.fix_b {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    margin-top: 32px;
    gap: 16px
}

@media (max-width: 991.98px) {
    .fix_b {
        margin-top: 24px
    }
}

@media (max-width: 479.98px) {
    .my-skills__item_edd div {
        width: 100%;
        text-align: center
    }

    .fix_b {
        margin-top: 16px
    }

    .fix_but {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.fix_but {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    padding: 10px 24px
}

@media (max-width: 991.98px) {
    .fix_but {
        padding: 10px 32px
    }
}

.step-s__spesh {
    background-color: transparent;
    border: none;
    border-radius: unset;
    padding: 42px 0
}

@media (max-width: 767.98px) {
    .step-s__spesh {
        padding: 22px 0 30px
    }
}

@media (max-width: 479.98px) {
    .step-s__spesh {
        padding: 16px 0 30px
    }
}

.step-s__speshh {
    padding: 32px 0
}

@media (max-width: 991.98px) {
    .step-s__speshh {
        padding: 24px 0
    }
}

.ed-block {
    background-image: url(../../img/class-bg.png);
    background-size: cover;
    border-radius: 16px;
    display: flex;
    padding: 24px;
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .ed-block {
        margin-bottom: 32px
    }

    .ed-block__title {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 767.98px) {
    .ed-block {
        padding: 16px;
        background-image: unset;
        background-color: #c1e4ff
    }
}

.pl, .pl-wh {
    color: #168c4c;
    padding: 4px 12px
}

.ed-block__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}

.ed-block__title {
    margin-bottom: 0
}

.ed-block__text {
    margin-bottom: 8px
}

@media (max-width: 479.98px) {
    .ed-block__main {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ed-block__title {
        -ms-flex-order: 1;
        order: 1
    }

    .ed-block__add {
        -ms-flex-order: 2;
        order: 2
    }

    .ed-block__text {
        -ms-flex-order: 3;
        order: 3
    }

    .ed-block__image {
        display: none
    }
}

.ed-block__image {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    background-image: url(../../img/airplane.png);
    background-size: contain;
    position: relative;
    transform: scale(1.7);
    top: -1.5em
}

.pl, .pl-wh, .stars label {
    background: #fff
}

.rat {
    margin-bottom: 88px
}

@media (max-width: 1440px) {
    .rat {
        margin-bottom: calc(32px + 56 * ((100vw - 320px) / 1120))
    }
}

.rat__title {
    margin-bottom: 24px
}

.pl-wh {
    border-radius: 8px;
    width: fit-content
}

.pl {
    border: 1px solid #38bf7e;
    border-radius: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.stars {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.rating input[type=radio]:not(:nth-of-type(0)) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.rating [type=radio]:not(:nth-of-type(0)) + label {
    display: none
}

.prof-ib, .r_btns {
    display: -ms-flexbox
}

.rating .stars label:nth-of-type(1)::before {
    content: "1"
}

.rating .stars label:nth-of-type(2)::before {
    content: "2"
}

.rating .stars label:nth-of-type(3)::before {
    content: "3"
}

.rating .stars label:nth-of-type(4)::before {
    content: "4"
}

.rating .stars label:nth-of-type(5)::before {
    content: "5"
}

.rating .stars label:nth-of-type(6)::before {
    content: "6"
}

.rating .stars label:nth-of-type(7)::before {
    content: "7"
}

.rating .stars label:nth-of-type(8)::before {
    content: "8"
}

.rating .stars label:nth-of-type(9)::before {
    content: "9"
}

.rating .stars label:nth-of-type(10)::before {
    content: "10"
}

.rating .stars label:nth-of-type(11)::before {
    content: "11"
}

.goalr__title::after, .npne::after {
    content: ""
}

.stars label {
    font-size: 14px;
    line-height: 20px;
    color: #392b4b;
    border: 1px solid #efe8f8;
    border-radius: 8px;
    padding: 8px 14px
}

.prof-ib, .profor__image {
    border-radius: 16px;
    overflow: hidden
}

.stars label:hover {
    background: #e6e0fa
}

.rating [type=radio]:nth-of-type(1):focus ~ .stars label:nth-of-type(1), .rating [type=radio]:nth-of-type(10):focus ~ .stars label:nth-of-type(10), .rating [type=radio]:nth-of-type(11):focus ~ .stars label:nth-of-type(11), .rating [type=radio]:nth-of-type(2):focus ~ .stars label:nth-of-type(2), .rating [type=radio]:nth-of-type(3):focus ~ .stars label:nth-of-type(3), .rating [type=radio]:nth-of-type(4):focus ~ .stars label:nth-of-type(4), .rating [type=radio]:nth-of-type(5):focus ~ .stars label:nth-of-type(5), .rating [type=radio]:nth-of-type(6):focus ~ .stars label:nth-of-type(6), .rating [type=radio]:nth-of-type(7):focus ~ .stars label:nth-of-type(7), .rating [type=radio]:nth-of-type(8):focus ~ .stars label:nth-of-type(8), .rating [type=radio]:nth-of-type(9):focus ~ .stars label:nth-of-type(9) {
    color: #fff;
    background: #966cee
}

.r_btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 32px;
    max-width: unset
}

@media (max-width: 479.98px) {
    .r_btn {
        width: auto
    }
}

.r_btns {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.prof-ib {
    background: #392b4b;
    display: flex
}

@media (max-width: 767.98px) {
    .ed-block__image {
        transform: scale(1.4);
        top: -1em
    }

    .prof-ib {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.prof-ib__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding: 40px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media (max-width: 991.98px) {
    .prof-ib__content {
        gap: 12px;
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    .prof-ib__content {
        position: relative;
        padding: 24px 16px
    }

    .prof-ib__content::before {
        content: "";
        position: absolute;
        background-image: url(../../img/prof-man.png);
        background-position: right;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        opacity: .4
    }
}

@media (max-width: 767.98px) and (max-width: 479.98px) {
    .prof-ib__content::before {
        display: none
    }
}

.prof-ib__title {
    margin: 0;
    position: relative;
    z-index: 2
}

.prof-ib__text {
    margin-bottom: 16px
}

.prof-ib__link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 24px;
    position: relative;
    z-index: 2
}

@media (max-width: 991.98px) {
    .prof-ib__text {
        margin-bottom: 12px;
        position: relative;
        z-index: 2
    }

    .prof-ib__link {
        padding: 10px 32px;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px
    }
}

.prof-ib__image {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    background-image: url(../../img/prof-man.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 479.98px) {
    .prof-ib__image {
        background-image: url(../../img/prof-man-mob.png);
        background-size: contain;
        background-position: right;
        min-height: 246px;
        margin-top: -2em
    }
}

@media (max-width: 360px) {
    .prof-ib__image {
        background-position: center;
        background-size: cover
    }
}

.container-profor {
    max-width: 708px;
    margin: 0 auto
}

.profor__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 28px
}

@media (max-width: 991.98px) {
    .profor__image {
        margin-bottom: 24px
    }
}

@media (max-width: 767.98px) {
    .profor__image {
        margin-bottom: 16px
    }
}

.profor__range {
    width: 100%;
    margin-bottom: 24px
}

@media (max-width: 767.98px) {
    .profor__range {
        margin-bottom: 20px
    }
}

.profor__range_span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px
}

@media (max-width: 767.98px) {
    .profor__range_span {
        margin-bottom: 8px
    }
}

.profor__range_number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #615473;
    background: #f9f4ff;
    border: 1px solid #efe8f8;
    border-radius: 4px;
    width: 32px;
    height: 32px
}

@media (max-width: 991.98px) {
    .profor__range_number {
        width: 28px;
        height: 28px;
        font-size: 14px;
        line-height: 20px
    }
}

.profor__range_title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #392b4b
}

.profor__range progress {
    display: none
}

.rad-ed, .rad-fff {
    display: -ms-flexbox
}

.profor__range progress ~ .progress-fake {
    position: relative;
    height: 5px;
    width: 100%;
    background: #ccf7e5;
    border-radius: 16px
}

.profor__range progress ~ .progress-fake .progress-fake__complete {
    position: absolute;
    height: 100%;
    width: 15%;
    background: #38bf7e;
    border-radius: 16px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.rad-bvv {
    margin-bottom: 40px
}

.rad-ed {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.rad-fff {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .05), 0 6px 16px rgba(24, 29, 54, .05);
    border-radius: 60px;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.goalp, .label_edd {
    display: -ms-flexbox
}

.label_edd {
    display: flex;
    height: 88px;
    width: 308px
}

@media (max-width: 991.98px) {
    .profor__range_title {
        font-size: 14px;
        line-height: 20px
    }

    .rad-bvv {
        margin-bottom: 32px
    }

    .label_edd {
        width: 277px;
        height: 80px
    }
}

@media (max-width: 767.98px) {
    .rad-bvv {
        margin-bottom: 24px
    }

    .label_edd {
        width: auto;
        height: 72px;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.fasdf {
    padding-top: 12px
}

@media (max-width: 991.98px) {
    .fasdf {
        padding-top: 16px
    }
}

@media (max-width: 479.98px) {
    .fasdf {
        padding-top: 4px
    }
}

.goalp {
    background: #2d1d41;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    margin-bottom: 44px
}

.goalp__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

.goalp__title {
    margin-bottom: 16px
}

@media (max-width: 991.98px) {
    .goalp__content {
        padding: 32px;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .goalp__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 8px
    }

    .goalp__text {
        font-size: 14px;
        line-height: 20px
    }

    .goalr__title {
        font-size: 24px;
        line-height: 32px
    }
}

.goalp__image {
    background-image: url(../../img/prof-main_block-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

@media (max-width: 767.98px) {
    .goalp__image {
        background-size: contain
    }
}

@media (max-width: 648px) {
    .goalp__image {
        background-size: cover;
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        height: 80px;
        transform: scale(1.8)
    }
}

@media (max-width: 479.98px) {
    .goalp__image {
        height: 60px;
        transform: scale(3)
    }
}

@media (max-width: 380px) {
    .goalp__image {
        height: 50px
    }
}

.goalr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 44px;
    margin-bottom: 44px
}

@media (max-width: 767.98px) {
    .goalr {
        gap: 24px;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 32px
    }
}

.goalr__title {
    margin-bottom: 0;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.goalr__title::after {
    position: relative;
    background: url(/img/sahalin-prof-decor.svg) center no-repeat;
    background-size: contain;
    width: 160px;
    height: 78px;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.goalr__list {
    -ms-flex: 0 1 90%;
    flex: 0 1 90%;
    margin: 0
}

.goalr__item:not(:last-child) {
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .goalr__title::after {
        width: 120px;
        height: 80px
    }

    .goalr__item:not(:last-child) {
        margin-bottom: 32px
    }
}

.goalr__item_title {
    font-weight: 600;
    margin: 24px 0 12px
}

@media (max-width: 991.98px) {
    .goalr__item_title {
        font-size: 16px;
        line-height: 24px;
        margin: 20px 0 8px
    }

    .goalr__text {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .goalr__title::after {
        display: none
    }

    .goalr__item_title {
        margin: 16px 0 8px
    }
}

.spesh-con-title {
    margin-bottom: 32px
}

@media (max-width: 991.98px) {
    .spesh-con-title {
        margin-bottom: 26px
    }
}

@media (max-width: 767.98px) {
    .spesh-con-title {
        margin-bottom: 16px
    }
}

.span-spesh {
    /*color: #b2c7ef;*/
    /*background: #f2f7ff;*/
    border: 1px solid #e6e0fa;
    border-radius: 8px
}

.title__con {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.title__con-span {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #b2c7ef
}

.slide_title__spesh, .spesh_tt {
    font-style: normal;
    color: #392b4b
}

@media (max-width: 991.98px) {
    .title__con-span {
        font-size: 14px;
        line-height: 20px
    }
}

.slide_title__spesh {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin: 16px 0 12px
}

@media (max-width: 991.98px) {
    .slide_title__spesh {
        font-size: 16px;
        line-height: 24px;
        margin: 12px 0 4px
    }
}

.spesh_tt {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px
}

.spesh__slide-text, .spesh_price {
    font-weight: 400;
    font-style: normal
}

@media (max-width: 991.98px) {
    .spesh_tt {
        font-size: 18px;
        line-height: 24px
    }
}

.ds-spesh {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

@media (max-width: 767.98px) {
    .ds-spesh {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.greps {
    margin-bottom: 32px
}

.spesh_price {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #a897bd;
    padding: 20px 16px;
    border-top: 2px solid #efe8f8;
    border-bottom: 2px solid #efe8f8
}

@media (max-width: 991.98px) {
    .spesh_price {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 16px
    }
}

.spesh_price span {
    color: #392b4b;
    margin-left: 8px
}

.spesh__slide-text {
    font-size: 16px;
    line-height: 24px;
    color: #392b4b;
    margin-bottom: 16px
}

.spesh-btn-con {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 16px
}

.spesh-btn-con .main__btn-light {
    width: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 8px 0
}

.fort {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%
}

.ed-block__imagee {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    background-image: url(../../img/Illustration.png);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    transform: scale(1.6);
    transform-origin: bottom;
    bottom: -32px;
}

@media (max-width: 991.98px) {
    .spesh__slide-text {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px
    }

    .ed-block__imagee {
        transform: scale(1.9);
    }
}

@media (max-width: 886.66px) {
    .ed-block__imagee {
        transform: scale(1.7);
    }
}

@media (max-width: 767.98px) {
    .ed-block__imagee {
        transform: scale(1.5);
    }
}

/*@media (max-width: 645px) {
    .ed-block__imagee {
        width: 260px;
        height: 140px;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        transform: scale(1);
        -ms-flex-item-align: center;
        align-self: center;
        top: 20px
    }
}*/

.slides__conn {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 42px
}

@media (max-width: 767.98px) {
    .slides__conn {
        grid-template-columns:repeat(2, 1fr);
        margin-bottom: 16px
    }
}

@media (max-width: 479.98px) {
    .slides__conn {
        grid-template-columns:1fr
    }
}

.courses__slide_spesh {
    width: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.class__educationn {
    background: #392b4b;
    padding: 32px 40px;
    margin-top: 8px;
}

@media (max-width: 991.98px) {
    .class__educationn {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    .class__educationn {
        padding: 20px 16px
    }
}

.cust-pad {
    padding-top: 0
}

.fot-block-title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .fot-block-title {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 24px
    }
}

.detailin-n__item::before, .detailin__item {
    font-weight: 600;
    line-height: 16px;
    font-style: normal
}

.fot-block-btn {
    padding: 10px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 645px) {
    .class__educationn {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fot-block-btn {
        width: 100%
    }
}

.detailin__main {
    margin-top: 52px
}

.detailin__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 44px;
    gap: 12px
}

@media (max-width: 991.98px) {
    .fot-block-btn {
        padding: 10px 20px
    }

    .detailin__main {
        margin-top: 16px
    }

    .detailin__list {
        gap: 8px
    }
}

@media (max-width: 767.98px) {
    .detailin__list {
        margin-bottom: 32px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-bottom: 20px;
        -ms-flex-pack: start;
        justify-content: start
    }

    .detailin__list::-webkit-scrollbar {
        display: none
    }
}

.detailin__item {
    white-space: nowrap;
    font-size: 12px;
    color: #615473;
    background: #fff;
    padding: 18px 16px;
    box-shadow: 0 9px 20px rgba(12, 15, 32, .06), 0 3px 4px rgba(0, 0, 0, .05);
    border-radius: 96px
}

@media (max-width: 991.98px) {
    .detailin__item {
        font-size: 10px;
        line-height: 16px;
        padding: 12px 16px
    }
}

.steckkk {
    background-image: url(../../img/sahalin-full-steck-bg.png) !important;
    padding: 40px 50px 48px
}

@media (max-width: 991.98px) {
    .steckkk {
        padding: 32px 30px
    }
}

@media (max-width: 767.98px) {
    .steckkk {
        padding: 20px 16px
    }

    .klc_c {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .klc {
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.nob {
    background: #966cee;
    border: none
}

.nob::before {
    display: none
}

.npne {
    color: #966cee;
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.knowledgee, .npne::after {
    background-position: center;
    background-repeat: no-repeat
}

.npne::after {
    position: relative;
    background-image: url(/img/sahalin-sw.svg);
    background-size: contain;
    width: 10px;
    height: 10px
}

.steck-fb__subtitlee {
    margin-bottom: 36px
}

@media (max-width: 991.98px) {
    .steck-fb__subtitlee {
        margin-bottom: 24px
    }
}

.knowledgee {
    background-color: #0066C0;
    border-radius: 16px;
    background-image: url(../../img/looper-bg.png);
    background-size: cover;
    margin-bottom: 44px
}

@media (max-width: 991.98px) {
    .knowledgee {
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    .knowledgee {
        margin-bottom: 32px
    }
}

.why-cool__listt {
    margin-bottom: 54px;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    -moz-column-gap: 48px;
    column-gap: 48px;
    row-gap: 24px
}

@media (max-width: 991.98px) {
    .why-cool__listt {
        -moz-column-gap: 36px;
        column-gap: 36px;
        row-gap: 20px;
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    .why-cool__listt {
        grid-template-columns:repeat(1, 1fr);
        row-gap: 16px;
        margin-bottom: 32px
    }
}

.detailin_whi {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.detailin_whi::before {
    -ms-flex: 0 0 20px;
    flex: 0 0 20px
}

.detailin-n {
    margin-bottom: 46px
}

@media (max-width: 991.98px) {
    .detailin-n {
        margin-bottom: 32px
    }
}

.detailin-n__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.detailin-n__body img {
    width: 420px
}

@media (max-width: 767.98px) {
    .detailin-n__body img {
        width: 360px
    }
}

@media (max-width: 620px) {
    .detailin-n__body img {
        display: none
    }
}

.detailin-n__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    counter-reset: num;
    margin: 0
}

.detailin-n__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    counter-increment: num
}

.detailin-n__item::before {
    content: counter(num);
    width: 36px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #615473;
    border: 1px solid #dfdbee;
    border-radius: 50%
}

.detailin-n__item::marker {
    display: none
}

.detalinin-wl__title {
    margin-top: 44px
}

.detalinin-wl__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 44px
}

@media (max-width: 767.98px) {
    .detalinin-wl__title {
        margin-top: 32px
    }

    .detalinin-wl__list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
        margin-bottom: 32px
    }

    .detalinin-wl__list::-webkit-scrollbar {
        display: none
    }
}

.detalinin-wl__item {
    padding: 28px;
    background: #fff;
    border: 1px solid #efe8f8;
    border-radius: 16px
}

.detalinin-wl__item img {
    -ms-flex: 0 0 120px;
    flex: 0 0 120px
}

.ed-trc {
    overflow: hidden;
    /*margin-top: 36px*/
}

@media (max-width: 991.98px) {
    .detailin-n__list {
        gap: 16px
    }

    .detailin-n__item::before {
        width: 32px;
        height: 32px
    }

    .detalinin-wl__item img {
        -ms-flex: 0 0 108px;
        flex: 0 0 108px
    }

    .ed-trc {
        margin-top: 32px
    }

    .ed-trcmb {
        margin-bottom: 30px
    }
}

.ed-trcmb .container-b {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767.98px) {
    .ed-trcmb {
        margin-bottom: 12px
    }

    .ed-trcmb .container-b {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.ed-trcmb__content {
    -ms-flex: 1 0 52%;
    flex: 1 0 52%
}

@media (max-width: 1200px) {
    .ed-trcmb__title {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 12px
    }

    .ed-trcmb__image {
        max-width: 500px
    }
}

.ed-trcmb__text {
    margin-bottom: 32px
}

@media (max-width: 991.98px) {
    .ed-trcmb__text {
        margin-bottom: 24px
    }
}

.ed-trcmb__button {
    display: block;
    padding: 10px 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (any-hover: hover) {
    .ed-trcmb__button:hover {
        background-color: #7d59ca
    }
}

@media (max-width: 479.98px) {
    .ed-trc {
        margin-top: 16px
    }

    .ed-trcmb__text {
        margin-bottom: 12px
    }

    .ed-trcmb__button {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width: 767.98px) {
    .ed-trcmb__button {
        padding: 10px 0;
        width: 100%
    }

    .ed-trcmb__image {
        margin-bottom: 24px;
        max-width: 1000px
    }
}

@media (max-width: 767.98px) and (max-width: 1440px) {
    .ed-trcmb__image {
        max-width: calc(288px + 712 * ((100vw - 320px) / 1120))
    }
}

.gap-b {
    margin-bottom: 27px
}

@media (max-width: 991.98px) {
    .gap-b {
        margin-bottom: 40px
    }
}

@media (max-width: 479.98px) {
    .gap-b {
        margin-bottom: 12px
    }
}

.ed-trci__main {
    background: #6c4faa;
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.ed-trci__image {
    max-width: 300px
}

@media (max-width: 1440px) {
    .ed-trci__image {
        max-width: calc(200px + 100 * ((100vw - 320px) / 1120))
    }
}

.ed-trci__text {
    margin: 0;
    color: #fff;
    font-weight: 500;
    padding: 28px 16px 28px 0
}

@media (max-width: 767.98px) {
    .ed-trci__main {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .ed-trci__text {
        padding: 28px 16px
    }
}

@media (min-width: 991.98px) {
    .prob-b {
        margin-bottom: 53px
    }

    .prob-b__title {
        margin-top: 33px
    }
}

.prob-b__list {
    display: grid;
    grid-template-columns:repeat(2, auto);
    gap: 24px
}

.prob-b__item {
    border: 1px solid #efe8f8;
    border-radius: 16px;
    padding: 40px
}

@media (max-width: 991.98px) {
    .prob-b__item {
        padding: 24px
    }
}

@media (max-width: 767.98px) {
    .prob-b__list {
        grid-template-columns:repeat(1, auto);
        gap: 16px
    }

    .prob-b__item {
        padding: 16px
    }
}

.prob-b__item_info {
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .prob-b__item_info {
        margin-bottom: 16px
    }
}

@media (max-width: 479.98px) {
    .prob-b__item_info {
        margin-bottom: 8px
    }

    .help-b__btn {
        font-size: 14px;
        line-height: 24px
    }
}

.prob-b__item_text {
    color: #392b4b;
    margin: 0
}

.ben-b {
    background-image: url(../../img/ej-looper.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 20px;
    background-color: #392b4b
}

.ben-b__item::before, .ben-b__slide::before {
    background-image: url(../../img/ej-romb.svg);
    background-size: cover;
    width: 24px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    content: ""
}

@media (max-width: 991.98px) {
    .ben-b {
        padding: 32px 16px
    }
}

@media (max-width: 767.98px) {
    .ben-b {
        padding: 32px 0 20px
    }
}

.ben-b__list {
    display: grid;
    grid-template-columns:repeat(3, auto);
    margin: 0;
    row-gap: 60px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

.ben-b__item {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    max-width: 340px
}

.ben-b__item::before {
    height: 24px;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px
}

@media (max-width: 991.98px) {
    .ben-b__list {
        row-gap: 36px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .ben-b__item {
        gap: 8px;
        max-width: 270px
    }

    .ben-b__item::before {
        margin-bottom: 8px
    }
}

.ben-b__item_text, .ben-b__item_title {
    color: #fff
}

.ben-b__slider {
    padding: 0 15px
}

.ben-b__slide {
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 50px
}

.ben-b__slide::before {
    height: 24px;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px
}

.help-b__slide, .mrpl-t__btn-edu-1 {
    height: -webkit-fit-content;
    height: -moz-fit-content
}

@media (max-width: 991.98px) {
    .ben-b__slide {
        gap: 8px
    }

    .ben-b__slide::before {
        margin-bottom: 8px
    }
}

.pagw {
    width: auto !important;
    bottom: 0 !important;
    left: 10px !important
}

.help-b__btn, .tr-pow .help-b__item_info {
    width: -webkit-fit-content;
    width: -moz-fit-content
}

.pagw .swiper-pagination-bullet {
    background-image: url(../../img/white-pag-bullet.svg)
}

.pagw .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
    background-image: url(../../img/white-pag-active.svg)
}

@media (max-width: 767.98px) {
    .help-b {
        margin-bottom: 60px
    }
}

@media (max-width: 767.98px) and (max-width: 991.98px) {
    .help-b {
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) and (max-width: 479.98px) {
    .help-b {
        margin-bottom: 12px
    }
}

@media (max-width: 767.98px) {
    .help-b .gap-b {
        margin: 0
    }
}

.help-b__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.help-b__content {
    max-width: 952px
}

.help-b__title {
    margin-bottom: 16px
}

@media (max-width: 991.98px) {
    .help-b__title {
        margin-bottom: 12px
    }
}

.help-b__text {
    margin-bottom: 60px
}

@media (max-width: 991.98px) {
    .help-b__text {
        margin-bottom: 24px
    }
}

@media (max-width: 991.98px) and (max-width: 479.98px) {
    .help-b__text {
        margin-bottom: 20px
    }
}

.help-b__list {
    display: grid;
    grid-template-columns:repeat(2, 300px);
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 60px;
    margin-bottom: 28px
}

@media (max-width: 1200px) {
    .help-b__content {
        max-width: unset
    }

    .help-b__list {
        grid-template-columns:repeat(2, 1fr);
        margin-bottom: 40px;
        row-gap: 24px
    }

    .help-b__img {
        display: none
    }
}

.help-b__item_info {
    padding-bottom: 12px;
    margin-bottom: 16px
}

.help-b__item_info.red {
    border-bottom: 3px solid #ff5c4f
}

.help-b__item_info.yellow {
    border-bottom: 3px solid #ff9300
}

.help-b__item_info.purpur {
    border-bottom: 3px solid #916bee
}

.help-b__item_info.green {
    border-bottom: 3px solid #27ae60
}

.help-b__btn {
    margin: 0 auto;
    display: block;
    padding: 10px 50px;
    width: fit-content
}

@media (any-hover: hover) {
    .help-b__btn:hover {
        background-color: #7d59ca
    }
}

@media (max-width: 767.98px) {
    .help-b__btn {
        padding: 10px 0;
        width: 100%
    }
}

.help-b__btn.d-3 {
    margin: 12px 15px 0;
    width: auto
}

.help-b__slider {
    padding: 0 15px
}

.help-b__slider .swiper-pagination {
    width: auto !important;
    bottom: 0 !important;
    left: 10px !important
}

.help-b__slider .swiper-pagination .swiper-pagination-bullet {
    background-image: url(../../img/ejj.svg);
    background-position: center;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    opacity: 1
}

.help-b__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-image: url(../../img/ejjj.svg) !important
}

.help-b__slide {
    height: fit-content;
    padding-bottom: 50px
}

.preor-b {
    width: 100vw;
    overflow: hidden
}

.preor-b__title-red {
    color: #c92121;
    border-bottom: 2px solid #c92121
}

.preor-b__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 80px;
    overflow-x: auto;
    margin-bottom: 32px
}

@media (max-width: 991.98px) {
    .preor-b__nav {
        gap: 40px;
        -ms-flex-pack: start;
        justify-content: start;
        margin-bottom: 24px
    }
}

@media (max-width: 479.98px) {
    .preor-b__nav {
        margin-bottom: 16px
    }
}

.preor-b__nav::-webkit-scrollbar {
    display: none
}

.preor-b__nav_item {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    white-space: nowrap;
    overflow: hidden;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #a897bd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.preor-b__nav_item::after {
    cursor: default;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #966cee;
    position: relative;
    transform: translate(-110%, 0)
}

.preor-b__nav_item.active {
    color: #392b4b
}

.preor-b__nav_item.active::after {
    content: "";
    transform: translate(0, 0)
}

@media (max-width: 991.98px) {
    .preor-b__nav_item {
        font-size: 16px;
        line-height: 24px;
        gap: 4px
    }
}

.preor-b__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 140px
}

@media (max-width: 1300px) {
    .preor-b__image {
        max-width: 480px
    }
}

@media (max-width: 1200px) {
    .preor-b__image {
        max-width: 400px
    }
}

@media (max-width: 991.98px) {
    .preor-b__image {
        display: none;
        max-width: 288px
    }
}

@media (max-width: 767.98px) {
    .preor-b__main {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .preor-b__image {
        display: block
    }

    .wh-b .container-b {
        padding: 0
    }
}

.con-i {
    position: relative;
    height: 0
}

.con-i.active {
    height: 100%
}

.con-i.active .con-i__list, .con-i.active .con-i__title {
    transform: translate(0, 0)
}

.con-i__list, .con-i__title {
    transform: translate(100vw, 0);
    position: relative
}

.con-i__title {
    transition: all .5s ease 0s
}

.con-i__list {
    transition: all .7s ease 0s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.con-i__item {
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-align: center;
    align-items: center
}

.con-i__item::before {
    content: "";
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    background-image: url(../../img/knowlwdge_star.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

@media (max-width: 991.98px) {
    .con-i__list {
        gap: 16px
    }

    .con-i__item {
        gap: 8px
    }

    .con-i__item::before {
        -ms-flex: 0 0 16px;
        flex: 0 0 16px;
        width: 16px;
        height: 16px
    }
}

.wh-b__main {
    background: linear-gradient(97.46deg, #443359 22.41%, #312442 77.43%);
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px
}

.wh-b__title {
    color: #fff
}

.wh-b__list {
    display: grid;
    grid-template-columns:repeat(2, auto);
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 20px
}

.lists, .wh-b__item {
    display: -ms-flexbox
}

@media (max-width: 991.98px) {
    .wh-b__main {
        padding: 32px
    }

    .wh-b__list {
        row-gap: 12px
    }
}

@media (max-width: 767.98px) {
    .wh-b__main {
        padding: 32px 16px;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: unset
    }

    .wh-b__list {
        grid-template-columns:auto
    }
}

.wh-b__item {
    color: #fff;
    display: flex;
    gap: 16px;
    -ms-flex-align: center;
    align-items: center
}

.wh-b__item::before {
    content: "";
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    background-image: url(../../img/knowlwdge_star.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

@media (max-width: 991.98px) {
    .wh-b__item {
        gap: 8px
    }

    .wh-b__item::before {
        -ms-flex: 0 0 16px;
        flex: 0 0 16px;
        width: 16px;
        height: 16px
    }
}

@media (max-width: 1200px) {
    .wh-b__image {
        max-width: 200px
    }
}

.lists {
    display: flex;
    gap: 24px;
    margin-bottom: 27px
}

@media (max-width: 991.98px) {
    .lists {
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    .lists {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 24px
    }
}

@media (max-width: 479.98px) {
    .lists {
        margin-bottom: 12px;
        gap: 12px
    }
}

.hww-b .ed-trcmb__button {
    margin: 0 auto
}

.hww-b__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

@media (max-width: 991.98px) {
    .hww-b__list {
        gap: 16px
    }
}

@media (max-width: 479.98px) {
    .hww-b__list {
        gap: 12px
    }
}

.hww-b__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.colg, .plan-b__main {
    display: -ms-flexbox
}

@media (max-width: 991.98px) {
    .hww-b__item {
        gap: 16px
    }

    .hww-b__item img {
        max-width: 48px
    }
}

@media (max-width: 767.98px) {
    .hww-b__item img {
        max-width: 40px
    }
}

.hww-b__item-red {
    color: #ef3d32
}

@media (max-width: 1300px) {
    .hww-b__image {
        max-width: 570px
    }
}

@media (max-width: 991.98px) {
    .hww-b__image {
        max-width: 400px
    }
}

@media (max-width: 767.98px) {
    .hww-b__image {
        margin: 0 auto;
        max-width: 320px
    }
}

@media (max-width: 479.98px) {
    .hww-b__item {
        gap: 12px
    }

    .hww-b__image {
        max-width: 288px
    }
}

.colg {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.colg ul {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.plan-b__main {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 140px
}

@media (max-width: 1450px) {
    .plan-b__main {
        gap: 24px
    }
}

@media (max-width: 1300px) {
    .plan-b__image {
        max-width: 420px
    }
}

.plan-b__text {
    margin-top: 16px
}

.plan-b__info {
    display: -ms-flexbox;
    display: flex;
    gap: 60px
}

@media (max-width: 991.98px) {
    .plan-b__image {
        max-width: 360px
    }

    .plan-b__info {
        gap: 24px
    }
}

@media (max-width: 479.98px) {
    .plan-b__info {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }
}

.plan-b__infoblock_title {
    margin-bottom: 24px
}

.plan-b__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

@media (max-width: 991.98px) {
    .plan-b__infoblock_title {
        margin-bottom: 16px
    }

    .plan-b__list {
        margin-bottom: 12px
    }
}

.part-b .gap-b {
    margin-bottom: 11px
}

@media (max-width: 991.98px) {
    .part-b .gap-b {
        margin-bottom: 24px
    }
}

@media (max-width: 479.98px) {
    .part-b .gap-b {
        margin-bottom: -4px
    }
}

.part-b__list {
    overflow-x: auto;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin: 0 -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px
}

.part-b__list::-webkit-scrollbar {
    display: none
}

.part-b__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 220px;
    height: 168px;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    background: #fff;
    box-shadow: 0 6px 18.46px rgba(24, 29, 54, .08);
    border-radius: 51.69px
}

.part-b__image {
    max-width: 150px
}

@media (max-width: 991.98px) {
    .part-b__list {
        gap: 12px
    }

    .part-b__item {
        width: 134px;
        height: 100px;
        -ms-flex: 0 0 134px;
        flex: 0 0 134px;
        border-radius: 31.02px
    }

    .part-b__image {
        max-width: 90px
    }
}

@media (max-width: 767.98px) {
    .part-b__list {
        gap: 16px
    }

    .part-b__item {
        width: 212px;
        height: 160px;
        -ms-flex: 0 0 212px;
        flex: 0 0 212px;
        border-radius: 49.69px
    }

    .part-b__image {
        max-width: 140px
    }
}

.fm-b {
    padding: 80px 0;
    background: url(../../img/ej-looper-2.svg), linear-gradient(99.73deg, #fbfafd 16.72%, #f9f4ff 78.98%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.fm-b__main {
    max-width: 952px
}

.fm-b__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

@media (max-width: 991.98px) {
    .fm-b {
        padding: 32px 0
    }

    .fm-b__bottom {
        gap: 16px
    }
}

.fm-b__btn {
    min-width: 240px
}

@media (max-width: 767.98px) {
    .fm-b__bottom {
        gap: 12px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fm-b__btn {
        min-width: 100%
    }

    .lsd .input__row-item {
        width: 100%
    }
}

.card-item, .slide-small {
    min-width: 200px
}

.fm-b__info-link {
    color: #966cee
}

.lsd {
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .lsd {
        margin-bottom: 16px
    }
}

.lsdd {
    margin-bottom: 32px
}

.tfs {
    background-color: #fff;
    padding-top: 36px
}

@media (max-width: 991.98px) {
    .lsdd {
        margin-bottom: 24px
    }

    .tfs {
        padding-top: 32px
    }
}

.tr-gap {
    margin-bottom: 64px
}

@media (max-width: 991.98px) {
    .tr-gap {
        margin-bottom: 30px
    }
}

.tr-mb__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 767.98px) {
    .lsdd .input__row-item {
        width: 100%
    }

    .tfs {
        padding-top: 16px
    }

    .tr-gap {
        margin-bottom: 32px
    }

    .tr-mb__main {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-pack: center;
        justify-content: center
    }

    .tr-mb__content {
        margin-top: 24px
    }
}

.tr-mb__content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.tr-mb__title {
    margin-bottom: 16px
}

@media (max-width: 991.98px) {
    .tr-mb__title {
        margin-bottom: 12px
    }
}

@media (min-width: 991.98px) {
    .tr-mb__title {
        font-size: 50px;
        line-height: 60px
    }
}

@media (min-width: 1200px) {
    .tr-mb__title {
        font-size: 64px;
        line-height: 72px
    }
}

.tr-mb__text {
    margin-bottom: 40px
}

@media (max-width: 1200px) {
    .tr-mb__image {
        max-width: 530px
    }
}

@media (max-width: 991.98px) {
    .tr-mb__text {
        margin-bottom: 24px
    }

    .tr-mb__image {
        max-width: 420px
    }
}

@media (max-width: 767.98px) {
    .tr-mb__image {
        max-width: 380px
    }

    .tr-mb__btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 10px 16px;
        font-size: 14px;
        line-height: 20px
    }
}

.tr-percent__main {
    background: #6c4faa;
    border-radius: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px
}

.ltc-ff__item_titlee::after, .tr-helpi__item::before, .tr-traj__con {
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 991.98px) {
    .tr-percent__main {
        padding: 20px;
        border-radius: 19.2px
    }
}

@media (max-width: 767.98px) {
    .tr-percent__main {
        padding: 16px;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.tr-percent__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 60px
}

@media (max-width: 479.98px) {
    .tr-mb__image {
        max-width: 320px
    }

    .tr-percent__left {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: start
    }
}

.tr-percent__image {
    max-width: 220px
}

.tr-percent__right {
    border-left: 1px solid #c4c8da;
    padding-left: 80px
}

.tr-percent__per {
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
    color: #fff;
    margin-bottom: 16px
}

@media (max-width: 991.98px) {
    .tr-percent__left {
        padding-right: 22px
    }

    .tr-percent__image {
        max-width: 140px
    }

    .tr-percent__right {
        padding-left: 32px
    }

    .tr-percent__per {
        margin-bottom: 4px;
        font-size: 24px;
        line-height: 32px
    }
}

.tr-help__title {
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .tr-help__title {
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    .tr-percent__left {
        padding-right: 0;
        padding-bottom: 16px
    }

    .tr-percent__right {
        border-left: none;
        border-top: 1px solid #c4c8da;
        padding-left: 0;
        padding-top: 16px
    }

    .tr-help__title {
        text-align: left
    }
}

.tr-help__list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    -moz-column-gap: 36px;
    column-gap: 36px;
    padding: 0 36px;
    margin: 0
}

.tr-helpi__image {
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .tr-help__list {
        overflow-x: scroll;
        padding: 0 22px
    }

    .tr-help__list::-webkit-scrollbar {
        display: none
    }

    .tr-helpi__image {
        margin-bottom: 12px
    }
}

.tr-helpi__title {
    margin-bottom: 28px
}

.tr-helpi__ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 36px
}

.tr-helpi__item {
    position: relative
}

@media (max-width: 991.98px) {
    .tr-helpi__title {
        margin-bottom: 16px
    }

    .tr-helpi__item {
        width: 200px
    }
}

.tr-helpi__item::before {
    content: "";
    position: absolute;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    background-image: url(../../img/knowlwdge_star.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
    left: -32px
}

@media (max-width: 991.98px) {
    .tr-helpi__item::before {
        -ms-flex: 0 0 16px;
        flex: 0 0 16px;
        width: 16px;
        height: 16px;
        left: -22px
    }
}

.tr-pow .container-b {
    display: -ms-flexbox;
    display: flex;
    gap: 64px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 767.98px) {
    .tr-pow .container-b {
        display: block
    }

    .tr-pow__info {
        margin-bottom: 24px
    }
}

.tr-pow__item, .tr-pow__list {
    display: -ms-flexbox;
    gap: 16px
}

@media (max-width: 767.98px) {
    .tr-pow__title {
        margin-bottom: 16px
    }
}

.tr-pow__list {
    margin: 0;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tr-pow__item {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e6e0fa;
    border-radius: 38px;
    padding: 12px
}

.tr-pow__item svg {
    -ms-flex: 0 0 44px;
    flex: 0 0 44px
}

@media (max-width: 991.98px) {
    .tr-pow__item {
        gap: 8px
    }

    .tr-pow__item svg {
        -ms-flex: 0 0 36px;
        flex: 0 0 36px
    }
}

@media (max-width: 479.98px) {
    .tr-percent__image {
        max-width: 220px
    }

    .tr-pow__item svg {
        -ms-flex: 0 0 24px;
        flex: 0 0 24px
    }

    .tr-pow__item {
        padding: 8px
    }
}

.tr-pow__content {
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 991.98px) {
    .tr-pow__content {
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }
}

.tr-pow .help-b__list {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 56px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0
}

.tr-pow .help-b__item_info {
    padding-bottom: 4px;
    margin-bottom: 20px;
    width: fit-content
}

@media (max-width: 991.98px) {
    .tr-pow .help-b__list {
        gap: 20px
    }

    .tr-pow .help-b__item_info {
        margin-bottom: 8px
    }
}

.tr-traj {
    padding: 15px
}

@media (max-width: 479.98px) {
    .tr-traj {
        padding: 0
    }
}

.tr-traj__con {
    background-color: #392b4b;
    background-image: url(../../img/tr-loop.svg);
    background-size: cover;
    border-radius: 32px;
    max-width: 1528px;
    margin: 0 auto;
    padding: 44px
}

@media (max-width: 991.98px) {
    .tr-traj__con {
        max-width: 864px;
        padding: 32px 17px;
        border-radius: 18.09px
    }
}

@media (max-width: 767.98px) {
    .tr-pow .help-b__list {
        gap: 16px
    }

    .tr-traj__con {
        padding: 16px 0
    }
}

.tr-traj .container-b {
    display: -ms-flexbox;
    display: flex;
    gap: 150px
}

@media (max-width: 1200px) {
    .tr-traj .container-b {
        gap: 80px
    }
}

@media (max-width: 991.98px) {
    .tr-traj .container-b {
        gap: 16px
    }
}

@media (max-width: 767.98px) {
    .tr-traj .container-b {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }
}

.tr-traj__main {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

@media (max-width: 1200px) {
    .tr-traj__main {
        -ms-flex: 0 1 55%;
        flex: 0 1 55%
    }
}

.tr-traj__title {
    padding-right: 15px;
    margin-bottom: 40px
}

.tr-traj__title span svg {
    margin-left: 5px
}

.tr-traj__btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 24px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.tr-traj__list {
    display: grid;
    grid-template-columns:repeat(2, auto);
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 36px
}

@media (max-width: 991.98px) {
    .tr-traj__title {
        margin-bottom: 24px
    }

    .tr-traj__title span svg {
        max-width: 25px
    }

    .tr-traj__btn {
        padding: 8px 16px;
        font-size: 12px;
        line-height: 16px
    }

    .tr-traj__list {
        -moz-column-gap: 40px;
        column-gap: 40px;
        row-gap: 16px
    }
}

@media (max-width: 767.98px) {
    .tr-traj__main {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .tr-traj__title {
        margin-bottom: 16px
    }

    .tr-traj__btn {
        margin-bottom: 24px
    }

    .tr-traj__list {
        grid-template-columns:repeat(1, auto)
    }
}

.tr-traj__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

@media (max-width: 767.98px) {
    .tr-traj__item {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }
}

.tr-traj__item svg {
    -ms-flex: 0 0 44px;
    flex: 0 0 44px
}

@media (max-width: 991.98px) {
    .tr-traj__item {
        gap: 8px
    }

    .tr-traj__item svg {
        -ms-flex: 0 0 36px;
        flex: 0 0 36px;
        width: 36px
    }
}

@media (max-width: 767.98px) {
    .tr-traj__item svg {
        -ms-flex: 0 0 24px;
        flex: 0 0 24px
    }
}

.tr-traj__item p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.ntr__item-span, .tr-form__leftb_num, .tr-form__leftb_text {
    font-weight: 600;
    font-style: normal
}

@media (max-width: 991.98px) {
    .tr-traj__item p {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 479.98px) {
    .tr-traj__item p {
        font-size: 12px;
        line-height: 16px
    }
}

.ltc-ff__item_titlee {
    padding-top: 24px;
    padding-bottom: 24px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1440px) {
    .ltc-ff__item_titlee {
        padding-top: calc(16px + 8 * ((100vw - 320px) / 1120));
        padding-bottom: calc(16px + 8 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__item_titlee::after {
    content: "";
    position: relative;
    background-image: url(../../img/ltc-chevron.svg);
    background-size: contain;
    width: 24px;
    height: 24px;
    transform: rotate(-90deg);
    transition: all .3s ease 0s
}

.ltc-ff__item_titlee.active::after {
    transform: rotate(0)
}

.ltc-ff__item_titlee_text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.ltc-ff__item_titlee_text svg {
    -ms-flex: 0 0 32px;
    flex: 0 0 32px
}

@media (max-width: 991.98px) {
    .ltc-ff__item_titlee_text {
        gap: 12px
    }

    .ltc-ff__item_titlee_text svg {
        -ms-flex: 0 0 24px;
        flex: 0 0 24px
    }
}

.tr__spesh-text {
    color: #615473
}

.ltc-ff__imagee {
    position: relative;
    overflow: hidden;
    background: #f8f3fe;
    border-radius: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 24px
}

@media (max-width: 991.98px) {
    .ltc-ff__imagee {
        display: none
    }
}

.ltc-ff__imagee .tr__im {
    max-width: 660px;
    position: absolute;
    right: -100vw;
    transition: all .5s ease 0s
}

@media (max-width: 1440px) {
    .ltc-ff__imagee .tr__im {
        max-width: calc(100px + 560 * ((100vw - 320px) / 1120))
    }
}

.ltc-ff__imagee .tr__im.active {
    right: 50%;
    transform: translate(50%, 0)
}

.ltc-ff__imagee .tr__im.active.tr__im_sp {
    right: 0;
    top: 0;
    transform: translate(0, 0)
}

.ltc-ff__imagee .tr__im.tr__all {
    height: 200%;
    max-width: unset
}

.tfs__rocket .container-b {
    display: -ms-flexbox;
    display: flex
}

.tr__a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 24px
}

.tr__conten {
    -ms-flex: 0 1 45%;
    flex: 0 1 45%
}

.tr__conten__body {
    gap: 78px
}

.tr__buttons {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    position: relative;
    z-index: 5
}

.ltc-instr__itemf, .rocket-block__mainn {
    display: -ms-flexbox;
    border-radius: 16px
}

@media (max-width: 991.98px) {
    .tr__a {
        font-size: 14px;
        line-height: 20px
    }

    .tr__bb {
        width: auto
    }

    .tr__conten {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .tr__buttons {
        gap: 5px
    }
}

.tr__button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 7px
}

.tr__button:last-child {
    padding: 10px 24px
}

.tr__titlq {
    margin-bottom: 42px
}

@media (max-width: 991.98px) {
    .tr__titlq {
        margin-bottom: 24px
    }
}

@media (max-width: 767.98px) {
    .tr__button {
        padding: 6px 4px;
        font-size: 14px;
        line-height: 20px
    }

    .tr__button:last-child {
        padding: 6px 12px
    }

    .tr__titlq {
        margin-bottom: 16px
    }
}

.rocket-block__mainn {
    background: #534894;
    padding: 48px 64px;
    display: flex;
    overflow: hidden;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

@media (max-width: 1200px) {
    .rocket-block__mainn {
        padding: 32px
    }
}

@media (max-width: 991.98px) {
    .rocket-block__mainn {
        padding: 16px
    }
}

.ltc-instr__itemf {
    cursor: pointer;
    padding: 24px;
    width: 100%;
    height: 100%;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    transition: all .5s ease 0s
}

.ltc-instr__itemf .ltc-instr__item_title {
    gap: 20px
}

@media (max-width: 991.98px) {
    .ltc-instr__itemf {
        padding: 16px
    }

    .ltc-instr__itemf .ltc-instr__item_title {
        gap: 12px
    }
}

.ltc-instr__itemf.sssh {
    background: #f3eff7
}

.ltc-instr__itemf.sssh .ltc-instr__item_title svg rect {
    transition: all 1s ease 0s;
    fill: #966cee
}

.ltc-instr__itemf.sssh .ltc-instr__item_title svg path {
    transition: all 1s ease 0s;
    stroke: #fff
}

.ltc-instr__itemf.sssh .ltc-instr__item_title svg .rrr {
    fill: #fff
}

.ltc-instr__body.container-b {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: unset;
    align-items: unset;
    gap: 100px
}

@media (max-width: 1200px) {
    .ltc-instr__itemf {
        padding: 16px
    }

    .ltc-instr__body.container-b {
        gap: 50px
    }
}

.ltc-instr__body.container-b .ltc-in__lstr__content {
    -ms-flex: 1 1 40%;
    flex: 1 1 40%
}

@media (max-width: 991.98px) {
    .ltc-instr__body.container-b {
        gap: 24px
    }

    .ltc-instr__body.container-b .ltc-in__lstr__content {
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }
}

@media (max-width: 767.98px) {
    .ltc-instr__body.container-b .ltc-in__lstr__content {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.ltc-instr__imageee {
    background: #f8f3fe;
    border-radius: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%
}

.ltc-instr__imageee .ltc-instr__imagee {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: -100vw;
    max-width: 90%;
    transition: all .7s ease 0s
}

.ltc-instr__imageee .ltc-instr__imagee.img__list {
    gap: 12px
}

.ltc-instr__imageee .ltc-instr__imagee.img__list .ltc-instr__iamg {
    position: relative;
    top: 100vh
}

.ltc-instr__imageee .ltc-instr__imagee.img__list .ltc-instr__iamg:nth-child(1) {
    transition: all .7s ease 0s
}

.ltc-instr__imageee .ltc-instr__imagee.img__list .ltc-instr__iamg:nth-child(2) {
    transition: all .9s ease 0s
}

.ltc-instr__imageee .ltc-instr__imagee.img__list .ltc-instr__iamg:nth-child(3) {
    transition: all 1.1s ease 0s
}

.ltc-instr__imageee .ltc-instr__imagee.img__list .ltc-instr__iamg:nth-child(4) {
    transition: all 1.3s ease 0s
}

.ltc-instr__imageee .ltc-instr__imagee.img__list .ltc-instr__iamg:nth-child(5) {
    transition: all 1.5s ease 0s
}

.ltc-instr__imageee .ltc-instr__imagee.img__list .ltc-instr__iamg:nth-child(6) {
    transition: all 1.7s ease 0s
}

.side-nav__item, .side-nav__item::after, .tr-blocki {
    transition: all .3s ease 0s
}

.ltc-instr__imageee .ltc-instr__imagee.img__list.element-show .ltc-instr__iamg {
    top: 0
}

.ltc-instr__imageee .ltc-instr__imagee.img__top {
    top: 5%
}

.ltc-instr__imageee .ltc-instr__imagee.open {
    left: 50%;
    transform: translate(-50%, 0)
}

@media (max-width: 767.98px) {
    .ltc-instr__imageee {
        display: none
    }
}

.ltc-instr__list.rfd {
    height: auto
}

.ltc-f__title.r {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tr-form__main {
    background: #fbfafd;
    border-radius: 32px;
    padding: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 100px
}

@media (max-width: 991.98px) {
    .tr-form__main {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 32px;
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    .tr-form__main {
        padding: 24px 16px;
        display: block
    }
}

.tr-form__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .tr-form__left {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .tr-form__left_content {
        max-width: 400px
    }
}

@media (max-width: 767.98px) {
    .tr-form__left {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 24px;
        border-bottom: 1px solid #efe8f8;
        margin-bottom: 24px
    }

    .tr-form__leftb {
        -moz-text-align-last: left;
        text-align-last: left
    }
}

.tr-form__title {
    margin-bottom: 16px
}

@media (max-width: 991.98px) {
    .tr-form__title {
        margin-bottom: 4px
    }

    .tr-form__leftb {
        text-align: right
    }
}

.tr-form__span {
    color: #a897bd;
    margin-bottom: 16px
}

.tr-form__leftb_text {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    color: #615473;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

@media (max-width: 991.98px) {
    .tr-form__leftb_text {
        font-size: 12px
    }

    .tr-form__leftb_img {
        max-width: 20px
    }
}

.tr-form__leftb_num {
    font-size: 64px;
    line-height: 72px;
    color: #966cee
}

@media (min-width: 767.98px) {
    .spesh__swiper-wrapper {
        -moz-column-gap: 16px;
        column-gap: 16px;
        row-gap: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 991.98px) {
    .spesh__swiper-wrapper {
        -moz-column-gap: 24px;
        column-gap: 24px;
        row-gap: 24px
    }
}

.ntr__content-item {
    display: none
}

.ntr__content-item._active {
    display: block
}

.ntr__main-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid #efe8f8;
    margin-bottom: 36px
}

@media (max-width: 991.98px) {
    .tr-form__leftb_num {
        font-size: 28px;
        line-height: 32px
    }

    .ntr__main-row {
        margin-bottom: 32px
    }
}

@media (max-width: 767.98px) {
    .ntr__main-row {
        margin-bottom: 24px
    }
}

.ntr__title {
    margin: 0
}

.ntr__title.nnn {
    margin-bottom: 36px
}

.ntr__btn {
    width: auto;
    padding: 10px 17px
}

@media (max-width: 991.98px) {
    .ntr__title.nnn {
        margin-bottom: 24px
    }

    .ntr__btn {
        display: none
    }
}

.ntr__asside {
    margin: 0
}

.ntr .cab-tp__list {
    gap: 7px
}

.ntr .cab-tp__avatar {
    background-size: cover
}

.ntr .radial-progress {
    max-width: 160px
}

@media (max-width: 991.98px) {
    .ntr .radial-progress {
        max-width: 124px
    }
}

.ntr .cab-tpr {
    gap: 32px
}

@media (max-width: 767.98px) {
    .ntr .radial-progress {
        max-width: 48px
    }

    .ntr .cab-tpr {
        gap: 0
    }
}

.ntr__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin: 0
}

.ntr__item-span {
    font-size: 12px;
    line-height: 16px;
    color: #a897bd
}

@media (max-width: 767.98px) {
    .ntr__item-span {
        font-size: 10px;
        line-height: 16px
    }
}

.ntr__item-title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.side-nav__item, .tr-block__title {
    font-weight: 500;
    font-style: normal
}

@media (max-width: 991.98px) {
    .ntr__item-title {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .ntr__item-title {
        font-size: 12px;
        line-height: 16px
    }
}

@media (max-width: 479.98px) {
    .ntr .modal-dialog {
        padding: 20px 0 !important
    }
}

.side-nav__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px
}

.side-nav__item {
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    color: #a897bd;
    white-space: nowrap;
    position: relative
}

@media (max-width: 991.98px) {
    .side-nav__list {
        margin-bottom: 16px;
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 15px 6px;
        overflow-x: auto;
        overflow-y: hidden
    }

    .side-nav__list::-webkit-scrollbar {
        display: none
    }

    .side-nav__item {
        font-size: 14px;
        line-height: 24px
    }
}

.side-nav__item::after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 2px;
    bottom: 100%;
    opacity: 0;
    background: #966cee;
    z-index: -1
}

@media (any-hover: hover) {
    .side-nav__item:hover {
        color: #534466
    }
}

.side-nav__item.highlighted {
    color: #392b4b !important
}

.side-nav__item.highlighted::after {
    content: "";
    bottom: -4px;
    opacity: 1
}

.tr-block:not(:last-child) {
    padding-bottom: 32px;
    border-bottom: 1px solid #efe8f8;
    margin-bottom: 48px
}

@media (max-width: 991.98px) {
    .tr-block:not(:last-child) {
        padding-bottom: 32px;
        margin-bottom: 32px
    }
}

@media (max-width: 767.98px) {
    .side-nav__item {
        font-size: 14px;
        line-height: 24px
    }

    .tr-block:not(:last-child) {
        padding-bottom: 24px;
        margin-bottom: 24px
    }
}

.tr-block__title {
    font-size: 28px;
    line-height: 36px;
    color: #392b4b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .tr-block__title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px
    }
}

.tr-block__title_span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #c4790a;
    background: #fffded;
    border: 1px solid #fcdda2;
    border-radius: 8px;
    padding: 4px 12px
}

@media (max-width: 991.98px) {
    .tr-block__title_span {
        padding: 2px 8px;
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .tr-block__title {
        margin-bottom: 24px;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .tr-block__title_span {
        padding: 4px 8px;
        font-size: 12px;
        line-height: 16px
    }
}

.tr-block__title.dis-fl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row
}

.tr-block__subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #392b4b;
    margin-bottom: 12px
}

@media (max-width: 991.98px) {
    .tr-block__subtitle {
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px
    }
}

@media (max-width: 767.98px) {
    .tr-block__subtitle {
        margin-bottom: 4px
    }
}

.tr-block__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #a897bd;
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .tr-block__text {
        margin-bottom: 16px
    }
}

.tr-block__list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0
}

.tr-block__show-more {
    margin-top: 20px;
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .tr-block__list {
        gap: 12px
    }

    .tr-block__show-more {
        margin-top: 16px;
        margin-bottom: 32px
    }
}

.tr-block__show-more button {
    width: 100%;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 767.98px) {
    .tr-block__show-more {
        margin-top: 12px;
        margin-bottom: 24px
    }

    .tr-block__show-more button {
        font-size: 12px;
        line-height: 16px;
        padding: 10px 15px
    }
}

.tr-block__show-more span svg {
    position: relative;
    transform: rotate(90deg);
    stroke-width: 2;
    stroke: #966CEE;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.tr-blocki {
    border-radius: 16px;
    counter-increment: section
}

.tr-blocki:has(>._spoller-active):not(.is-empty) {
    box-shadow: 0 8px 32px rgba(24, 29, 54, .16)
}

.tr-blocki__prev {
    pointer-events: none;
    background: #fff;
    border: 1px solid #efe8f8;
    border-radius: 16px;
    padding: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2
}

@media (max-width: 991.98px) {
    .tr-blocki__prev {
        padding: 12px
    }
}

@media (max-width: 767.98px) {
    .tr-blocki__prev {
        padding: 0;
        pointer-events: all;
        display: block
    }

    .tr-blocki__content {
        display: none
    }
}

.tr-blocki__prev._spoller-active .tr-blocki__arrow svg {
    transform: rotate3d(1, 0, 0, 180deg)
}

.tr-blocki__content {
    padding: 30px 16px 16px;
    border-radius: 0 0 16px 16px;
    border: 1px solid #efe8f8;
    position: relative;
    top: -14px;
    margin-bottom: -14px
}

.tr-blocki__content_list {
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

@media (max-width: 991.98px) {
    .tr-blocki__content_list {
        margin: 0 -16px;
        padding: 0 16px;
        overflow-x: auto
    }

    .tr-blocki__content_list::-webkit-scrollbar {
        display: none
    }
}

.tr-blocki__content_top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 16px
}

.tr-blocki__content_all-courses {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #7d59ca
}

.tr-blocki__date_span, .tr-blocki__date_text, .tr-blocki__title, .tr-blocki__title::before {
    font-style: normal;
    font-weight: 400
}

.tr-blocki__content_all-courses:focus, .tr-blocki__content_all-courses:hover, .tr-blocki__content_all-courses:visited {
    color: #7d59ca
}

.tr-blocki__title {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 20px;
    color: #392b4b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

@media (max-width: 991.98px) {
    .tr-blocki__title {
        gap: 12px
    }
}

@media (max-width: 767.98px) {
    .tr-blocki__title {
        font-size: 12px;
        line-height: 16px;
        gap: 8px;
        padding: 12px 12px 0
    }
}

.tr-blocki__title::before {
    content: counter(section);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #dfdbee;
    border-radius: 48px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    font-size: 16px;
    line-height: 24px;
    color: #615473
}

.tr-blocki__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px
}

@media (max-width: 991.98px) {
    .tr-blocki__title::before {
        width: 28px;
        height: 28px
    }

    .tr-blocki__info {
        margin-right: 16px
    }
}

@media (max-width: 767.98px) {
    .tr-blocki__title::before {
        font-size: 10px;
        line-height: 16px;
        width: 20px;
        height: 20px
    }

    .tr-blocki__info {
        padding: 12px;
        margin: 0;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.tr-blocki__date {
    width: 160px;
    margin-right: 32px
}

@media (max-width: 991.98px) {
    .tr-blocki__date {
        width: 156px;
        margin-right: 4px
    }
}

.tr-blocki__date_span {
    font-size: 12px;
    line-height: 16px;
    color: #a897bd
}

@media (max-width: 767.98px) {
    .tr-blocki__date {
        width: 132px;
        margin-right: 0
    }

    .tr-blocki__date_span {
        font-size: 10px;
        line-height: 16px
    }
}

.tr-blocki__date_text {
    font-size: 14px;
    line-height: 20px;
    color: #615473
}

@media (max-width: 767.98px) {
    .tr-blocki__date_text {
        font-size: 12px;
        line-height: 16px
    }
}

.tr-blocki__btn, .tr-blocki__progress::after {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    font-style: normal
}

.tr-blocki__progress {
    margin-right: 28px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    max-width: 160px
}

.tr-blocki__progress::after {
    content: attr(value) "%";
    color: #00315B
}

.tr-blocki__progress::-webkit-progress-bar {
    background: #e6e0fa;
    border-radius: 20px;
    width: 120px;
    height: 12px;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .tr-blocki__progress {
        margin-right: 20px;
        max-width: 86px
    }

    .tr-blocki__progress::-webkit-progress-bar {
        width: 56px
    }
}

.tr-blocki__progress::-webkit-progress-value {
    background: #7d59ca;
    border-radius: 20px;
    max-width: 120px
}

.tr-blocki__progress[value="100"]::-webkit-progress-value {
    background: #17aa63
}

.tr-blocki__progress[value="100"]::after {
    color: #168c4c
}

.tr-blocki__progress[value="0"]::-webkit-progress-bar {
    background: #b2c7ef
}

.tr-blocki__progress[value="0"]::after {
    color: #b2c7ef
}

.tr-blocki__end {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

@media (max-width: 767.98px) {
    .tr-blocki__end {
        gap: 12px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 12px;
        border-top: 1px solid #efe8f8
    }
}

.tr-blocki__btn {
    color: #966cee;
    border-radius: 8px;
    width: 144px;
    padding: 8px 0
}

@media (max-width: 991.98px) {
    .tr-blocki__btn {
        width: 127px;
        font-size: 12px !important;
        line-height: 16px
    }
}

.tr-blocki__arrow {
    pointer-events: all;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F9F4FF;
    border-radius: 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    width: 32px;
    height: 32px
}

.card-item, .edu__item {
    border: 1px solid #efe8f8
}

.tr-blocki__arrow svg {
    position: relative;
    transition: all .5s ease 0s
}

.tr-blocki__popup {
    display: none;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #7d59ca;
    padding: 8px 30px
}

@media (max-width: 767.98px) {
    .tr-blocki__arrow {
        display: none
    }

    .tr-blocki__popup {
        display: block
    }
}

.slide-small .slide-content__title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #392b4b;
    margin-bottom: 32px
}

.slide-small .slide-content__price_period {
    white-space: nowrap
}

.slide-small .slide-content__price_price {
    white-space: nowrap;
    position: relative
}

@media (max-width: 991.98px) {
    .slide-small .slide-content__title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 28px
    }

    .slide-small .slide-content__price_period, .slide-small .slide-content__price_price {
        font-size: 14px;
        line-height: 20px
    }
}

.slide-small .slide-content__price_price del {
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #e19500;
    white-space: nowrap;
    left: 0;
    transform: translate(0, -100%)
}

.card-list {
    display: grid;
    justify-content: left;
    grid-template-columns:repeat(6, auto);
    gap: 16px;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .card-list {
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        margin: 0 -15px;
        padding: 0 15px
    }

    .card-list::-webkit-scrollbar {
        display: none
    }
}

.card-item {
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    max-width: 280px
}

.card-item__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

@media (max-width: 991.98px) {
    .card-list {
        grid-template-columns:repeat(3, auto)
    }

    .card-item {
        padding: 12px;
        max-width: 256px
    }

    .card-item__top {
        margin-bottom: 12px
    }
}

.card-item__top .card-item__company {
    margin-bottom: 0
}

.card-item__time {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #a897bd
}

.card-item__company {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px
}

@media (max-width: 991.98px) {
    .card-item__time {
        font-size: 12px;
        line-height: 16px
    }

    .card-item__company {
        margin-bottom: 12px
    }
}

.card-item__company p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #615473
}

.card-item__subtitle {
    text-transform: uppercase;
    margin-bottom: 4px
}

.card-item__title {
    margin-bottom: 28px
}

@media (max-width: 991.98px) {
    .card-item__title {
        margin-bottom: 16px
    }
}

.card-item__info {
    padding: 12px 16px;
    margin: -4px -16px 16px;
    border-top: 1px solid #efe8f8;
    border-bottom: 1px solid #efe8f8
}

@media (max-width: 991.98px) {
    .card-item__info {
        padding: 12px;
        margin: -2px -12px 12px
    }
}

.card-item__info.st-1 .card-item__info-status {
    background: #fdf0f7
}

.card-item__info.st-2 .card-item__info-status {
    background: #faefdc
}

.card-item__info.st-3 .card-item__info-status {
    background: #feeee6
}

.card-item__info.st-4 .card-item__info-status {
    background: #ccf7e5
}

.card-item__info_text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #615473;
    margin-bottom: 8px
}

.card-item__info-status {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 4px;
    border-radius: 4px;
    padding: 4px 8px
}

@media (max-width: 991.98px) {
    .card-item__info_text {
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 4px
    }

    .card-item__info-status {
        padding: 2px 4px
    }
}

.card-item__money {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #392b4b;
    margin-bottom: 20px;
    margin-top: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.card-item__money::before {
    content: "";
    background-image: url(../../img/wallet-neutral.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px
}

@media (max-width: 991.98px) {
    .card-item__money::before {
        height: 12px;
        width: 12px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px
    }

    .card-item__money {
        margin-bottom: 16px;
        margin-top: 4px;
        font-size: 12px;
        line-height: 16px
    }
}

.card-item button {
    width: 100%
}

.tr-block__title-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .tr-block__title-btn {
        font-size: 12px;
        line-height: 16px;
        padding: 6px 10px;
        width: auto
    }
}

.d-res__main {
    background: #392b4b;
    border-radius: 16px;
    padding: 32px;
    margin-bottom: 44px
}

.d-res__list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .d-res__main {
        padding: 24px;
        margin-bottom: 24px
    }

    .d-res__list {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 767.98px) {
    .d-res__main {
        padding: 16px
    }

    .d-res__list {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 479.98px) {
    .d-res__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px;
        margin-bottom: 12px
    }

    .d-res__button {
        width: 100%
    }
}

.d-res__item.dis {
    opacity: .3
}

.d-res__item.dis .d-res__fake {
    cursor: default
}

.d-res__fake {
    transition: all .3s ease 0s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    border: 1px solid #615473;
    border-radius: 8px;
    padding: 16px;
    min-width: 192px
}

.d-res__input {
    display: none
}

.d-res__input:checked ~ .d-res__fake {
    background: #615473
}

.d-res__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.d-res__title {
    font-weight: 600;
    margin-bottom: 4px
}

.d-res__maininfo .asdj .step-s__radio_text, .d-res__maininfo .step-s__input_text, .d-res__status, .tr-block__select-add .step-s__input_text {
    font-weight: 400;
    color: #a897bd;
    font-style: normal
}

.d-res__status {
    font-size: 12px;
    line-height: 16px
}

@media (max-width: 991.98px) {
    .d-res__fake {
        padding: 10px 12px
    }

    .d-res__title {
        margin-bottom: 0
    }

    .d-res__status {
        font-size: 10px;
        line-height: 16px
    }

    .d-res__maininfo .step-s__radio .radio-label__text {
        font-size: 14px;
        line-height: 20px
    }
}

.d-res__button {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .d-res__fake {
        padding: 8px 12px;
        gap: 8px
    }

    .d-res__maininfo .d-res__selects .select2-selection__rendered {
        padding-left: 4px
    }
}

.d-res__maininfo .d-res__selects .select-label {
    -ms-flex: 0 1 240px;
    flex: 0 1 240px
}

@media (max-width: 1200px) {
    .d-res__maininfo .d-res__selects .select-label {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.d-res__maininfo .d-res__selects .step-s__input_text {
    margin-bottom: 4px
}

.d-res__maininfo .step-s__selects {
    gap: 24px
}

@media (max-width: 767.98px) {
    .d-res__maininfo .step-s__selects {
        gap: 16px
    }
}

.d-res__maininfo .step-s__radio {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

@media (max-width: 1200px) {
    .d-res__maininfo .step-s__radio {
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }
}

@media (max-width: 767.98px) {
    .d-res__maininfo .step-s__radio {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        gap: 12px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: start
    }
}

.d-res__maininfo .step-s__radio_text {
    margin: 0
}

.d-res__maininfo .step-s__radio_inputs {
    gap: 24px
}

.d-res__maininfo .step-s__row-item.ffr {
    -ms-flex: 0 1 240px;
    flex: 0 1 240px;
    position: relative
}

@media (max-width: 1200px) {
    .d-res__maininfo .step-s__row-item.ffr {
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }
}

@media (max-width: 767.98px) {
    .d-res__maininfo .step-s__radio_inputs {
        gap: 20px
    }

    .d-res__maininfo .step-s__row-item.ffr {
        width: 100%;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.d-res__maininfo .step-s__row-item.ffr .step-s__input_text {
    margin: 0;
    position: absolute;
    top: -28px
}

.d-res__maininfo .step-s__row-item.ffr .main__input {
    padding: 9px 16px
}

.d-res__maininfo .step-s__input_text {
    font-size: 16px;
    line-height: 24px
}

.d-res__maininfo .asdj {
    margin-top: 52px;
    margin-bottom: 32px
}

@media (max-width: 991.98px) {
    .d-res__maininfo .step-s__row-item.ffr .step-s__input_text {
        top: -24px
    }

    .d-res__maininfo .step-s__input_text {
        font-size: 14px;
        line-height: 20px
    }

    .d-res__maininfo .asdj {
        margin-top: 48px;
        margin-bottom: 16px
    }
}

.d-res__maininfo .asdj .step-s__radio_text {
    font-size: 16px;
    line-height: 24px
}

.tr-block__select-add {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 52px;
    gap: 8px
}

@media (max-width: 991.98px) {
    .d-res__maininfo .asdj .step-s__radio_text {
        font-size: 14px;
        line-height: 20px
    }

    .tr-block__select-add {
        margin-top: 48px
    }
}

.tr-block__select-add .step-s__select_label {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.tr-block__select-add .step-s__input_text {
    margin: 0;
    position: absolute;
    top: -28px;
    font-size: 16px;
    line-height: 24px
}

.tr-block__select-add button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 16px
}

.resum__files {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 22px
}

@media (max-width: 767.98px) {
    .resum__files {
        margin-bottom: 16px
    }
}

.resum__file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

.resum__file:not(:last-child) {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #efe8f8
}

@media (max-width: 991.98px) {
    .tr-block__select-add .step-s__input_text {
        font-size: 14px;
        line-height: 20px;
        top: -24px
    }

    .resum__file:not(:last-child) {
        margin-bottom: 8px;
        padding-bottom: 8px
    }
}

.resum__file_first {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.resum__file-label input {
    display: none
}

.resum__file-label .main__btn-light {
    white-space: nowrap;
    max-width: unset;
    padding: 8px 16px
}

@media (max-width: 991.98px) {
    .resum__file-label .main__btn-light {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 16px
    }
}

.res__b {
    max-width: unset;
    padding: 8px 16px;
    margin-top: 16px
}

@media (max-width: 479.98px) {
    .resum__file-label {
        width: 100%
    }

    .res__b, .resum__file-label .main__btn-light {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.res__sel {
    gap: 24px !important
}

.res-m__day:not(:last-child) {
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .res__b {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 16px
    }

    .res-m__day:not(:last-child) {
        margin-bottom: 24px
    }
}

.res-m__title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    color: #392b4b;
    margin-bottom: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 991.98px) {
    .res-m__title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 16px
    }
}

.res-m__title span {
    margin-left: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7d59ca;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background: #f9f4ff;
    border: 1px solid #cac3f8;
    border-radius: 8px
}

@media (max-width: 767.98px) {
    .vacancies__main .card-list {
        display: grid;
        grid-template-columns:repeat(2, auto)
    }

    .vacancies__main .card-list .card-item {
        max-width: unset
    }
}

@media (max-width: 479.98px) {
    .vacancies__main .card-list {
        grid-template-columns:repeat(1, auto)
    }
}

.matls__list {
    display: grid;
    grid-template-columns:repeat(4, auto);
    gap: 24px
}

@media (max-width: 991.98px) {
    .res-m__title span {
        font-size: 12px;
        line-height: 16px;
        margin-left: 8px;
        width: 24px;
        height: 24px
    }

    .matls__list {
        grid-template-columns:repeat(3, auto);
        row-gap: 20px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

.matls__item {
    max-width: 286px;
    min-width: 200px
}

@media (max-width: 479.98px) {
    .matls__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .matls__item {
        max-width: unset;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px
    }
}

.matls__item_body {
    border-radius: 16px;
    height: 180px;
    overflow: hidden;
    background-image: url(../../img/book1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 16px;
    padding: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: end;
    gap: 4px
}

@media (max-width: 991.98px) {
    .matls__item_body {
        height: 156px;
        margin-bottom: 12px
    }
}

@media (max-width: 479.98px) {
    .matls__item_body {
        height: 80px;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        margin-bottom: 0
    }
}

.matls__item_format, .matls__item_star {
    display: -ms-flexbox;
    height: 20px;
    padding: 0 8px;
    color: #fff;
    font-weight: 600;
    border-radius: 24px;
    font-style: normal
}

.matls__item_body.art {
    background-image: url(../../img/article1.png)
}

.matls__item_body.vid {
    -ms-flex-pack: end;
    justify-content: end;
    background-image: url(../../img/teacher-video.jpg)
}

.matls__item_star {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    background: #f3a919;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 991.98px) {
    .matls__item_star {
        font-size: 12px;
        line-height: 16px
    }
}

.matls__item_format {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #59a2f7;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 991.98px) {
    .matls__item_format {
        font-size: 12px;
        line-height: 16px
    }
}

.matls__item_time {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #615473;
    padding: 2px 8px;
    background: #fff;
    border-radius: 24px
}

@media (max-width: 767.98px) {
    .matls__list {
        grid-template-columns:repeat(2, auto)
    }

    .matls__item_time {
        font-size: 12px;
        line-height: 16px
    }
}

.matls__item_title {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #392b4b;
    margin-bottom: 8px
}

@media (max-width: 991.98px) {
    .matls__item_title {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 4px
    }
}

.matls__item_title.art {
    margin-bottom: 12px
}

.matls__item_author {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #a897bd
}

.matls__item_anot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px
}

@media (max-width: 479.98px) {
    .matls__item_anot {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px;
        -ms-flex-align: start;
        align-items: start
    }
}

.matls__item_type {
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    background: #17aa63;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 10px;
    color: #fff
}

@media (max-width: 991.98px) {
    .matls__item_title.art {
        margin-bottom: 8px
    }

    .matls__item_author {
        font-size: 12px;
        line-height: 16px
    }

    .matls__item_type {
        font-size: 10px;
        line-height: 16px
    }
}

.matls__item_date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #a897bd
}

@media (max-width: 991.98px) {
    .matls__item_date {
        font-size: 12px;
        line-height: 16px
    }
}

.modal-tr .modal-body {
    padding: 12px 16px
}

.modal-tr .tr-blocki__title {
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 28px 0 16px
}

.modal-tr .tr-blocki__title::before {
    display: none
}

.modal-tr .tr-blocki__info {
    padding: 0;
    margin-bottom: 16px
}

.modal-tr .tr-blocki__content_list {
    padding: 16px;
    border-top: 1px solid #efe8f8;
    border-bottom: 1px solid #efe8f8
}

.modal-tr .modal-tr__buttons {
    margin-top: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

.modal-tr .modal-tr__buttons .tr-blocki__btn {
    width: 134px
}

.modal-tr .modal-tr__close {
    width: 138px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #966cee
}

.bubbles .prof-head {
    margin-top: 32px
}

@media (max-width: 991.98px) {
    .bubbles .prof-head {
        margin-top: 24px
    }
}

@media (max-width: 767.98px) {
    .bubbles .prof-head {
        margin-top: 16px
    }
}

@media (min-width: 992px) {
    .account-header {
        grid-template-columns:.7fr 6fr .65fr
    }
}

.modal-body {
    padding-bottom: 52px
}

@media (max-width: 991.98px) {
    .modal-body {
        padding-bottom: 32px
    }
}

.acheader {
    box-shadow: none
}

.account-header .sign-icon {
    padding: 8px 20px 8px 16px;
    height: 36px
}

.account-header .search-wrapper {
    max-width: none
}

.account-header .search-wrapper .search-input {
    height: 36px
}

.account-header .search-wrapper .search-btn {
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 6px
}

.age__button-wrapper {
    display: grid;
    grid-template-columns:minmax(100px, 696px);
    -ms-flex-pack: center;
    justify-content: center
}

.age__button {
    display: grid;
    grid-template-columns:repeat(3, minmax(123px, 228px));
    -moz-column-gap: 6px;
    column-gap: 6px;
    grid-template-rows:44px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.age__button .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    background: #f9f4ff;
    color: #966cee;
    cursor: pointer
}

.age__button .act {
    background-color: #966cee;
    color: #FFF
}

.age__button::-webkit-scrollbar {
    width: 0;
    height: 0
}

@media (max-width: 991.98px) {
    .age__button {
        grid-template-rows:27px;
        -moz-column-gap: 3px;
        column-gap: 3px
    }

    .age__button .button {
        font-weight: 600;
        font-size: 12px;
        line-height: 24px
    }

    .top-p {
        margin-top: 26px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }
}

.top-p .activities {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px
}

@media (max-width: 991.98px) {
    .top-p .activities {
        gap: 11px
    }
}

.top-p .activities .activ__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.top-p .activities .activ__item .item__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #392B4B
}

.top-p .activities .activ__item .item__text span {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #A897BD
}

.top-p .activities .mob, .top-p .activities .mob span {
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important
}

@media (max-width: 991.98px) {
    .top-p .activities .desc {
        display: none !important
    }
}

.top-p .activities .mob {
    display: none;
    color: #392B4B
}

@media (max-width: 991.98px) {
    .top-p .activities .mob {
        display: -ms-flexbox;
        display: flex
    }
}

.top-p .company {
    display: grid;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding-right: 24px;
    margin-right: 20px;
    grid-template-columns:minmax(120px, 200px) minmax(auto, 568px);
    background: #FFF;
    border: 1px solid #EFE8F8;
    border-radius: 16px
}

.top-p .company__logo {
    display: grid;
    grid-template-columns:minmax(auto, 200px);
    height: 165px;
    position: relative
}

.top-p .company__logo .svg-dec {
    position: absolute;
    left: 8px;
    top: 8px;
    cursor: pointer
}

.top-p .company__logo .logo-wrapper, .top-p .company__logo .logo-wrapper img {
    width: 100%;
    height: 100%
}

.top-p .company .upload {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #966CEE
}

.top-p .company .company__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 165px
}

.top-p .company .company__info .name {
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    color: #392B4B
}

@media (max-width: 991.98px) {
    .top-p .company {
        margin-right: 0;
        border: none
    }

    .top-p .company .company__info {
        height: auto
    }

    .top-p .company .company__info .name {
        display: none
    }
}

.top-p .total__progress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #392B4B;
    padding: 16px 0;
    border: 1px solid #EFE8F8;
    border-radius: 16px
}

.top-p .total__progress .rad__con {
    width: auto;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none !important
}

.top-p .total__progress .radial-progress {
    max-width: 160px
}

.top-p .total__progress .radial-progress .text {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #A897BD
}

.top-p .l-nav {
    margin-left: 38px
}

@media (max-width: 991.98px) {
    .top-p .l-nav {
        display: none
    }
}

.top-p .l-nav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px
}

.top-p .l-nav ul li {
    display: grid;
    grid-template-columns:minmax(auto, 427px);
    height: 44px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: #F9F4FF;
    border: 1px solid #E6E0FA;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #966CEE;
    cursor: pointer
}

.ac-set-statistics .filtr-res__list .result .res__name, .ac-set-statistics .filtr-res__list .result .specific:nth-child(1), .ac-set-statistics .filtr-res__list .result .specific:nth-child(3), .ac-set-statistics .filtr-res__list .result .specific:nth-child(4), .ac-set-statistics .filtr-res__list .result .specific:nth-child(5), .ac-set-statistics .statistics-list__item .users-risk__list .user__stage {
    border-right: 1px solid #EFE8F8
}

.ac-set-achievements {
    margin-top: 23px;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    -moz-column-gap: 8px;
    column-gap: 8px
}

@media (max-width: 991.98px) {
    .ac-set-achievements {
        margin-top: 13px;
        grid-template-columns:1fr;
        row-gap: 3px
    }
}

.ac-set-achievements .achievements-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 22px 0
}

.ac-set-achievements .achievements-item p {
    text-transform: uppercase;
    color: #615473;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px
}

.ac-set-achievements .achievements-item .numb {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #392b4b
}

.ac-set-achievements .achievements-item:nth-child(1) {
    background: #EFE8F8;
    box-shadow: inset -1px 0 0 #E4E9F0;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.ac-set-achievements .achievements-item:nth-child(2) {
    background: #C1E6D0;
    box-shadow: inset -1px 0 0 #E4E9F0
}

.ac-set-achievements .achievements-item:nth-child(3) {
    background: #F7D1CC;
    box-shadow: inset -1px 0 0 #E4E9F0
}

.ac-set-achievements .achievements-item:nth-child(4) {
    background: #F5E1C3;
    box-shadow: inset -1px 0 0 #E4E9F0;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.ac-set-statistics .title {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    color: #493B5C;
    margin: 35px 0 15px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .title {
        margin: 8px 0 12px;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px
    }
}

.ac-set-statistics .tasks__list {
    display: grid;
    grid-template-columns:repeat(2, minmax(288px, 717px));
    grid-template-rows:100px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    margin-top: 27px
}

.ac-set-statistics .tasks__list .task {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #615473
}

@media (max-width: 991.98px) {
    .ac-set-statistics .tasks__list {
        grid-template-columns:1fr;
        row-gap: 3px;
        grid-template-rows:67px 67px;
        margin-top: 11px
    }

    .ac-set-statistics .tasks__list .task {
        font-size: 10px
    }
}

.ac-set-statistics .tasks__list .task span {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #392B4B
}

.ac-set-statistics .tasks__list .task:nth-child(1) {
    background: #C1E6D0;
    box-shadow: inset -1px 0 0 #E4E9F0
}

.ac-set-statistics .tasks__list .task:nth-child(2) {
    background: #F7D1CC;
    box-shadow: inset -1px 0 0 #E4E9F0
}

.ac-set-statistics .statistics-list {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 16px 13px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .tasks__list .task span {
        font-size: 20px
    }

    .ac-set-statistics .statistics-list {
        grid-template-columns:1fr;
        gap: 10px 0;
        margin: 0 -15px
    }
}

.ac-set-statistics .statistics-list__item {
    background: #FFF;
    border: 1px solid #EFE8F8;
    border-radius: 16px;
    padding: 35px 0 47px 41px
}

.ac-set-statistics .statistics-list__item .char-bar {
    gap: 8px !important
}

.ac-set-statistics .statistics-list__item .che {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 21px
}

.ac-set-statistics .statistics-list__item .che .chart__form {
    display: grid;
    grid-template-columns:minmax(288px, 340px) minmax(288px, 340px);
    -moz-column-gap: 28px;
    column-gap: 28px
}

.ac-set-statistics .statistics-list__item .che .chart__form div label {
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #A897BD;
    margin-bottom: 4px
}

.ac-set-statistics .statistics-list__item .ave-age {
    margin-bottom: 30px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .che .chart__form {
        grid-template-columns:minmax(288px, 340px);
        row-gap: 11px
    }

    .ac-set-statistics .statistics-list__item .ave-age {
        margin-bottom: 34px
    }

    .ac-set-statistics .statistics-list__item {
        padding: 9px 9px 22px 21px
    }
}

.ac-set-statistics .statistics-list__item .ready-travel {
    margin-bottom: 19px
}

.ac-set-statistics .statistics-list__item .chs-pr {
    margin-bottom: 13px
}

.ac-set-statistics .statistics-list__item .chart-meaning {
    padding-right: 80px
}

.ac-set-statistics .statistics-list__item .chart-gender {
    margin-top: 43px
}

.ac-set-statistics .statistics-list__item .chart-gender .chart-gender__points {
    margin-top: 28px
}

.ac-set-statistics .statistics-list__item .chart-geo {
    margin-top: 18px
}

.ac-set-statistics .statistics-list__item .chart-geo .chart-geo__points {
    margin-top: 20px
}

.ac-set-statistics .statistics-list__item .chart-status {
    margin-top: 29px
}

.ac-set-statistics .statistics-list__item .chart-status__points {
    margin-top: 42px
}

.ac-set-statistics .statistics-list__item .chart-geo1 {
    margin-top: 23px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .chart-meaning {
        padding: 0
    }

    .ac-set-statistics .statistics-list__item .chart-geo1 {
        margin-top: 32px
    }
}

.ac-set-statistics .statistics-list__item .chart-geo1__points {
    margin-top: 28px
}

.ac-set-statistics .statistics-list__item .chart-working {
    margin-top: 31px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .chart-working {
        margin-top: 34px
    }
}

.ac-set-statistics .statistics-list__item .chart-working__points {
    margin-top: 28px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .chart-working__points {
        margin-top: 34px
    }
}

.ac-set-statistics .statistics-list__item .chart-cov {
    margin-top: 62px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .chart-cov {
        margin-top: 25px
    }
}

.ac-set-statistics .statistics-list__item .chart-cov__points {
    margin-top: 28px
}

.ac-set-statistics .statistics-list__item .chart-employed {
    margin-top: 31px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .chart-employed {
        margin-top: 34px
    }
}

.ac-set-statistics .statistics-list__item .chart-employed__points {
    margin-top: 28px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .chart-employed__points {
        margin-top: 34px
    }
}

.ac-set-statistics .statistics-list__item .us-risk-z {
    margin-top: 21px
}

.ac-set-statistics .statistics-list__item .name {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px
}

.ac-set-statistics .statistics-list__item .statistic-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 73px
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-age .chart__form {
    display: -ms-flexbox;
    display: flex
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-age__wrapper {
    display: grid;
    grid-template-columns:minmax(217px, 708px);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-age__wrapper #chart__user-age {
    display: grid !important;
    width: 100% !important;
    height: 488px !important
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .us-risk-z {
        margin-top: 32px
    }

    .ac-set-statistics .statistics-list__item .name {
        font-size: 18px;
        line-height: 24px
    }

    .ac-set-statistics .statistics-list__item .statistic-body {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        gap: 38px
    }

    .ac-set-statistics .statistics-list__item .statistic-body .chart-age__wrapper #chart__user-age {
        height: 345px !important
    }
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-age__wrapper::-webkit-scrollbar {
    width: 0;
    height: 0
}

.ac-set-statistics .statistics-list__item .statistic-body .chart {
    width: 300px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .statistic-body .chart {
        width: 200px
    }
}

.ac-set-statistics .statistics-list__item .statistic-body .chart #chart__user-sex {
    transform: rotate(75deg)
}

.ac-set-statistics .statistics-list__item .statistic-body .chart #chart__user-place {
    transform: rotate(83deg)
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning {
    width: 100%
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning ul li {
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -ms-flex-align: center;
    align-items: center
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning ul li .circle {
    width: 15px;
    height: 14px;
    border-radius: 50%
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning ul li .meaning-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #392B4B
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning ul li .meaning-text span {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-sex {
    gap: 28px
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-sex .man {
    background: #71C97A
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-sex .woman {
    background: #FF604B
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-sex {
        gap: 10px
    }

    .ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-city {
        gap: 8px
    }
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-city {
    gap: 8px
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-city .city-1 {
    background: #71C97A
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-city .city-2 {
    background: #FF604B
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-city .city-3 {
    background: #4B93FF
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-city .city-4 {
    background: #EDD717
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-city .city-5 {
    background: #ED9717
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-city .city-6 {
    background: #B5ED17
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-city .city-7 {
    background: #6C8F07
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-city .city-8 {
    background: #2A078F
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-city .city-9 {
    background: #7C078F
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-status {
    gap: 22px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-status {
        gap: 10px
    }
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-status .status-1 {
    background: #FF604B
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-status .status-2 {
    background: #4F4BFF
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .list-status .status-3, .ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .risk-zone .risk-1 {
    background: #71C97A
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .risk-zone {
    gap: 28px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .risk-zone {
        gap: 9px
    }
}

.ac-set-statistics .statistics-list__item .statistic-body .chart-meaning .risk-zone .risk-2 {
    background: #FF604B
}

.ac-set-statistics .statistics-list__item .statistic-body .ready__status {
    display: grid;
    grid-template-columns:repeat(2, minmax(288px, 343px));
    -moz-column-gap: 7px;
    column-gap: 7px;
    margin-top: 19px
}

.ac-set-statistics .statistics-list__item .statistic-body .ready__status .status {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    text-align: center;
    height: 100px
}

.ac-set-statistics .statistics-list__item .statistic-body .ready__status .status p {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #615473
}

@media (max-width: 768px) {
    .top-p .total__progress .radial-progress {
        max-width: 50px
    }

    .ac-set-statistics .statistics-list__item .statistic-body .ready__status {
        row-gap: 3px;
        grid-template-columns:minmax(288px, 343px)
    }

    .ac-set-statistics .statistics-list__item .statistic-body .ready__status .status {
        height: 67px
    }

    .ac-set-statistics .statistics-list__item .statistic-body .ready__status .status p {
        font-size: 10px
    }
}

.ac-set-statistics .statistics-list__item .statistic-body .ready__status .status p span {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #392B4B
}

.ac-set-statistics .statistics-list__item .statistic-body .ready__status .status:nth-child(1) {
    background: #C1E6D0;
    box-shadow: inset -1px 0 0 #E4E9F0
}

.ac-set-statistics .statistics-list__item .statistic-body .ready__status .status:nth-child(2) {
    background: #EAEFB1;
    box-shadow: inset -1px 0 0 #E4E9F0
}

.ac-set-statistics .statistics-list__item .stat-job {
    margin-top: 19px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: none;
    justify-content: none;
    gap: 26px
}

.ac-set-statistics .statistics-list__item .stat-job .job__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.ac-set-statistics .statistics-list__item .stat-job .job {
    display: grid;
    grid-template-columns:minmax(214px, 496px) minmax(86px, 199px);
    border: 1px solid #EFE8F8;
    max-width: 696px;
    border-radius: 8px;
    height: 74px
}

@media (max-width: 768px) {
    .ac-set-statistics .statistics-list__item .statistic-body .ready__status .status p span {
        font-size: 20px
    }

    .ac-set-statistics .statistics-list__item .stat-job .job {
        height: auto
    }
}

.ac-set-statistics .statistics-list__item .stat-job .job__name {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 9px 0 0 36px;
    color: #6C6377
}

@media (max-width: 768px) {
    .ac-set-statistics .statistics-list__item .stat-job .job__name {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        padding-left: 15px
    }
}

.ac-set-statistics .statistics-list__item .stat-job .job__stat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-left: 1px solid #EFE8F8
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .stat-job .job__list {
        gap: 6px
    }

    .ac-set-statistics .statistics-list__item .stat-job .job__stat {
        font-weight: 400;
        font-size: 12px;
        line-height: 24px
    }
}

.ac-set-statistics .statistics-list__item .stat-job .job__stat p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    color: #A897BD
}

@media (max-width: 768px) {
    .ac-set-statistics .statistics-list__item .stat-job .job__stat p {
        gap: 6px
    }
}

.ac-set-statistics .statistics-list__item .stat-job .job__stat p span {
    font-family: 'Golos Text VF';
    color: #6C6377
}

.ac-set-statistics .statistics-list__item .stat-job .job__stat .mob {
    display: none
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .stat-job .job__stat .des {
        display: none
    }

    .ac-set-statistics .statistics-list__item .stat-job .job__stat .mob {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
        text-align: center
    }
}

.ac-set-statistics .statistics-list__item .stat-job .job__showmore {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 27px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #966CEE
}

.ac-set-statistics .statistics-list__item .stat-job .job__showmore p {
    cursor: pointer
}

.ac-set-statistics .statistics-list__item .users-risk__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 17px;
    margin-top: 23px
}

.ac-set-statistics .statistics-list__item .users-risk__list .user {
    display: grid;
    max-width: 699px;
    grid-template-columns:minmax(auto, 377px) minmax(auto, 104px) minmax(auto, 104px) minmax(auto, 104px);
    border: 1px solid #EFE8F8;
    border-radius: 8px
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 0 9px 12px
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__info .avatar {
    margin-right: 12px
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__info .name {
    font-family: 'Golos Text VF';
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #6C6377
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__info .status {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #6C6377;
    margin-left: auto;
    margin-right: 27px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .users-risk__list {
        margin-top: 11px;
        gap: 11px
    }

    .ac-set-statistics .statistics-list__item .users-risk__list .user {
        grid-template-columns:none;
        grid-template-rows:55px 36px 44px 48px
    }

    .ac-set-statistics .statistics-list__item .users-risk__list .user__info .avatar img {
        width: 45px;
        height: 41px
    }

    .ac-set-statistics .statistics-list__item .users-risk__list .user__info .name {
        font-size: 12px
    }

    .ac-set-statistics .statistics-list__item .users-risk__list .user__info .status {
        display: none
    }
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__status-mob {
    display: none;
    font-family: 'Golos Text VF';
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    color: #6C6377;
    text-align: center
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .users-risk__list .user__status-mob {
        display: block
    }
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__stage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    text-align: center;
    border-left: 1px solid #EFE8F8
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__stage p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #A897BD
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__stage p span {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6C6377
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__progress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    border-right: 1px solid #EFE8F8;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #A897BD
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__progress span {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #4E8F59
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__progress .low {
    color: #FF604B
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .users-risk__list .user__progress-mob {
        display: grid;
        grid-template-columns:1fr 1fr
    }
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__progress-mob .prog-mob__stage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Golos Text VF';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    color: #A897BD
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__progress-mob .prog-mob__stage span {
    color: #6C6377
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__progress-mob .prog-mob__progr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Golos Text VF';
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    color: #A897BD
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__progress-mob .prog-mob__progr span {
    color: #FF604B
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__contact {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 23px;
    -ms-flex-pack: center;
    justify-content: center
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__contact .message {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #D0C2DE;
    cursor: pointer
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__contact .arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #F5F4F8;
    cursor: pointer
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__contact-mob {
    display: none
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list__item .users-risk__list .user__contact-mob {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 3px;
        border-top: 1px solid #EFE8F8;
        margin-top: 11.5px
    }

    .ac-set-statistics .statistics-list__item .users-risk__list .user__contact-mob button {
        width: 123px;
        height: 27px;
        border-radius: 8px;
        font-weight: 600;
        font-size: 12px;
        line-height: 24px
    }

    .ac-set-statistics .statistics-list__item .users-risk__list .user__contact-mob .more {
        background: #966CEE;
        color: #FFF
    }

    .ac-set-statistics .statistics-list__item .users-risk__list .user__contact-mob .message {
        background: #F9F4FF;
        color: #966CEE
    }
}

.ac-set-statistics .statistics-list__item .users-risk__list .user__showmore {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 28px;
    margin: 0 auto;
    color: #966CEE
}

.ac-set-statistics .statistics-list .sm {
    height: 444px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list .sm {
        margin-top: 0;
        height: auto
    }
}

.ac-set-statistics .statistics-list .sm-1 {
    height: 258px;
    margin-top: -274px;
    padding: 20px 26px 20px 41px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list .sm-1 {
        margin-top: 0;
        height: auto;
        padding: 20px 15px 31px 16px
    }
}

.ac-set-statistics .statistics-list .sm-3 {
    height: 444px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list .sm-3 {
        height: auto
    }
}

.ac-set-statistics .statistics-list .b-2 {
    height: 554px
}

.ac-set-statistics .statistics-list .b-2-mob {
    display: none
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list .b-2 {
        height: auto;
        display: none
    }

    .ac-set-statistics .statistics-list .b-2-mob {
        height: auto;
        display: block;
        margin-bottom: 20px
    }
}

.ac-set-statistics .statistics-list .sm-4 {
    height: 600px;
    margin-top: -110px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list .sm-4 {
        height: auto;
        margin-top: 0
    }
}

.ac-set-statistics .statistics-list .b-3 {
    height: 611px;
    margin-top: -120px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list .b-3 {
        height: auto;
        margin-top: 0
    }
}

.ac-set-statistics .statistics-list .sm-5 {
    height: 600px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list .sm-5 {
        height: auto;
        margin-top: 0
    }
}

.ac-set-statistics .statistics-list .sm-6 {
    height: 491px
}

.ac-set-statistics .region-jobs .name .des {
    display: block
}

.ac-set-statistics .region-jobs .name .mob {
    display: none
}

@media (max-width: 991.98px) {
    .ac-set-statistics .statistics-list .sm-6 {
        height: auto;
        margin-top: 0
    }

    .ac-set-statistics .region-jobs .name .des {
        display: none
    }

    .ac-set-statistics .region-jobs .name .mob {
        display: block
    }
}

.ac-set-statistics .filtr-form {
    display: grid;
    grid-template-columns:minmax(150px, 427px) minmax(150px, 463px);
    -moz-column-gap: 28px;
    column-gap: 28px;
    margin-top: 17px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .filtr-form {
        display: none
    }
}

.ac-set-statistics .filtr-form label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #A897BD;
    margin-bottom: 4px
}

.ac-set-statistics .filtr-form .filtr-search {
    position: relative;
    margin-top: 29px
}

.ac-set-statistics .filtr-form .filtr-search input {
    width: 100%;
    height: 43px;
    background: #FFF;
    border: 1px solid #EFE8F8;
    border-radius: 8px;
    padding-left: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #A897BD;
    outline: 0
}

.ac-set-statistics .filtr-form .filtr-search button {
    position: absolute;
    right: 0;
    height: 100%;
    width: 56px;
    background: #D0C2DE;
    border-radius: 6px
}

.ac-set-statistics .filt-res {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 72px
}

@media (max-width: 991.98px) {
    .ac-set-statistics .filt-res {
        display: none
    }
}

.ac-set-statistics .filtr-res__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px;
    margin-top: 56px
}

.ac-set-statistics .filtr-res__list .result {
    display: grid;
    grid-template-columns:minmax(188px, 572px) minmax(100px, 165px) minmax(100px, 165px) minmax(100px, 162px) minmax(100px, 165px) minmax(100px, 196px);
    border: 1px solid #EFE8F8;
    border-radius: 8px;
    height: 74px
}

.ac-set-statistics .filtr-res__list .result .res__name {
    padding: 9px 0 0 14px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6C6377
}

.ac-set-statistics .filtr-res__list .result .specific {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 9px 0 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #A897BD
}

.ac-set-statistics .filtr-res__list .result .specific span {
    color: #6C6377
}

@media (max-width: 991.98px) {
    .ac-set-statistics .filtr-res__list {
        margin-top: 23px
    }

    .ac-set-statistics .filtr-res__list .result .specific:nth-child(1), .ac-set-statistics .filtr-res__list .result .specific:nth-child(2), .ac-set-statistics .filtr-res__list .result .specific:nth-child(3), .ac-set-statistics .filtr-res__list .result .specific:nth-child(4), .ac-set-statistics .filtr-res__list .result .specific:nth-child(5) {
        display: none
    }

    .ac-set-statistics .filtr-res__list .result {
        grid-template-columns:minmax(188px, 572px) minmax(100px, 165px)
    }

    .ac-set-statistics .filtr-res__list .result .specific {
        gap: 5px
    }
}

.ac-set-statistics .filtr__showmore {
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
    -ms-flex-align: center;
    align-items: center;
    margin: 41px auto 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #966CEE
}

.ac-set-statistics .__select {
    position: relative;
    height: 44px;
    background: #FFF;
    border: 1px solid #EFE8F8;
    border-radius: 16px
}

.ac-set-statistics .__select[data-state=active] .__select__title::before {
    transform: rotate(135deg)
}

.ac-set-statistics .__select[data-state=active] .__select__title::after {
    transform: rotate(-135deg)
}

.ac-set-statistics .__select[data-state=active] .__select__content {
    opacity: 1
}

.ac-set-statistics .__select[data-state=active] .__select__label + .__select__input + .__select__label {
    max-height: 40px;
    border-top-width: 1px
}

.ac-set-statistics .__select__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer
}

.ac-set-statistics .__select__title::after, .ac-set-statistics .__select__title::before {
    width: 6px;
    height: 2px;
    border-radius: 25%;
    background-color: #D0C2DE;
    position: absolute;
    content: ""
}

.ac-set-statistics .__select__title::before {
    transform: rotate(45deg);
    right: 24px
}

.ac-set-statistics .__select__title::after {
    transform: rotate(-45deg);
    right: 21px
}

.ac-set-statistics .__select__content {
    position: absolute;
    top: 44px;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all .3s ease-out;
    opacity: 0;
    z-index: 8
}

.ac-set-statistics .__select__input {
    display: none
}

.ac-set-statistics .__select__input:checked + label {
    background-color: #dedede
}

.ac-set-statistics .__select__input:disabled + label {
    opacity: .6;
    pointer-events: none
}

.ac-set-statistics .__select__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    max-height: 0;
    padding: 0 16px;
    transition: all .2s ease-out;
    cursor: pointer;
    overflow: hidden
}

.ac-set-statistics .__select__label + input + .ac-set-statistics .__select__label {
    border-top: 0 solid #C7CCD160
}

.ac-set-statistics .__select__label:hover {
    background-color: #eeee !important
}

.search-wrapper-educational-materials {
    max-width: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin-top: 30px
}

.search-wrapper-educational-materials .search-input {
    padding: 0 78px 0 24px;
    border: 1px solid #966cee;
    border-radius: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    background: #fff;
    height: 44px;
    color: #a897bd
}

.search-wrapper-educational-materials .search-btn {
    background-color: #966cee;
    border-radius: 4px;
    width: 64px;
    height: 36px;
    right: 5px;
    top: 4px;
    position: absolute
}

.mrpl-t__btn-edu-1, .mrpl-t__btn-edu-2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    border-radius: 8px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    font-style: normal;
    cursor: pointer
}

.mrpl-t__btns {
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.mrpl-t__btn-edu-1 {
    display: block;
    background: #966cee;
    width: 120px;
    height: fit-content
}

.mrpl-t__btn-edu-1:active, .mrpl-t__btn-edu-1:focus, .mrpl-t__btn-edu-1:hover {
    color: #fff
}

@media (max-width: 991.98px) {
    .mrpl-t__btn-edu-1 {
        display: none
    }
}

.mrpl-t__btn-edu-2 {
    display: block;
    background: #a897bd;
    width: 190px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.mrpl-t__btn-edu-2:active, .mrpl-t__btn-edu-2:focus, .mrpl-t__btn-edu-2:hover {
    color: #fff
}

@media (max-width: 991.98px) {
    .mrpl-t__btn-edu-2 {
        display: none
    }
}

.edu__back-color {
    background: #fbfafd;
    padding-bottom: 30px
}

.edu__top-p {
    display: grid;
    grid-template-columns:calc(812 / 1539 * 100%) auto calc(427 / 1539 * 100%)
}

@media (max-width: 991.98px) {
    .edu__top-p {
        margin-top: 26px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }
}

.add__btn, .edu__slide {
    margin: 0 auto
}

.edu__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 23px
}

@media (max-width: 991.98px) {
    .edu__flex {
        display: none
    }
}

.edu__item {
    display: -ms-flexbox;
    display: flex;
    gap: 27px;
    background: #fff;
    border-radius: 8px;
    padding: 14px
}

.edu__item-left-el, .edu__item-right-el {
    border: 1px solid #efe8f8;
    padding: 8px 0
}

@media (max-width: 1580px) {
    .edu__item {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.edu__item-left {
    display: -ms-flexbox;
    display: flex;
    gap: 36px
}

.edu__item-img {
    position: relative
}

.edu__item-img::before {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: url(/img/edu-img-before.svg);
    top: 3%;
    left: 3%
}

.edu__item-left-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.edu__item-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media (max-width: 1440px) {
    .edu__item-title {
        font-size: calc(16px + 8 * ((100vw - 320px) / 1120));
        line-height: calc(24px + 12 * ((100vw - 320px) / 1120))
    }
}

.edu__item-left-row {
    display: -ms-flexbox;
    display: flex;
    gap: 40px
}

@media (max-width: 991.98px) {
    .edu__item-left-row {
        display: none
    }
}

.edu__item-left-el {
    width: 114px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6c6377
}

.edu__item-left-el span:nth-child(odd) {
    color: #a897bd
}

.edu__item-right {
    display: -ms-flexbox;
    display: flex;
    gap: 13px
}

@media (max-width: 1580px) {
    .edu__item-right {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (max-width: 1355px) {
    .edu__item-right {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 991.98px) {
    .edu__item-right {
        display: none
    }
}

.edu__item-right-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1580px) {
    .edu__item-right-info {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 8px
    }
}

.edu__item-right-info div {
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.edu__item-right-el {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    background: #efe8f8;
    width: 148px
}

.edu__item-right-btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1580px) {
    .edu__item-right-btns {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 5px
    }
}

.edu__main-btn {
    cursor: pointer;
    display: block;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    padding: 10px 0;
    width: 220px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.edu__edit-btn {
    background: #966cee
}

.edu__more-btn {
    background: #d9d9d9;
    color: #6c6377
}

.edu__delete-btn {
    background: #ee6c83
}

.edu__search-tablet {
    display: none
}

@media (max-width: 991.98px) {
    .edu__buttons, .edu__filters-block, .edu__search-desktop {
        display: none
    }

    .edu__search-tablet {
        display: -ms-flexbox;
        display: flex;
        gap: 4px
    }
}

.edu__filter-popup button {
    display: block;
    height: 44px;
    width: 46px;
    background: url(../img/edu-filter-icon.svg) center no-repeat #f9f4ff;
    border: 1px solid #e6e0fa;
    border-radius: 3px;
    background-size: 50%
}

.edu__body-top-1, .edu__body-top-2, .edu__body-top-3, .edu__body-top-4 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.edu__flex-tablet {
    display: none
}

@media (max-width: 991.98px) {
    .edu__flex-tablet {
        display: grid;
        grid-template-columns:repeat(2, auto);
        gap: 30px
    }
}

@media (max-width: 754px) {
    .edu__flex-tablet {
        grid-template-columns:repeat(1, auto)
    }
}

.edu__slide {
    width: 345px
}

@media (max-width: 500px) {
    .edu__slide {
        width: 100%
    }
}

.edu__body-top-1 {
    background-image: url(/img/edu1.png)
}

.edu__body-top-2 {
    background-image: url(/img/edu2.png)
}

.edu__body-top-3 {
    background-image: url(/img/edu3.png)
}

.edu__body-top-4 {
    background-image: url(/img/edu4.png)
}

.add__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.add__item {
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border: 1px solid #efe8f8;
    border-radius: 8px
}

@media (max-width: 991.98px) {
    .add__item {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 991.98px) {
    .add__item {
        -ms-flex-align: center;
        align-items: center
    }
}

.add__item-left {
    padding-left: 40px;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -ms-flex-align: center;
    align-items: center;
    height: 60px
}

@media (min-width: 991.98px) {
    .add__item-left {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding-left: 15px
    }
}

@media (max-width: 1440px) {
    .add__item-left {
        padding-left: calc(15px + 25 * ((100vw - 320px) / 1120))
    }
}

.add__item-num {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    padding: 9px 16px;
    border-radius: 50%;
    border: 1px solid #a897bd
}

.add__item-row-el:nth-child(3), .users__item-digit div:nth-child(odd) {
    border-right: 1px solid #efe8f8
}

@media (max-width: 991.98px) {
    .add__item-num {
        display: none
    }
}

.add__item-title {
    font-weight: 700;
    line-height: 24px;
    color: #6c6377;
    font-size: 16px
}

@media (max-width: 1440px) {
    .add__item-title {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120))
    }
}

.add__item-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 991.98px) {
    .add__item-right {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }

    .add__item-row-el {
        padding: 15px 0
    }
}

.add__item-row {
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 991.98px) {
    .add__item-right {
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid #efe8f8
    }

    .add__item-row {
        width: 100%
    }
}

.add__item-row-el {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px;
    border-left: 1px solid #efe8f8;
    -ms-flex-align: center;
    align-items: center;
    width: 170px;
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 1440px) {
    .add__item-row-el {
        width: calc(140px + 30 * ((100vw - 320px) / 1120));
        font-size: calc(10px + 4 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 991.98px) {
    .add__item-row-el {
        width: 100%;
        gap: 0;
        padding: 5px 0
    }

    .add__item-row-el:nth-child(1) {
        border-left: none
    }

    .add__box-btn, .add__item-row-el:nth-child(3) {
        display: none
    }
}

.add__item-row-el span:nth-child(odd) {
    color: #a897bd
}

.add__item-row-el span:nth-child(even) {
    color: #6c6377
}

.add__box-btn {
    width: 266px
}

.users__filters-row {
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

@media (max-width: 1440px) {
    .users__filters-row {
        gap: calc(10px + 20 * ((100vw - 320px) / 1120))
    }
}

.users__filters-gap {
    gap: 30px
}

@media (max-width: 1440px) {
    .users__filters-gap {
        gap: calc(10px + 20 * ((100vw - 320px) / 1120))
    }
}

.users__flex {
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1561px) {
    .users__flex {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.users__item {
    background: #fff;
    border: 1px solid #efe8f8;
    border-radius: 8px;
    padding: 15px 0
}

@media (min-width: 1033px) {
    .users__item {
        width: 369px
    }
}

@media (min-width: 1033px) and (max-width: 1440px) {
    .users__item {
        width: calc(246px + 123 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 842px) {
    .users__item {
        width: 369px
    }
}

@media (max-width: 842px) and (max-width: 1440px) {
    .users__item {
        width: calc(246px + 123 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 599px) {
    .users__item {
        width: 100%
    }
}

.users__item-person {
    display: -ms-flexbox;
    display: flex;
    gap: 26px;
    padding: 0 12px;
    margin-bottom: 24px
}

.users__item-img img {
    width: 118px;
    heigth: 118px
}

.users__item-person-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.users__item-person-info-name {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-weight: 700;
    line-height: 36px;
    font-size: 18px
}

@media (max-width: 1440px) {
    .users__item-person {
        gap: calc(16px + 10 * ((100vw - 320px) / 1120));
        margin-bottom: calc(4px + 20 * ((100vw - 320px) / 1120))
    }

    .users__item-img img {
        width: calc(79px + 39 * ((100vw - 320px) / 1120));
        heigth: calc(79px + 39 * ((100vw - 320px) / 1120))
    }

    .users__item-person-info-name {
        font-size: calc(12px + 6 * ((100vw - 320px) / 1120))
    }
}

.users__item-person-info-data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6c6377
}

.users__item-digit {
    margin-bottom: 7px;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #efe8f8;
    border-bottom: 1px solid #efe8f8
}

@media (max-width: 1440px) {
    .users__item-person-info-data {
        font-size: calc(10px + 4 * ((100vw - 320px) / 1120));
        line-height: calc(16px + 8 * ((100vw - 320px) / 1120))
    }

    .users__item-digit {
        margin-bottom: calc(7px + 0 * ((100vw - 320px) / 1120))
    }
}

.users__item-digit div {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    padding: 5px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #a897bd
}

@media (max-width: 1440px) {
    .users__item-digit div {
        font-size: calc(10px + 4 * ((100vw - 320px) / 1120));
        line-height: calc(12px + 12 * ((100vw - 320px) / 1120))
    }
}

.users__item-digit div span:nth-child(even) {
    color: #6c6377
}

.users__item-target {
    margin-bottom: 15px;
    text-align: center;
    padding: 0 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.users__item-target p:nth-child(odd) {
    color: #a897bd
}

.users__item-target p:nth-child(even) {
    color: #6c6377
}

.users__item-btns {
    padding: 0 12px;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1440px) {
    .users__item-target {
        margin-bottom: calc(7px + 8 * ((100vw - 320px) / 1120));
        font-size: calc(10px + 4 * ((100vw - 320px) / 1120));
        line-height: calc(14px + 4 * ((100vw - 320px) / 1120))
    }

    .users__item-btns {
        gap: calc(3px + 7 * ((100vw - 320px) / 1120))
    }
}

.users__item-traektory {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: #966cee;
    border-radius: 8px;
    padding: 10px 0;
    width: 285px;
    height: 42px
}

@media (max-width: 1440px) {
    .users__item-traektory {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120));
        width: calc(190px + 95 * ((100vw - 320px) / 1120));
        height: calc(29px + 13 * ((100vw - 320px) / 1120))
    }
}

.users__item-edit {
    display: block;
    width: 45px;
    height: 42px;
    background: url(/img/users-edit.svg) center no-repeat #f9f4ff;
    border: 1px solid #e6e0fa;
    border-radius: 3px;
    background-size: 50%
}

.prof-exp__top {
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-bottom: 10px;
    margin-top: 30px
}

@media (max-width: 1440px) {
    .users__item-edit {
        width: calc(35px + 10 * ((100vw - 320px) / 1120));
        height: calc(29px + 13 * ((100vw - 320px) / 1120))
    }

    .prof-exp__top {
        margin-top: calc(10px + 20 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 1200px) {
    .prof-exp__top {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.prof-exp__row {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    gap: 9px
}

.prof-exp__avatar {
    width: 231px;
    height: 231px;
}

@media (max-width: 991.98px) {
    .prof-exp__row {
        background-color: transparent;
        border-radius: unset;
        border: none;
        overflow: visible;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .prof-exp__avatar {
        width: 231px
    }
}

@media (max-width: 991.98px) and (max-width: 1440px) {
    .prof-exp__avatar {
        width: calc(150px + 81 * ((100vw - 320px) / 1120))
    }
}

.prof-exp__item-row {
    -ms-flex: 1 1 74%;
    flex: 1 1 74%
}

@media (max-width: 767.98px) {
    .row-top {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .prof-exp__digit-item {
        padding: 7px 0
    }
}

.prof-exp__digit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 26%;
    flex: 1 1 26%;
    gap: 6px
}

.prof-exp__digit-item {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #efe8f8;
    box-shadow: inset -1px 0 0 #e4e9f0;
    border-radius: 8px
}

.prof-exp__digit-item p:nth-child(odd) {
    color: #615473;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px
}

@media (max-width: 1440px) {
    .prof-exp__digit-item {
        gap: calc(0px + 8 * ((100vw - 320px) / 1120))
    }

    .prof-exp__digit-item p:nth-child(odd) {
        font-size: calc(10px + 2 * ((100vw - 320px) / 1120))
    }
}

.prof-exp__digit-item p:nth-child(even) {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #392b4b
}

@media (max-width: 1440px) {
    .prof-exp__digit-item p:nth-child(even) {
        font-size: calc(20px + 4 * ((100vw - 320px) / 1120))
    }
}

.prof-exp__btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    -ms-flex: 1 1 2%;
    flex: 1 1 2%
}

@media (max-width: 991.98px) {
    .prof-exp__btns {
        display: none
    }
}

.prof-exp__btns a, .prof-exp__mooving {
    line-height: 24px;
    display: -ms-flexbox
}

.prof-exp__btns a {
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    background: #f9f4ff;
    border: 1px solid #e6e0fa;
    border-radius: 8px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    color: #966cee
}

.prof-exp__mooving {
    font-size: 22px;
    color: #392b4b;
    display: flex;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

@media (max-width: 1440px) {
    .prof-exp__mooving {
        font-size: calc(12px + 10 * ((100vw - 320px) / 1120))
    }
}

.prof-exp__city-row {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.prof-exp__city-row span {
    background: #1f9756;
    border: 1px solid #efe8f8;
    border-radius: 8px;
    font-size: 14px;
    padding: 8px 16px;
    line-height: 20px;
    color: #fff
}

@media (max-width: 1440px) {
    .prof-exp__city-row span {
        font-size: calc(12px + 2 * ((100vw - 320px) / 1120))
    }
}

.prof-exp__body-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px
}

.prof-exp__body-main-item:nth-child(7) {
    margin-bottom: 80px
}

.prof-exp__body-title {
    font-weight: 700;
    color: #392b4b;
    margin-bottom: 37px;
    font-size: 36px;
    line-height: 44px
}

.prof-exp__body-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 45px
}

@media (max-width: 1440px) {
    .prof-exp__body-title {
        margin-bottom: calc(27px + 10 * ((100vw - 320px) / 1120));
        font-size: calc(24px + 12 * ((100vw - 320px) / 1120));
        line-height: calc(24px + 20 * ((100vw - 320px) / 1120))
    }

    .prof-exp__body-flex {
        gap: calc(20px + 25 * ((100vw - 320px) / 1120))
    }
}

.prof-exp__body-flex-item {
    display: -ms-flexbox;
    display: flex;
    gap: 37px
}

@media (max-width: 1440px) {
    .prof-exp__body-flex-item {
        gap: calc(17px + 20 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 767.98px) {
    .prof-exp__body-flex-item {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px
    }
}

.prof-exp__body-flex-item-title {
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    color: #392b4b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 13px
}

.prof-exp__body-flex-item-title p:nth-child(odd) {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px
}

@media (max-width: 1440px) {
    .prof-exp__body-flex-item-title p:nth-child(odd) {
        font-size: calc(18px + 6 * ((100vw - 320px) / 1120));
        line-height: calc(16px + 16 * ((100vw - 320px) / 1120))
    }
}

.prof-exp__body-flex-item-title p:nth-child(even) {
    font-weight: 500;
    font-size: 22px;
    line-height: 24px
}

@media (max-width: 1440px) {
    .prof-exp__body-flex-item-title p:nth-child(even) {
        font-size: calc(16px + 6 * ((100vw - 320px) / 1120));
        line-height: calc(12px + 12 * ((100vw - 320px) / 1120))
    }
}

.prof-exp__body-flex-item-info, .prof-exp__body-flex-item-info p span {
    font-size: 16px;
    line-height: 24px
}

.prof-exp__body-flex-item-info {
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    font-weight: 400
}

@media (max-width: 1440px) {
    .prof-exp__body-flex-item-info p span {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
        line-height: calc(12px + 12 * ((100vw - 320px) / 1120))
    }
}

.prof-exp__body-flex-item-info p:nth-child(1) {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px
}

.prof-exp__bold {
    font-weight: 700
}

@media (max-width: 1440px) {
    .prof-exp__body-flex-item-info p:nth-child(1) {
        font-size: calc(18px + 6 * ((100vw - 320px) / 1120));
        line-height: calc(16px + 16 * ((100vw - 320px) / 1120))
    }

    .prof-exp__body-row-item-title {
        font-size: calc(16px + 6 * ((100vw - 320px) / 1120));
        line-height: calc(12px + 12 * ((100vw - 320px) / 1120))
    }
}

.prof-exp__body-flexx-item {
    display: -ms-flexbox;
    display: flex;
    gap: 37px;
    line-height: 24px;
    font-size: 22px
}

@media (max-width: 1440px) {
    .prof-exp__body-flexx-item {
        gap: calc(17px + 20 * ((100vw - 320px) / 1120));
        font-size: calc(16px + 6 * ((100vw - 320px) / 1120))
    }
}

.prof-exp__body-row-item-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.prof-exp__skill-row {
    font-weight: 600;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px;
    line-height: 20px
}

.prof-exp__skill-row span:nth-child(odd) {
    background: #f8e7a1;
    color: #392b4b;
    border: 1px solid #efe8f8;
    border-radius: 8px;
    padding: 8px 16px
}

.prof-exp__skill-row span:nth-child(even) {
    background: #1f9756;
    color: #fff;
    border: 1px solid #efe8f8;
    border-radius: 8px;
    padding: 8px 16px
}

.prof-exp__po-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 60px
}

.prof-exp__po-row div {
    background: #fff;
    border: 1px solid #efe8f8;
    border-radius: 16px;
    width: 124px;
    height: 124px
}

.prof-exp__po-row div:nth-child(1) {
    background: url(/img/excel.svg) center no-repeat, center no-repeat #fff;
    background-size: 50%
}

.prof-exp__po-row div:nth-child(2) {
    background: url(/img/powerP.svg) center no-repeat, center no-repeat #fff;
    background-size: 50%
}

.prof-exp__po-row div:nth-child(3) {
    background: url(/img/jira.svg) center no-repeat, center no-repeat #fff;
    background-size: 50%
}

.prof-exp__po-row div:nth-child(4) {
    background: url(/img/powerBl.svg) center no-repeat, center no-repeat #fff;
    background-size: 50%
}

.prof-exp__po-row div:nth-child(5) {
    background: url(/img/miro.svg) center no-repeat, center no-repeat #fff;
    background-size: 50%
}

.traj-prof__progress {
    -ms-flex: 1 1 60%;
    flex: 1 1 60%
}

.traj-prof__btns {
    -ms-flex: 1 1 40%;
    flex: 1 1 40%
}

.traj-prof__row-one {
    -ms-flex: 1 1 42%;
    flex: 1 1 42%
}

.traj-prof__row-two {
    -ms-flex: 1 1 58%;
    flex: 1 1 58%
}

.traj-selectt {
    width: 100%
}

.traj-title {
    font-weight: 400;
    color: #392b4b;
    line-height: 24px;
    font-size: 16px
}

.traj-prof__show-more button {
    width: 306px;
    margin: 0 auto
}

@media (max-width: 1440px) {
    .prof-exp__po-row {
        gap: calc(30px + 30 * ((100vw - 320px) / 1120))
    }

    .traj-title {
        line-height: calc(12px + 12 * ((100vw - 320px) / 1120));
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120))
    }

    .traj-prof__show-more button {
        width: calc(250px + 56 * ((100vw - 320px) / 1120))
    }
}

.traj-prof__progress-row {
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .traj-prof__progress-row {
        margin-bottom: 16px
    }
}

.traj-prof__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #a897bd;
    margin-bottom: 0
}

.traj-prof__title {
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .traj-prof__progress-row {
        gap: calc(10px + 14 * ((100vw - 320px) / 1120))
    }

    .traj-prof__title {
        margin-bottom: calc(12px + 12 * ((100vw - 320px) / 1120))
    }
}

.traj-prof__add-btn {
    margin-bottom: 24px
}

@media (max-width: 1440px) {
    .traj-prof__add-btn {
        margin-bottom: calc(12px + 12 * ((100vw - 320px) / 1120))
    }
}

.traj-prof__card-list {
    display: grid;
    grid-template-columns:repeat(5, auto);
    gap: 16px;
    margin-bottom: 0
}

@media (max-width: 1250px) {
    .traj-prof__card-list {
        grid-template-columns:repeat(4, auto)
    }
}

@media (max-width: 991.98px) {
    .traj-prof__card-list {
        grid-template-columns:repeat(3, auto)
    }

    .jobs__list .job {
        height: auto
    }
}

@media (max-width: 767.98px) {
    .traj-prof__card-list {
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        margin: 0 -15px;
        padding: 0 15px
    }

    .traj-prof__card-list::-webkit-scrollbar {
        display: none
    }
}

.traj-prof__btn {
    display: block
}

.traj-prof__body-item {
    margin-bottom: 30px
}

.jobs__list {
    margin-top: 19px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.jobs__list .job {
    display: grid;
    grid-template-columns:minmax(206px, 496px) minmax(81px, 199px);
    border: 1px solid #EFE8F8;
    border-radius: 8px
}

.jobs__list .jobs__name {
    padding: 9px 0 0 35px;
    height: 74px;
    border-right: 1px solid #efe8f8;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6C6377
}

@media (max-width: 991.98px) {
    .jobs__list .jobs__name, .jobs__list .jobs__name span {
        font-weight: 400;
        font-size: 12px;
        line-height: 24px
    }

    .jobs__list .jobs__name {
        padding: 7px 13px 10px 16px;
        height: auto
    }
}

.jobs__list .jobs__stat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #A897BD
}

.jobs__list .jobs__stat span {
    color: #6C6377
}

.jobs__list .jobs__stat p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.hi {
    display: none
}

.hi-no {
    display: block
}

@media (max-width: 991.98px) {
    .jobs__list .jobs__stat {
        font-weight: 400;
        font-size: 12px;
        line-height: 24px
    }

    .hi {
        display: block
    }

    .hi-no {
        display: none
    }
}

.main-ofice .radial-progress .text {
    font-size: 6px
}

@media (max-width: 990px) {
    .col-990 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.top-p {
    margin-bottom: 35px
}

.top-p .row {
    margin: 0
}

.top-p .top-p__it {
    display: -ms-flexbox;
    display: flex;
    max-height: 233px
}

@media (max-width: 991.98px) {
    .top-p {
        margin-bottom: 8px
    }

    .top-p .top-p__it {
        max-height: none;
        padding: 0 16px;
        gap: 12px
    }
}

.top-p .top-p__it .company {
    display: -ms-flexbox;
    display: flex;
    width: calc(812 / 1539 * 100%);
    margin-right: 20px
}

.top-p .top-p__it .company .company-des {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-radius: 16px;
    padding: 22.5px 24px 22.5px 0
}

@media (max-width: 767.98px) {
    .top-p .top-p__it .company .company-des {
        display: none
    }
}

.top-p .top-p__it .company .company-des .company__logo {
    width: 220px;
    height: 165px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.top-p .top-p__it .company .company-des .company__logo svg {
    position: absolute;
    top: 8px;
    left: 8px
}

.top-p .top-p__it .company .company-des .company__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.top-p .top-p__it .company .company-des .company__info .agency-name {
    max-width: 568px;
    height: 93px;
    font-weight: 600;
    line-height: 32px;
    color: #392B4B
}

.top-p .top-p__it .company .company-des .company__info .agency-name p {
    font-size: 22px
}

@media (max-width: 1440px) {
    .top-p .top-p__it .company .company-des .company__info .agency-name p {
        font-size: calc(13px + 9 * ((100vw - 320px) / 1120))
    }
}

.top-p .top-p__it .company .company-des .company__info .activities .activ__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px
}

.top-p .top-p__it .company .company-des .company__info .activities .activ__item .item__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #392B4B
}

.top-p .top-p__it .company .company-des .company__info .activities .activ__item .item__text span {
    color: #A897BD
}

.top-p .top-p__it .company .company-des .company__info .activities .activ__item:nth-child(1) {
    margin-bottom: 7px
}

.top-p .top-p__it .company .company-mob {
    display: none
}

@media (max-width: 767.98px) {
    .top-p .top-p__it .company .company-mob {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: calc(16 / 288 * 100%);
        margin-top: 26px
    }
}

.top-p .top-p__it .company .company-mob .activ__list {
    width: 100%;
    padding-top: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px
}

.top-p .top-p__it .company .company-mob .activ__list .activ__item {
    display: -ms-flexbox;
    display: flex;
    padding-right: 12px;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.top-p .top-p__it .company .company-mob .activ__list .activ__item .item__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.top-p .top-p__it .company .company-mob .activ__list .activ__item .item__text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 16px;
    color: #392B4B
}

@media (max-width: 1440px) {
    .top-p .top-p__it .company .company-mob .activ__list .activ__item .item__text p {
        font-size: calc(12px + 6 * ((100vw - 320px) / 1120))
    }
}

.top-p .top-p__it .company .company-mob .activ__list .activ__item .item__text p:nth-child(2) {
    font-weight: 400;
    color: #A897BD
}

.top-p .top-p__it .company .company-mob__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.top-p .top-p__it .company .company-mob__logo .logo-mob__ulpoad {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #966CEE
}

.top-p .top-p__it .progress__percent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(242 / 1539 * 100%);
    background: #392B4B;
    border: 1px solid #EFE8F8;
    border-radius: 16px
}

.top-p .top-p__it .progress__percent .main-ofice {
    padding: 25px calc(41 / 242 * 100%)
}

@media (max-width: 767.98px) {
    .top-p .top-p__it .progress__percent .main-ofice {
        border-bottom: none;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-item-align: center;
        align-self: center;
        padding: 0;
        height: 84px;
        margin-bottom: 0
    }
}

.top-p .top-p__it .button {
    margin-left: auto;
    width: calc(427 / 1539 * 100%)
}

@media (max-width: 991.98px) {
    .top-p .top-p__it .button {
        display: none
    }
}

.top-p .top-p__it .button ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px
}

.top-p .top-p__it .button ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F9F4FF;
    border: 1px solid #E6E0FA;
    border-radius: 8px;
    padding: 10px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #966CEE
}

.tasks__status .task__list .task, .top-p .top-p__li .success__list .success__item {
    -ms-flex-direction: column;
    height: 100px;
    width: 100%;
    text-align: center;
    box-shadow: inset -1px 0 0 #E4E9F0
}

@media (max-width: 1440px) {
    .top-p .top-p__it .button ul li {
        font-size: calc(10px + 6 * ((100vw - 320px) / 1120))
    }
}

.top-p .top-p__li {
    margin-top: 23px
}

.top-p .top-p__li .success__list {
    display: grid;
    grid-template-columns:repeat(4, minmax(auto, 378px));
    -moz-column-gap: 8px;
    column-gap: 8px
}

.top-p .top-p__li .success__list .success__item {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-transform: uppercase;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.top-p .top-p__li .success__list .success__item .title {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #615473
}

@media (max-width: 1440px) {
    .top-p .top-p__li .success__list .success__item .title {
        font-size: calc(10px + 2 * ((100vw - 320px) / 1120))
    }
}

.top-p .top-p__li .success__list .success__item .subtitle {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #392B4B
}

@media (max-width: 1440px) {
    .top-p .top-p__li .success__list .success__item .subtitle {
        font-size: calc(20px + 4 * ((100vw - 320px) / 1120))
    }
}

.top-p .top-p__li .success__list li:nth-child(1) {
    background: #EFE8F8;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.top-p .top-p__li .success__list li:nth-child(2) {
    background: #C1E6D0
}

.top-p .top-p__li .success__list li:nth-child(3) {
    background: #F7D1CC
}

.top-p .top-p__li .success__list li:nth-child(4) {
    background: #F5E1C3;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.content .title {
    font-weight: 600;
    font-size: 36px;
    margin-left: 0;
    line-height: 44px;
    color: #493B5C
}

.content .title-section {
    margin-bottom: 15px
}

@media (max-width: 1440px) {
    .content .title {
        font-size: calc(18px + 18 * ((100vw - 320px) / 1120));
        margin-left: calc(5px + -5 * ((100vw - 320px) / 1120))
    }

    .content .title-section {
        margin-bottom: calc(12px + 3 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 991.98px) {
    .top-p .top-p__li {
        padding: 0 16px
    }

    .top-p .top-p__li .success__list {
        grid-template-columns:minmax(288px, auto);
        row-gap: 3px
    }

    .top-p .top-p__li .success__list li:nth-child(1) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .top-p .top-p__li .success__list li:nth-child(4) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .content .title-section {
        text-align: center
    }
}

.content .tit-b {
    margin: 36px 0
}

@media (max-width: 1440px) {
    .content .tit-b {
        margin-top: calc(20px + 16 * ((100vw - 320px) / 1120));
        margin-bottom: calc(17px + 19 * ((100vw - 320px) / 1120))
    }
}

.content .tit-s {
    margin: 36px 0
}

@media (max-width: 1440px) {
    .content .tit-s {
        margin-top: calc(10px + 26 * ((100vw - 320px) / 1120));
        margin-bottom: calc(10px + 26 * ((100vw - 320px) / 1120))
    }
}

.tasks__status {
    max-width: none !important;
    width: 100%;
    background: #FFF;
    border: 1px solid #EFE8F8;
    border-radius: 16px;
    padding: 32px 39px 35px 41px
}

@media (max-width: 991.98px) {
    .tasks__status {
        margin-bottom: 10px
    }
}

.tasks__status .title {
    font-family: 'Golos Text VF';
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #392B4B;
    margin-bottom: 27px
}

.tasks__status .task__list {
    display: -ms-flexbox;
    display: flex;
    gap: 25px
}

@media (max-width: 991.98px) {
    .tasks__status .task__list {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3px
    }
}

.tasks__status .task__list .task {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

@media (max-width: 1440px) {
    .tasks__status {
        padding-top: calc(11px + 21 * ((100vw - 320px) / 1120));
        padding-bottom: calc(23px + 12 * ((100vw - 320px) / 1120));
        padding-left: calc(21px + 20 * ((100vw - 320px) / 1120));
        padding-right: calc(11px + 28 * ((100vw - 320px) / 1120))
    }

    .tasks__status .title {
        font-size: calc(18px + 10 * ((100vw - 320px) / 1120));
        margin-bottom: calc(11px + 16 * ((100vw - 320px) / 1120))
    }

    .tasks__status .task__list .task {
        height: calc(67px + 33 * ((100vw - 320px) / 1120))
    }
}

.tasks__status .task__list .task p {
    font-weight: 600;
    line-height: 16px;
    color: #615473;
    font-size: 12px
}

@media (max-width: 1440px) {
    .tasks__status .task__list .task p {
        font-size: calc(10px + 2 * ((100vw - 320px) / 1120))
    }
}

.tasks__status .task__list .task span {
    font-weight: 400;
    line-height: 32px;
    color: #392B4B;
    font-size: 24px
}

.tasks__status .task__list .task:nth-child(1) {
    background: #C1E6D0
}

.tasks__status .task__list .task:nth-child(2) {
    background: #F7D1CC
}

.stat-block__list {
    display: grid;
    grid-template-columns:1fr 1fr;
    -moz-column-gap: 13px;
    column-gap: 13px;
    row-gap: 16px
}

.stat-block__list .sign-gender {
    gap: 43px
}

@media (max-width: 1440px) {
    .tasks__status .task__list .task span {
        font-size: calc(20px + 4 * ((100vw - 320px) / 1120))
    }

    .stat-block__list .sign-gender {
        gap: calc(28px + 15 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .sign-geo {
    gap: 10px
}

@media (max-width: 1440px) {
    .stat-block__list .sign-geo {
        gap: calc(10px + 0 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .sign-geo .geo {
    margin-top: 38px
}

@media (max-width: 767.98px) {
    .stat-block__list .sign-geo .geo {
        margin-top: 0
    }
}

.stat-block__list .sign-risk {
    gap: 0;
    height: 485px;
    margin-top: 14px
}

@media (max-width: 991.98px) {
    .stat-block__list {
        grid-template-columns:1fr;
        row-gap: 10px
    }

    .stat-block__list .sign-risk {
        height: auto;
        margin-top: 0
    }
}

.stat-block__list .sign-risk .age__button-wrapper {
    margin: 20px 0 23px
}

@media (max-width: 991.98px) {
    .stat-block__list .sign-risk .age__button-wrapper {
        margin: 32px 0
    }
}

.stat-block__list .sign-status {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px
}

@media (min-width: 991.98px) {
    .stat-block__list .sign-risk-zon {
        height: 444px
    }
}

.stat-block__list .sign-risk-zon .title {
    margin-bottom: 43px
}

@media (max-width: 1440px) {
    .stat-block__list .sign-status {
        gap: calc(30px + -1 * ((100vw - 320px) / 1120))
    }

    .stat-block__list .sign-risk-zon .title {
        margin-bottom: calc(14px + 29 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .sign-employed {
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 444px
}

@media (max-width: 991.98px) {
    .stat-block__list .sign-employed {
        -ms-flex-pack: normal;
        justify-content: normal;
        height: auto;
        gap: 34px
    }
}

.stat-block__list .sign-employed-tr {
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 444px
}

@media (max-width: 991.98px) {
    .stat-block__list .sign-employed-tr {
        -ms-flex-pack: normal;
        justify-content: normal;
        height: auto;
        gap: 34px
    }
}

.stat-block__list .top-risk-zon {
    padding: 47px 23px 46px 44px !important
}

@media (min-width: 991.98px) {
    .stat-block__list .top-risk-zon {
        height: 600px;
        margin-top: 22px
    }
}

.stat-block__list .top-risk-zon .users__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px
}

.stat-block__list .top-risk-zon .users__list .user-dec {
    display: grid;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns:minmax(auto, 377px) minmax(auto, 104px) minmax(auto, 104px) minmax(auto, 113px);
    border: 1px solid #EFE8F8;
    border-radius: 8px
}

@media (max-width: 991.98px) {
    .stat-block__list .top-risk-zon .users__list .user-dec {
        grid-template-columns:auto minmax(auto, 104px) minmax(auto, 104px) minmax(auto, 113px)
    }
}

@media (max-width: 767.98px) {
    .stat-block__list .top-risk-zon {
        padding: 29px 21px 33px !important
    }

    .stat-block__list .top-risk-zon .users__list .user-dec {
        display: none
    }
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__person {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #EFE8F8
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__person .avatar {
    margin-right: 11px;
    padding: 9px 0 9px 12px
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__person .name {
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    color: #6C6377
}

@media (max-width: 1440px) {
    .stat-block__list .top-risk-zon .users__list .user-dec .user__person .name {
        font-size: calc(10px + 3 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__person .user__post {
    text-align: center;
    max-width: 141px;
    margin-left: auto;
    font-family: 'Golos Text VF';
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #6C6377
}

@media (max-width: 1440px) {
    .stat-block__list .top-risk-zon .users__list .user-dec .user__person .user__post {
        font-size: calc(10px + 2 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__stage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-right: 1px solid #EFE8F8
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__stage p {
    /*font-family: 'Golos Text VF';*/
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #A897BD
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__stage span {
    color: #6C6377
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__progress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-right: 1px solid #EFE8F8
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__progress p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__progress .high {
    color: #4E8F59
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__contact {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__contact .message {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #D0C2DE
}

.stat-block__list .top-risk-zon .users__list .user-dec .user__contact .arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #F5F4F8;
    width: 25px;
    height: 25px;
    border-radius: 50%
}

.stat-block__list .top-risk-zon .users__list .user-mob {
    display: none;
    border: 1px solid #EFE8F8;
    border-radius: 8px;
    width: 100%
}

@media (max-width: 767.98px) {
    .stat-block__list .top-risk-zon .users__list .user-mob {
        display: block
    }
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__person {
    display: grid;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns:45px minmax(19px, auto) auto;
    padding: 9px 10px 5px 20px;
    border-bottom: 1px solid #EFE8F8
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__person .user__avatar {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__person .user__name {
    text-align: start;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    color: #6C6377
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__post {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 50px;
    padding-top: 5px;
    border-bottom: 1px solid #EFE8F8;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    color: #6C6377
}

@media (max-width: 1440px) {
    .stat-block__list .top-risk-zon .users__list .user-mob .user__post {
        height: calc(34px + 16 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__success {
    display: grid;
    grid-template-columns:1fr 1fr;
    border-bottom: 1px solid #EFE8F8
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__success .stage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    border-right: 1px solid #EFE8F8
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__success .stage p {
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    color: #A897BD
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__success .stage span {
    color: #6C6377
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__success .user__progress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 5px
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__success .user__progress p {
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    color: #A897BD
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__success .user__progress .low {
    color: #FF604B
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__contact {
    display: -ms-flexbox;
    display: flex;
    padding: 11px 13px;
    gap: 3px
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__contact button {
    width: 100%;
    height: 27px
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__contact .more {
    background: #966CEE;
    border: 1px solid #E6E0FA;
    border-radius: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: #FFF
}

.stat-block__list .top-risk-zon .users__list .user-mob .user__contact .message {
    background: #F9F4FF;
    border: 1px solid #E6E0FA;
    border-radius: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: #966CEE
}

.filtr-res__list .result .res__name, .filtr-res__list .result .specific:nth-child(1), .filtr-res__list .result .specific:nth-child(3), .filtr-res__list .result .specific:nth-child(4), .filtr-res__list .result .specific:nth-child(5), .stat-block .jobs__list .job__item .job__name {
    border-right: 1px solid #EFE8F8
}

.stat-block__list .top-risk-zon .showmore__button {
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
    margin: 39px auto 0;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #966CEE;
    cursor: pointer
}

@media (max-width: 1440px) {
    .stat-block__list .top-risk-zon .showmore__button {
        margin-top: calc(13px + 26 * ((100vw - 320px) / 1120))
    }
}

@media (min-width: 991.98px) {
    .stat-block__list .tw {
        height: 611px;
        margin-top: 13px
    }

    .stat-block__list .tw .users__list {
        gap: 11px
    }
}

.stat-block__list .stat-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.stat-block__list .stat-block .title {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #392B4B
}

@media (max-width: 1440px) {
    .stat-block__list .stat-block .title {
        font-size: calc(18px + 10 * ((100vw - 320px) / 1120));
        line-height: calc(24px + 12 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .stat-block .age__button-wrapper {
    display: grid;
    grid-template-columns:minmax(100px, 696px);
    -ms-flex-pack: center;
    justify-content: center
}

.stat-block__list .stat-block .dec-hid {
    display: none
}

@media (max-width: 767.98px) {
    .stat-block__list .stat-block .dec-hid {
        display: grid
    }
}

.stat-block__list .stat-block .age__button {
    display: grid;
    grid-template-columns:repeat(3, minmax(123px, 228px));
    -moz-column-gap: 6px;
    column-gap: 6px;
    grid-template-rows:44px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.stat-block__list .stat-block .age__button .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    background: #f9f4ff;
    color: #966cee;
    cursor: pointer
}

@media (max-width: 1440px) {
    .stat-block__list .stat-block .age__button .button {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 991.98px) {
    .stat-block__list .stat-block .age__button {
        grid-template-rows:27px;
        -moz-column-gap: 3px;
        column-gap: 3px
    }

    .stat-block__list .stat-block .age__button .button {
        font-weight: 600;
        font-size: 12px;
        line-height: 24px
    }
}

.stat-block__list .stat-block .age__button .act {
    background-color: #966cee;
    color: #FFF
}

.stat-block__list .stat-block .age__button::-webkit-scrollbar {
    width: 0;
    height: 0
}

.stat-block__list .stat-block .slogan__list {
    display: -ms-flexbox;
    display: flex;
    gap: 7px
}

@media (max-width: 767.98px) {
    .stat-block__list .stat-block .slogan__list {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3px
    }

    .stat-block__list .stat-block .slogan__list .slogan__item {
        gap: 8px
    }
}

.stat-block__list .stat-block .slogan__list .slogan__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    width: 100%;
    box-shadow: inset -1px 0 0 #E4E9F0;
    height: 100px
}

.stat-block__list .stat-block .slogan__list .slogan__item p {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #615473
}

@media (max-width: 1440px) {
    .stat-block__list .stat-block .slogan__list .slogan__item {
        height: calc(67px + 33 * ((100vw - 320px) / 1120))
    }

    .stat-block__list .stat-block .slogan__list .slogan__item p {
        font-size: calc(10px + 2 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .stat-block .slogan__list .slogan__item span {
    font-weight: 400;
    line-height: 32px;
    color: #392B4B;
    font-size: 24px
}

.stat-block__list .stat-block .slogan__list .slogan__item:nth-child(1) {
    background: #C1E6D0
}

.stat-block__list .stat-block .slogan__list .slogan__item:nth-child(2) {
    background: #EAEFB1
}

.stat-block__list .stat-block .chart__form {
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    gap: 28px
}

@media (max-width: 767.98px) {
    .stat-block__list .stat-block .chart__form {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 11px;
        margin-top: 2px
    }
}

.stat-block__list .stat-block .chart__form .sel {
    width: 100%
}

.stat-block__list .stat-block .chart-bar__wrapper {
    height: 488px;
    width: 641px
}

@media (max-width: 1440px) {
    .stat-block__list .stat-block .slogan__list .slogan__item span {
        font-size: calc(20px + 4 * ((100vw - 320px) / 1120))
    }

    .stat-block__list .stat-block .chart-bar__wrapper {
        height: calc(345px + 143 * ((100vw - 320px) / 1120));
        width: calc(536px + 105 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .stat-block .chart-bar__wrapper #chart__user-age {
    width: 100%;
    height: 100% !important
}

.stat-block__list .stat-block .chart-bar {
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (max-width: 991.98px) {
    .stat-block__list .stat-block .chart-bar {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 550px) {
    .stat-block__list .stat-block .chart-bar {
        width: 600px;
        -ms-flex-pack: normal;
        justify-content: normal
    }
}

@media (max-width: 550px) and (max-width: 1440px) {
    .stat-block__list .stat-block .chart-bar {
        width: calc(362px + 238 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 400px) {
    .stat-block__list .stat-block .chart-bar {
        width: 600px;
        -ms-flex-pack: normal;
        justify-content: normal
    }
}

@media (max-width: 400px) and (max-width: 1440px) {
    .stat-block__list .stat-block .chart-bar {
        width: calc(285px + 315 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .stat-block .chart-bar::-webkit-scrollbar {
    width: 0;
    height: 0
}

.stat-block__list .stat-block .chart-body {
    display: -ms-flexbox;
    display: flex;
    gap: calc(73 / 668 * 100%)
}

.stat-block__list .stat-block .chart-body .chart__main {
    max-width: 290px;
    width: 290px
}

.stat-block__list .stat-block .chart-body .gender {
    gap: 28px;
    margin-top: 23px
}

.stat-block__list .stat-block .chart-body .geo {
    gap: 8px
}

.stat-block__list .stat-block .chart-body .status {
    gap: 22px
}

@media (max-width: 1440px) {
    .stat-block__list .stat-block .chart-body .chart__main {
        width: calc(200px + 90 * ((100vw - 320px) / 1120))
    }

    .stat-block__list .stat-block .chart-body .status {
        gap: calc(10px + 12 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 767.98px) {
    .stat-block__list .stat-block .chart-body {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .stat-block__list .stat-block .chart-body .gender {
        margin-top: 28px
    }

    .stat-block__list .stat-block .chart-body .geo {
        margin-top: 11px
    }

    .stat-block__list .stat-block .chart-body .status {
        margin-top: 6px
    }
}

.stat-block__list .stat-block .chart-body .chart-fraction__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .circle {
    width: 15px;
    height: 14px;
    border-radius: 50%
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .gr {
    background: #71C97A
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .or {
    background: #FF604B
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .blu {
    background: #4B93FF
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .yel {
    background: #EDD717
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .or-light {
    background: #ED9717
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .gr-light {
    background: #B5ED17
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .gr-dark {
    background: #6C8F07
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .blu-dark {
    background: #2A078F
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .pin-dark {
    background-color: #7C078F
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .info {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #392B4B
}

.stat-block__list .stat-block .chart-body .chart-fraction__list .item .info .percent {
    font-weight: 700
}

.stat-block__list .stat-block-min {
    margin-top: 16px;
    padding: 20px 26px 20px 41px !important
}

.stat-block__list .mob {
    display: none
}

@media (max-width: 768px) {
    .stat-block__list .des {
        display: none
    }

    .stat-block__list .mob {
        display: block
    }
}

.stat-block__list .mob .age__button-wrapper {
    display: grid;
    grid-template-columns:minmax(100px, 696px);
    -ms-flex-pack: center;
    justify-content: center
}

.stat-block__list .mob .age__button {
    display: grid;
    grid-template-columns:repeat(3, minmax(123px, 228px));
    -moz-column-gap: 6px;
    column-gap: 6px;
    grid-template-rows:44px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.stat-block__list .mob .age__button .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    background: #f9f4ff;
    color: #966cee;
    cursor: pointer
}

@media (max-width: 1440px) {
    .stat-block__list .mob .age__button .button {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 991.98px) {
    .stat-block__list .mob .age__button {
        grid-template-rows:27px;
        -moz-column-gap: 3px;
        column-gap: 3px
    }

    .stat-block__list .mob .age__button .button {
        font-weight: 600;
        font-size: 12px;
        line-height: 24px
    }
}

.stat-block__list .mob .age__button .act {
    background-color: #966cee;
    color: #FFF
}

.stat-block__list .mob .age__button::-webkit-scrollbar {
    width: 0;
    height: 0
}

.stat-block__list .mob .slogan__list {
    display: -ms-flexbox;
    display: flex;
    gap: 7px
}

@media (max-width: 767.98px) {
    .stat-block__list .mob .slogan__list {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3px
    }

    .stat-block__list .mob .slogan__list .slogan__item {
        gap: 8px
    }
}

.stat-block__list .mob .slogan__list .slogan__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    width: 100%;
    box-shadow: inset -1px 0 0 #E4E9F0;
    height: 100px
}

.stat-block__list .mob .slogan__list .slogan__item p {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #615473
}

@media (max-width: 1440px) {
    .stat-block__list .mob .slogan__list .slogan__item {
        height: calc(67px + 33 * ((100vw - 320px) / 1120))
    }

    .stat-block__list .mob .slogan__list .slogan__item p {
        font-size: calc(10px + 2 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .mob .slogan__list .slogan__item span {
    font-weight: 400;
    line-height: 32px;
    color: #392B4B;
    font-size: 24px
}

.stat-block__list .mob .slogan__list .slogan__item:nth-child(1) {
    background: #C1E6D0
}

.stat-block__list .mob .slogan__list .slogan__item:nth-child(2) {
    background: #EAEFB1
}

.stat-block__list .ful {
    max-width: 763px;
    background: #FFF;
    border: 1px solid #EFE8F8;
    border-radius: 16px;
    padding: 35px 52px 47px 41px
}

@media (max-width: 1440px) {
    .stat-block__list .mob .slogan__list .slogan__item span {
        font-size: calc(20px + 4 * ((100vw - 320px) / 1120))
    }

    .stat-block__list .ful {
        padding-top: calc(9px + 26 * ((100vw - 320px) / 1120));
        padding-bottom: calc(19px + 28 * ((100vw - 320px) / 1120));
        padding-right: calc(11px + 41 * ((100vw - 320px) / 1120));
        padding-left: calc(21px + 20 * ((100vw - 320px) / 1120))
    }
}

.stat-block__list .ful .bin {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 13px
}

.stat-block__list .ful .stat-block-mid {
    height: 444px
}

.stat-block__list .ful .stat-block-min {
    height: 258px
}

@media (max-width: 991.98px) {
    .stat-block__list .ful {
        max-width: none
    }

    .list__part-right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }
}

.list__part-right .top-job-sel {
    padding: 37px 26px 22px 41px
}

.list__part-right .top-job-sel .showmore__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin: 23px auto 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #966CEE
}

.list__part-right .stat-block .jobs__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

@media (max-width: 1440px) {
    .list__part-right .top-job-sel {
        padding-top: calc(33px + 4 * ((100vw - 320px) / 1120));
        padding-bottom: calc(25px + -3 * ((100vw - 320px) / 1120));
        padding-left: calc(8px + 33 * ((100vw - 320px) / 1120));
        padding-right: calc(11px + 15 * ((100vw - 320px) / 1120))
    }

    .list__part-right .top-job-sel .showmore__button {
        font-size: calc(12px + 2 * ((100vw - 320px) / 1120));
        margin-top: calc(13px + 10 * ((100vw - 320px) / 1120))
    }

    .list__part-right .stat-block .jobs__list {
        gap: calc(6px + 2 * ((100vw - 320px) / 1120))
    }
}

.list__part-right .stat-block .jobs__list .job__item {
    border: 1px solid #EFE8F8;
    border-radius: 8px;
    display: grid;
    grid-template-columns:minmax(205px, 497px) minmax(82px, 199px)
}

.list__part-right .stat-block .jobs__list .job__item .job__name {
    border-right: 1px solid #EFE8F8;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6C6377;
    padding: 9px 29px 9px 35px
}

@media (max-width: 1440px) {
    .list__part-right .stat-block .jobs__list .job__item .job__name {
        padding-top: calc(7px + 2 * ((100vw - 320px) / 1120));
        padding-bottom: calc(7px + 2 * ((100vw - 320px) / 1120));
        padding-left: calc(16px + 19 * ((100vw - 320px) / 1120));
        padding-right: calc(13px + 16 * ((100vw - 320px) / 1120));
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120))
    }
}

.list__part-right .stat-block .jobs__list .job__item .job__stat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 9px 18px 9px 10px
}

.list__part-right .stat-block .jobs__list .job__item .job__stat p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #A897BD
}

@media (max-width: 1440px) {
    .list__part-right .stat-block .jobs__list .job__item .job__stat {
        gap: calc(6px + 2 * ((100vw - 320px) / 1120));
        padding-top: calc(7px + 2 * ((100vw - 320px) / 1120));
        padding-bottom: calc(7px + 2 * ((100vw - 320px) / 1120));
        padding-left: calc(4px + 6 * ((100vw - 320px) / 1120));
        padding-right: calc(8px + 10 * ((100vw - 320px) / 1120))
    }

    .list__part-right .stat-block .jobs__list .job__item .job__stat p {
        font-size: calc(12px + 2 * ((100vw - 320px) / 1120))
    }
}

.list__part-right .stat-block .jobs__list .job__item .job__stat span {
    /*font-family: 'Golos Text VF';*/
    color: #6C6377
}

@media (max-width: 991.98px) {
    .list__part-left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }
}

.top-job-sel {
    padding: 37px 26px 22px 41px
}

.top-job-sel .showmore__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin: 23px auto 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #966CEE
}

.stat-block .jobs__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

@media (max-width: 1440px) {
    .top-job-sel {
        padding-top: calc(33px + 4 * ((100vw - 320px) / 1120));
        padding-bottom: calc(25px + -3 * ((100vw - 320px) / 1120));
        padding-left: calc(8px + 33 * ((100vw - 320px) / 1120));
        padding-right: calc(11px + 15 * ((100vw - 320px) / 1120))
    }

    .top-job-sel .showmore__button {
        font-size: calc(12px + 2 * ((100vw - 320px) / 1120));
        margin-top: calc(13px + 10 * ((100vw - 320px) / 1120))
    }

    .stat-block .jobs__list {
        gap: calc(6px + 2 * ((100vw - 320px) / 1120))
    }
}

.stat-block .jobs__list .job__item {
    border: 1px solid #EFE8F8;
    border-radius: 8px;
    display: grid;
    grid-template-columns:minmax(214px, 497px) minmax(85px, 199px)
}

@media (max-width: 991.98px) {
    .stat-block .jobs__list .job__item {
        grid-template-columns:auto minmax(85px, 199px) !important
    }
}

@media (max-width: 767.98px) {
    .stat-block .jobs__list .job__item {
        grid-template-columns:minmax(205px, 497px) minmax(83px, 199px) !important
    }
}

.stat-block .jobs__list .job__item .job__name {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6C6377;
    padding: 9px 29px 9px 35px
}

@media (max-width: 1440px) {
    .stat-block .jobs__list .job__item .job__name {
        padding-top: calc(7px + 2 * ((100vw - 320px) / 1120));
        padding-bottom: calc(7px + 2 * ((100vw - 320px) / 1120));
        padding-left: calc(16px + 19 * ((100vw - 320px) / 1120));
        padding-right: calc(13px + 16 * ((100vw - 320px) / 1120));
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120))
    }
}

.stat-block .jobs__list .job__item .job__stat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 9px 18px 9px 10px
}

.stat-block .jobs__list .job__item .job__stat p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #A897BD
}

@media (max-width: 1440px) {
    .stat-block .jobs__list .job__item .job__stat {
        gap: calc(6px + 2 * ((100vw - 320px) / 1120));
        padding-top: calc(7px + 2 * ((100vw - 320px) / 1120));
        padding-bottom: calc(7px + 2 * ((100vw - 320px) / 1120));
        padding-left: calc(4px + 6 * ((100vw - 320px) / 1120));
        padding-right: calc(8px + 10 * ((100vw - 320px) / 1120))
    }

    .stat-block .jobs__list .job__item .job__stat p {
        font-size: calc(12px + 2 * ((100vw - 320px) / 1120))
    }
}

.stat-block .jobs__list .job__item .job__stat span {
    font-family: 'Golos Text VF';
    color: #6C6377
}

.search-courses__container .modal .h3, .search-courses__container .modal-dialog, .searched_item {
    font-family: 'Golos Text', serif
}

.rec {
    height: 514px !important
}

@media (max-width: 991.98px) {
    .rec {
        height: auto
    }
}

.search-bl {
    display: grid;
    grid-template-columns:1fr;
    margin-top: 24px;
    margin-bottom: 256px;
    background: #FFF;
    border: 1px solid #EFE8F8;
    border-radius: 16px;
    padding: 28px 72px 47px 42px
}

@media (max-width: 1440px) {
    .search-bl {
        margin-top: calc(10px + 14 * ((100vw - 320px) / 1120));
        margin-bottom: calc(163px + 93 * ((100vw - 320px) / 1120));
        padding-top: calc(19px + 9 * ((100vw - 320px) / 1120));
        padding-bottom: calc(17px + 30 * ((100vw - 320px) / 1120));
        padding-left: calc(16px + 26 * ((100vw - 320px) / 1120));
        padding-right: calc(15px + 57 * ((100vw - 320px) / 1120))
    }
}

.search-bl .title {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #392B4B;
    margin-bottom: 17px
}

@media (max-width: 1440px) {
    .search-bl .title {
        font-size: calc(18px + 10 * ((100vw - 320px) / 1120));
        line-height: calc(24px + 12 * ((100vw - 320px) / 1120));
        margin-bottom: calc(23px + -6 * ((100vw - 320px) / 1120))
    }
}

.filtr-form {
    display: grid;
    grid-template-columns:minmax(150px, 427px) minmax(150px, 463px);
    -moz-column-gap: 28px;
    column-gap: 28px;
    margin-top: 17px
}

@media (max-width: 767.98px) {
    .filtr-form {
        display: none
    }
}

.filtr-form label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #A897BD;
    margin-bottom: 4px
}

.filtr-form .filtr-search {
    position: relative;
    margin-top: 29px
}

.filtr-form .filtr-search input {
    width: 100%;
    height: 43px;
    background: #FFF;
    border: 1px solid #EFE8F8;
    border-radius: 8px;
    padding-left: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #A897BD;
    outline: 0
}

.filtr-form .filtr-search button {
    position: absolute;
    right: 0;
    height: 100%;
    width: 56px;
    background: #D0C2DE;
    border-radius: 6px
}

.filt-res {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 72px
}

@media (max-width: 991.98px) {
    .filt-res {
        display: none
    }
}

.filtr-res__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px;
    margin-top: 56px
}

.filtr-res__list .result {
    display: grid;
    grid-template-columns:minmax(188px, 572px) minmax(100px, 165px) minmax(100px, 165px) minmax(100px, 162px) minmax(100px, 165px) minmax(100px, 196px);
    border: 1px solid #EFE8F8;
    border-radius: 8px
}

.filtr-res__list .result .res__name {
    padding: 9px 0 0 14px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6C6377
}

.filtr-res__list .result .specific {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #A897BD
}

.filtr-res__list .result .specific span {
    color: #6C6377
}

@media (max-width: 991.98px) {
    .filtr-res__list {
        margin-top: 23px
    }

    .filtr-res__list .result .specific:nth-child(1), .filtr-res__list .result .specific:nth-child(2), .filtr-res__list .result .specific:nth-child(3), .filtr-res__list .result .specific:nth-child(4), .filtr-res__list .result .specific:nth-child(5) {
        display: none
    }

    .filtr-res__list .result {
        grid-template-columns:minmax(188px, 572px) minmax(100px, 165px)
    }

    .filtr-res__list .result .specific {
        gap: 5px
    }
}

.filtr__showmore {
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
    -ms-flex-align: center;
    align-items: center;
    margin: 41px auto 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #966CEE
}

.modal-job .age__button-wrapper {
    display: grid;
    grid-template-columns:minmax(100px, 696px);
    -ms-flex-pack: center;
    justify-content: center
}

.modal-job .age__button {
    display: grid;
    grid-template-columns:repeat(3, minmax(123px, 228px));
    -moz-column-gap: 6px;
    column-gap: 6px;
    grid-template-rows:44px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.modal-job .age__button .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    background: #f9f4ff;
    color: #966cee;
    cursor: pointer
}

@media (max-width: 1440px) {
    .filtr-res__list .result .specific {
        padding-top: calc(6px + 3 * ((100vw - 320px) / 1120));
        padding-bottom: calc(6px + 3 * ((100vw - 320px) / 1120))
    }

    .modal-job .age__button .button {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1120))
    }
}

@media (max-width: 991.98px) {
    .modal-job .age__button {
        grid-template-rows:27px;
        -moz-column-gap: 3px;
        column-gap: 3px
    }

    .modal-job .age__button .button {
        font-weight: 600;
        font-size: 12px;
        line-height: 24px
    }

    .modal-job .modal-dialog {
        padding: 20px 5px 0 !important
    }
}

.modal-job .age__button .act {
    background-color: #966cee;
    color: #FFF
}

.modal-job .age__button::-webkit-scrollbar {
    width: 0;
    height: 0
}

.modal-job .main__title {
    font-size: 28px;
    line-height: 36px
}

.modal-job .job {
    display: grid;
    grid-template-columns:minmax(200px, 496px) minmax(76px, 199px)
}

.adj__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #F9F4FF;
    border-radius: 12px;
    padding: 8px 12px;
    margin-bottom: 28px
}

@media (max-width: 1440px) {
    .modal-job .main__title {
        font-size: calc(18px + 10 * ((100vw - 320px) / 1120));
        line-height: calc(24px + 12 * ((100vw - 320px) / 1120))
    }

    .adj__head {
        margin-bottom: calc(8px + 20 * ((100vw - 320px) / 1120))
    }
}

.adj__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

@media (max-width: 479.98px) {
    .adj__title {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.adj__title h1 {
    font-size: 20px;
    line-height: 24px
}

@media (max-width: 1440px) {
    .adj__title h1 {
        font-size: calc(16px + 4 * ((100vw - 320px) / 1120))
    }
}

.adj__subtitle {
    margin-bottom: 28px
}

.adj__subtitle h2 {
    font-size: 36px;
    line-height: 33px;
    text-align: center
}

@media (max-width: 1440px) {
    .adj__subtitle h2 {
        font-size: calc(20px + 16 * ((100vw - 320px) / 1120));
        line-height: calc(24px + 9 * ((100vw - 320px) / 1120))
    }

    .adj__subtitle {
        margin-bottom: calc(18px + 10 * ((100vw - 320px) / 1120))
    }
}

.adj__grid-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 28px
}

.adj__grid-body {
    display: inline-grid;
    grid-template-columns:repeat(9, 136px)
}

.adj__grid-el {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

@media (max-width: 1440px) {
    .adj__grid-cont {
        margin-bottom: calc(18px + 10 * ((100vw - 320px) / 1120))
    }

    .adj__grid-el {
        gap: calc(12px + 8 * ((100vw - 320px) / 1120))
    }
}

.adj__med-marg {
    margin-top: 68px
}

@media (max-width: 1250px) {
    .adj__grid-body {
        grid-template-columns:repeat(9, 96px)
    }

    .adj__med-marg {
        margin-top: 48px
    }
}

.adj__max-marg {
    margin-top: 136px
}

.adj__tablet {
    display: none
}

@media (max-width: 991.98px) {
    .adj__grid-body {
        grid-template-columns:repeat(7, 96px)
    }

    .adj__desktop {
        display: none
    }

    .adj__tablet {
        display: -ms-flexbox;
        display: flex
    }
}

.adj__mobile {
    display: none
}

@media (max-width: 767.98px) {
    .adj__grid-body {
        grid-template-columns:repeat(5, 96px)
    }

    .adj__tablet {
        display: none
    }

    .adj__mobile {
        display: -ms-flexbox;
        display: flex
    }
}

.adj__mobileSmall {
    display: none
}

@media (max-width: 479.98px) {
    .adj__grid-body {
        grid-template-columns:repeat(3, 96px)
    }

    .adj__mobile {
        display: none
    }

    .adj__mobileSmall {
        display: -ms-flexbox;
        display: flex
    }
}

.adj__checkbox {
    display: none
}

.adj__checkbox:checked + .adj__checkbox-fake::before {
    opacity: 1;
    width: 146px;
    height: 146px
}

@media (max-width: 1250px) {
    .adj__max-marg {
        margin-top: 96px
    }

    .adj__checkbox:checked + .adj__checkbox-fake::before {
        width: 106px;
        height: 106px
    }
}

.adj__checkbox:checked + .adj__checkbox-fake {
    color: #fff
}

.adj__checkbox-fake {
    width: 136px;
    height: 136px;
    background: #f2f7ff;
    border: 1px solid #F9F4FF;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative
}

@media (max-width: 1250px) {
    .adj__checkbox-fake {
        width: 96px;
        height: 96px
    }
}

.adj__checkbox-fake::before {
    position: absolute;
    content: "";
    display: block;
    width: 136px;
    height: 136px;
    background: #7d59ca;
    box-shadow: inset 2px 4px 6px rgba(0, 0, 0, .15);
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    transition: ease-in-out .3s
}

@media (max-width: 1250px) {
    .adj__checkbox-fake::before {
        width: 96px;
        height: 96px
    }
}

.adj__checkbox-text {
    cursor: pointer;
    text-align: center;
    position: relative;
    z-index: 2;
    transition: ease-in-out .3s
}

.adj__btns-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.search-courses__container {
    gap: 38px;
    display: -ms-flexbox;
    display: flex;
    max-width: 1440px;
    padding: 2rem 15px 0
}

@media (max-width: 767.98px) {
    .search-courses__container {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.search-courses__container-list .search-courses__wrap {
    gap: 20px
}

.search-courses__container-list .search-courses__nav {
    max-height: calc(60.3px * 10)
}

.search-courses__container .modal-dialog {
    max-width: 732px;
    margin: auto;
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.search-courses__container .modal-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.search-courses__container .modal-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem
}

.search-courses__container .modal_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.search-courses__container .modal_row input {
    min-height: 44px;
    padding: 0 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    background: #FFF;
    border: 1px solid #d0c2de;
    border-radius: 8px;
    color: #392b4b
}

.search-courses__container .modal_row input::-moz-placeholder {
    color: #a897bd
}

.search-courses__container .modal_row input:-ms-input-placeholder {
    color: #a897bd
}

.search-courses__container .modal_row input::placeholder {
    color: #a897bd
}

.search-courses__container .modal_row label {
    color: #a897bd
}

.search-courses__container .modal-close {
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px
}

.search-courses__container .modal .h3 {
    margin-bottom: 0
}

.search-courses__container .modal .sign-icon {
    max-width: 128px;
    margin-left: auto
}

.search-courses__nav {
    min-width: 21.375rem;
    background: #FFF;
    border: 1px solid #efe8f8;
    border-radius: 16px;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    margin-top: calc(26px - 18px);
    max-height: calc(60.3px * 8)
}

.search-courses__nav .nav_link, .search-courses_result {
    font-weight: 600;
    line-height: 1.5rem;
    -ms-flex-align: center
}

.search-courses__nav .nav_link {
    min-height: 3.75rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    padding: 0 16px;
    cursor: pointer;
    font-size: 1rem
}

.search-courses__nav .nav_link:not(:last-child) {
    border-bottom: 1px solid #efe8f8
}

.search-courses_result {
    font-size: 1.75rem;
    color: #392b4b;
    padding: 12px 12px 12px 44px;
    min-height: 61px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    width: 100%;
    background: #FFF;
    border: 1px solid #efe8f8;
    border-radius: 12px
}

@media (max-width: 479.98px) {
    .search-courses_result {
        font-size: 1.25rem;
        line-height: 1rem;
        padding: 12px;
        min-height: 48px
    }
}

.search-courses__head {
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
    width: 100%
}

.search-courses__head .top-panel__row_search, .search-courses__head .top-panel__row_search .top-nav-wrapper .top-search-block {
    width: 100%
}

.search-courses__head .top-panel__row_search .search-wrapper {
    max-width: 100%
}

.search-courses__head .top-search-block {
    margin-right: 0;
    height: 36px
}

@media (max-width: 991.98px) {
    .search-courses__nav {
        min-width: 17.5rem
    }

    .search-courses__head .top-search-block {
        display: block !important
    }
}

.search-courses__head .top-search-block form input {
    height: 36px
}

.search-courses__head .top-search-block form button {
    right: 0;
    border-radius: 6px;
    top: 0
}

.search-courses__head .sign-icon {
    height: 36px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.search-courses__wrap {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.125rem
}

@media (max-width: 991.98px) {
    .search-courses__wrap {
        gap: 1.875rem
    }
}

.searched {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    width: 100%
}

.searched-list {
    gap: .3125rem
}

.searched_wrap {
    display: -ms-flexbox;
    display: flex;
    gap: 1.3125rem;
    width: 100%
}

@media (min-width: 1420.98px) {
    .searched_wrap {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 1420.98px) {
    .searched_wrap {
        display: grid;
        grid-template-columns:50px 1fr
    }
}

@media (max-width: 1200px) {
    .searched_wrap {
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto auto 1fr;
        padding: .25rem 1rem
    }
}

.searched_item {
    width: 100%;
    padding: .25rem .4375rem;
    overflow: hidden;
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #6C6377;
    background: #FFF;
    border: 1px solid #efe8f8;
    border-radius: 8px
}

.searched_item-with-name {
    padding: 0;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 0;
    overflow: visible;
    transition: all 1s ease 0s
}

.searched_item-with-name:hover {
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, .25))
}

.searched_item-with-name:hover .searched_wrap {
    background-color: #f9f4ff
}

.searched_item-with-name:hover .searched_item__list {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    visibility: visible
}

.searched_item-with-name .searched_wrap {
    padding: .8125rem 2.0625rem .5625rem .75rem;
    background: #FFF;
    border: 1px solid #efe8f8;
    border-radius: 8px;
    transition: all 1s ease 0s;
    position: relative;
    gap: 1.125rem;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1420.98px) {
    .searched_item-with-name .searched_wrap {
        padding: .75rem;
        grid-template-columns:120px 1fr;
        gap: 2.25rem
    }
}

@media (max-width: 1200px) {
    .searched_item-with-name .searched_wrap {
        padding: .25rem 1rem
    }
}

.searched_item-with-name .searched_item_icon {
    min-width: 97px;
    max-height: 81px;
    min-height: 81px
}

.searched_item-with-name .searched_item__body {
    padding: 0;
    -ms-flex-align: center;
    align-items: center
}

.searched_item-with-name .searched_item_job {
    margin-top: calc(34px - 18px - 8px);
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #a897bd
}

@media (max-width: 1420.98px) {
    .searched_item-with-name .searched_item_job {
        text-align: right;
        font-size: 1rem;
        line-height: 1.125rem;
        margin: 0 0 0 auto
    }
}

@media (max-width: 1200px) {
    .searched_item-with-name .searched_item_job {
        width: 100%;
        text-align: center
    }
}

@media (max-width: 880.98px) {
    .searched_item-with-name .searched_item__body {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .searched_item-with-name .searched_item_job {
        text-align: right;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (max-width: 479.98px) {
    .searched_item-with-name .searched_wrap {
        grid-template-columns:1fr 1fr
    }

    .searched_item-with-name .searched_item_job {
        text-align: left;
        margin-left: 0
    }
}

.searched_item-with-name .searched_item_name {
    width: 100%;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.125rem;
    padding: 0;
    color: #6C6377
}

@media (max-width: 1200px) {
    .searched_item-with-name .searched_item_name {
        text-align: right;
        margin-left: auto
    }
}

.searched_item-with-name .searched_item__head {
    min-width: calc(289px + 90px - 18px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem
}

@media (max-width: 1420.98px) {
    .searched_item-with-name .searched_item_name {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .searched_item-with-name .searched_item__head {
        max-width: 100%;
        grid-column-start: 2;
        grid-column-end: 3;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 1200px) {
    .searched_item-with-name .searched_item__head {
        grid-column-start: 1;
        -ms-flex-align: center;
        align-items: center;
        min-width: auto
    }
}

.searched_item-with-name .searched_item__head input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    visibility: hidden
}

.searched_item-with-name .searched_item__head input:checked + label .border {
    border: 1px solid transparent !important
}

.searched_item-with-name .searched_item__head input:checked + label .border:before {
    visibility: visible
}

.searched_item-with-name .searched_item__head label {
    color: #392b4b;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: relative
}

@media (max-width: 1200px) {
    .searched_item-with-name .searched_item__head label {
        -ms-flex-order: -1;
        order: -1;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (max-width: 880.98px) {
    .searched_item-with-name .searched_item_name {
        text-align: left;
        margin: 0
    }

    .searched_item-with-name .searched_item__head label {
        width: 100%
    }
}

.searched_item-with-name .searched_item__head label .border {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #966cee !important;
    position: relative
}

.searched_item-with-name .searched_item__head label .border:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C1.79086 0 0 1.79086 0 4V12C0 14.2091 1.79086 16 4 16H12C14.2091 16 16 14.2091 16 12V4C16 1.79086 14.2091 0 12 0H4ZM12.7071 6.70711C13.0976 6.31658 13.0976 5.68342 12.7071 5.29289C12.3166 4.90237 11.6834 4.90237 11.2929 5.29289L7.00001 9.58579L5.70711 8.29289C5.31658 7.90237 4.68342 7.90237 4.29289 8.29289C3.90237 8.68342 3.90237 9.31658 4.29289 9.70711L6.2929 11.7071C6.68343 12.0976 7.31659 12.0976 7.70712 11.7071L12.7071 6.70711Z' fill='%23966CEE'/%3E%3C/svg%3E%0A");
    border-radius: 4px;
    visibility: hidden;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -1px;
    top: -1px
}

.searched_item-with-name .searched_item_column {
    gap: 1.625rem
}

@media (max-width: 479.98px) {
    .searched_item-with-name .searched_item__head label {
        font-size: .875rem
    }

    .searched_item-with-name .searched_item_column {
        gap: .25rem;
        margin-bottom: 12px
    }
}

.searched_item-with-name .searched_item_info {
    max-width: 236px;
    gap: .5rem;
    -ms-flex-align: center;
    align-items: center
}

.searched_item .select-label {
    max-width: 80px;
    margin-right: 4px
}

.searched_item .select-label span {
    color: #a897bd;
    font-weight: 400
}

.searched_item .select-label .select2 {
    border-radius: 8px !important
}

.searched_item .select-label .select2-selection__rendered {
    padding-left: 16px;
    padding-right: 0
}

.searched_item_icon {
    min-width: 53px;
    min-height: 50px;
    background: #D9D9D9;
    border-radius: 7px
}

@media (max-width: 1420.98px) {
    .searched_item .select-label {
        margin-right: 0
    }

    .searched_item_icon {
        grid-column-start: 1;
        grid-column-end: 2
    }
}

@media (max-width: 1200px) {
    .searched_item .select-label {
        -ms-flex-order: 4;
        order: 4
    }

    .searched_item_icon {
        grid-row-start: 1;
        margin: auto;
        grid-column-start: 1;
        grid-column-end: 3
    }
}

.searched_item__list {
    border: 1px solid #efe8f8;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    background-color: #fff;
    transition: all 1s ease 0s, visibility 0s ease 0s;
    height: 0;
    visibility: hidden;
    padding-top: 10px;
    margin-top: -10px
}

.searched_item__list .searched_item-in-list:hover {
    filter: none
}

.searched_item__list .searched_item-in-list .searched_wrap {
    background: #FFF;
    border: 1px solid transparent;
    border-bottom: 1px solid #efe8f8;
    border-radius: 0
}

.searched_item__list .searched_item-in-list:last-child .searched_wrap {
    border-bottom: 1px solid transparent
}

.searched_item_name {
    max-width: 330px;
    width: 100%;
    padding: .25rem 0;
    word-wrap: break-word
}

@media (max-width: 1420.98px) {
    .searched_item_name {
        max-width: 100%;
        grid-column-start: 2;
        grid-column-end: 3;
        font-size: 1.375rem;
        line-height: 1.875rem;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center
    }

    .searched_item__body {
        grid-column-start: 1;
        grid-column-end: 3
    }
}

@media (max-width: 1200px) {
    .searched_item_name {
        font-size: 1.375rem;
        line-height: 1.75rem;
        grid-row-start: 2;
        grid-column-start: 1;
        grid-column-end: 3;
        text-align: center;
        display: inline-block
    }
}

.searched_item__body {
    display: -ms-flexbox;
    display: flex;
    gap: .9375rem;
    padding: .25rem 0;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1200px) {
    .searched_item__body {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .searched_item__buttons-column {
        position: absolute;
        right: 1rem;
        bottom: .25rem
    }
}

.searched_item_info {
    display: -ms-flexbox;
    display: flex;
    gap: 1.4375rem;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 1420.98px) {
    .searched_item_info {
        max-width: 500px
    }
}

@media (max-width: 991.98px) {
    .searched_item_name {
        font-size: 1.25rem
    }

    .searched_item_info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.searched_item_column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.searched_item_deck, .searched_item_title {
    max-height: 22px;
    width: 100%;
    text-align: center
}

.searched_item_desc {
    font-weight: 400
}

.searched_item__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem
}

.searched_item__buttons-column {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .3125rem
}

.searched_item__buttons-column .searched_item_button {
    font-weight: 600;
    font-size: .75rem;
    line-height: 1.25rem;
    min-width: 6.8125rem;
    min-height: 27px;
    border-radius: 8px;
    background: rgba(239, 232, 248, .5);
    color: rgba(108, 99, 119, .5)
}

.searched_item__buttons-column .searched_item_button-remove {
    border: 1px solid #EE6C83;
    color: #EE6C83;
    background: #fff
}

.searched_item__buttons-column .searched_item_button-edit {
    background: #966cee
}

.searched_item_button {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.searched_item_button-edit {
    background-color: #d0c2de;
    color: #fff !important
}

.searched_item_button-next {
    background-color: #F5F4F8
}

.profs__container {
    max-width: 1268px;
    padding: 2.1875rem 15px 0
}

.profs__container-header {
    padding: .5rem 15px .75rem
}

.profs_text {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #392b4b
}

.profs .main__label, .profs_label {
    color: #a897bd
}

.profs_wrap {
    gap: 26px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.profs_wrap-no-bg {
    background: 0 0 !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.75rem;
    border: 1px solid transparent !important;
    padding: 0 !important;
    border-radius: 16px;
    overflow: visible !important
}

.profs_wrap-no-bg .input__add-row {
    background: #fff;
    border: 1px solid #efe8f8;
    padding: 1.625rem 3rem;
    border-radius: 16px
}

@media (max-width: 479.98px) {
    .profs_wrap-no-bg .input__add-row {
        padding: 20px 16px
    }
}

.profs_add {
    width: 100%;
    max-width: 20.25rem;
    margin-bottom: calc(38px - 26px);
    padding: 0 8px;
    gap: 8px !important
}

.profs_add_button {
    width: 7.5rem;
    height: 2.25rem;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.profs_add_name {
    line-height: 1.25rem;
    margin-bottom: calc(32px - 8px);
    color: #a897bd
}

.profs .main__label, .profs_input, .profs_label {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem
}

.profs .input__add-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    gap: 4px
}

.profs .input__add-column .select-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    max-width: 460px;
    width: 100%
}

.profs .input__add-column-buttons {
    gap: 12px
}

.profs .input__add-column-buttons .list-group {
    gap: 8px
}

@media (max-width: 1200px) {
    .profs .input__add-column-buttons .list-group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.profs .input__add-column-buttons .list-group .list-group-item {
    margin-right: 0 !important;
    padding: 0 5px 0 16px !important
}

.profs .input__add-row {
    width: 100%
}

.profs .input__add-row textarea {
    min-height: 11.5rem
}

.profs .input__add-row-columns {
    display: -ms-flexbox;
    display: flex;
    gap: 21px;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width: 1200px) {
    .profs .input__add-row-columns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.profs .input__add-row-columns .input__add-column {
    max-width: 460px
}

.profs .input__add-row-columns svg {
    margin-bottom: 12px;
    width: 24px;
    height: 24px
}

.profs_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f9f4ff;
    border: 1px solid #966cee;
    border-radius: 8px;
    padding: .4375rem 1.3125rem .625rem 1.4375rem;
    width: 100%
}

.profs__head, .profs_row_wrap {
    display: -ms-flexbox;
    width: 100%
}

.profs_row_wrap {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px
}

.profs_input {
    background: #FFF;
    border: 1px solid #d0c2de;
    border-radius: 8px;
    width: 100%;
    min-height: 2.75rem;
    padding: 0 1rem
}

.profs_input::-moz-placeholder {
    color: #a897bd
}

.profs_input:-ms-input-placeholder {
    color: #a897bd
}

.profs_input::placeholder {
    color: #a897bd
}

.profs__head {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.5rem
}

.profs__head_title {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 2.75rem;
    color: #392b4b
}

@media (max-width: 991.98px) {
    .profs__head {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: .75rem
    }
}

.profs__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .875rem;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.profs__list-no-bg {
    gap: 4px
}

.profs_button {
    min-width: 128px !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding: 0 1rem !important;
    min-height: 2.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

@media (max-width: 479.98px) {
    .profs_button {
        min-width: 5rem !important;
        min-height: 1.75rem !important;
        font-size: .75rem !important;
        line-height: 1.125rem !important
    }
}

.profs_button-func {
    background: #f9f4ff;
    border: 1px solid #966cee;
    border-radius: 8px;
    font-weight: 400;
    color: #392b4b;
    margin-top: calc(38px - 14px)
}

.profs_button-add-lang {
    margin: 1.875rem auto 4.0625rem 0
}

.profs_button-next, .profs_button-prev {
    max-width: 128px !important;
    width: 100% !important
}

.profs_button-prev {
    color: #000;
    border: none;
    background: #E6DAFF
}

.profs_item {
    gap: 2.5rem !important
}

.profs_item__block {
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    padding-top: calc(19px - 9px)
}

.profs_item_name {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.125rem;
    color: #6C6377;
    min-height: 2.8125rem
}

.profs_item .list-group {
    gap: .9375rem;
    height: 2.3125rem;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .75rem;
    background: #f9f4ff;
    border: 1px solid #d0c2de;
    border-radius: 8px
}

@media (max-width: 1420.98px) {
    .profs_item .list-group {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .profs_item .list-group-item {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important
    }
}

.profs_item .list-group input[type=checkbox]:checked + .list-group-item {
    background: 0 0;
    border: none;
    border-radius: 0
}

.profs_item .list-group-item {
    border: none;
    background: 0 0;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.5rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.profs_item .searched_item__body {
    gap: 2.5rem
}

@media (max-width: 1200px) {
    .profs_item .searched_item__body {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

@media (max-width: 767.98px) {
    .profs_item .searched_item_info {
        margin-bottom: 6px
    }

    .profs_item .searched_item__body {
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

.profs_item .searched_item__head {
    min-width: calc(550px + 250px - 40px) !important;
    gap: .4375rem
}

@media (max-width: 1420.98px) {
    .profs_item .searched_item__head {
        -ms-flex-direction: column;
        flex-direction: column;
        grid-column-start: 1;
        gap: 1rem
    }
}

@media (max-width: 1200px) {
    .profs_item .searched_item__head {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        min-width: 0 !important
    }

    .profs_item .searched_item__buttons {
        right: .5625rem;
        bottom: .5625rem
    }
}

@media (max-width: 767.98px) {
    .profs_item .searched_item__head {
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

.profs_item .searched_item__head svg {
    margin-top: 2px;
    min-width: 12px;
    min-height: 12px
}

@media (max-width: 479.98px) {
    .profs_item .searched_item_info {
        margin-bottom: 26px
    }

    .profs_item .searched_item__buttons {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.profs_item .searched_wrap {
    padding: .5625rem .5625rem .5625rem 1.4375rem
}

@media (max-width: 1200px) {
    .profs_item .searched_wrap {
        padding: .5625rem
    }
}

.cv_go_back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #EFE8F8;
    border-radius: 10px;
    padding: 5px 10px;
    margin: 20px 0
}

.cv_go_back__btn {
    background: #F9F4FF;
    border: 1px solid #DFDBEE;
    border-radius: 8px;
    padding: 11px 10px 6px
}

.cv_go_back span {
    color: #A897BD;
    font-weight: 500;
    font-size: 20px;
    margin-left: 20px
}

.cv-cab__top .cab-t__top .cab-tp__list .cab-tp__item_text, .cv-cab__top .cab-tp__body * {
    color: #fff
}

.cv_go_back .main__btn-light {
    padding: 10px 20px;
    width: 150px
}

.cv-cab__top {
    background: #392B4B;
    border-radius: 21px;
    padding: 10px
}

.cv-cab__top .cab-t__top {
    margin: 0
}

.cv-cab__top .cab-tp__teacher {
    margin-bottom: 0;
}

.cv-cab__top .cab-tp__body {
    padding: 10px 24px
}

.cv-cab__top .cab-tp__body .cab-tp__item:first-child .cab-tp__item_text {
    font-weight: 600
}

.cv-cab__top .cab-tp__avatar {
    border-radius: 18px;
    height: 250px;
    width: 250px
}

.cv-cab__top .cab-tp, .cv-cab__top .cab-tpr {
    background: #392B4B;
    border: none
}

.cv-cab__top .radial-progress .percentage__value {
    font-size: 14px
}

.cv-cab__top svg.radial-progress circle {
    stroke: #B298EE
}

.cv-cab__top .rad__con text {
    font-size: 6px;
    line-height: 1
}

.cv-cab__top .rad__con .heading_percentage {
    fill: #A897BD
}

.cv-cab__top .border-cab-t__progress {
    background: #5E4E74;
    border-radius: 20px;
    padding: 15px;
    margin: 20px
}

.cv-cab__top .cab-t__progress {
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    background: #5E4E74
}

.cv-cab__top .cab-tp__list {
    gap: 7px !important;
}

.cv-cab__top .cab-tp__list.mob {
    margin-left: 5px;
    display: none;
    border-top: 1px solid #615473;
    padding-top: 15px
}

.cv-cab__top .cab-tp__list.mob .cab-tp__item_body {
    margin-bottom: 5px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: start
}

.cv-cab__top .cab-tp__list.mob .cab-tp__item_body .cab-tp__item_text {
    font-size: 14px
}

.cv-user__desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px
}

.cv-user__desc .desc__row {
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-align: baseline;
    align-items: baseline
}

.cv-user__desc .desc__title {
    color: #392B4BB2;
    font-weight: 700;
    font-size: 18px
}

.cv-user__desc .desc__body {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cv__tag {
    display: -ms-flexbox;
    display: flex;
    padding: 4px 10px 4px 12px;
    border-radius: 8px
}

.cv__tag.tag__pur {
    color: #AF5897;
    background: #FDF0F7;
    border: 1px solid #FAC6EB
}

.cv__tag.tag__red {
    color: #CB2D18;
    background: #FFECDB;
    border: 1px solid #CB2D18
}

.cv__tag.tag__yel {
    color: #E19500;
    background: #FDF99D;
    border: 1px solid #E19500
}

.cv__tag.tag__white {
    color: #4C6EF6;
    background: #FDFDFF;
    border: 1px solid #6C90EE
}

.cv__tag.tag__green {
    color: #1F9756;
    background: #DCFFF1;
    border: 1px solid #38BF7E
}

@media (max-width: 1000px) {
    .cv-cab__top .border-cab-t__progress {
        display: none
    }
}

.cv-user__goal {
    padding: 35px 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 3px solid #EFE8F8
}

.cv-main-section .section__heading {
    font-size: 32px;
    font-weight: 700
}

.cv-main-section .section__heading span {
    margin-left: 10px
}

.cv-user__about > span {
    font-size: 16px
}

.cv-user__about .section__heading {
    margin-bottom: 20px
}

.cv-step {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 30px 0;
    gap: 20px
}

.cv-step .cv-step__time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cv-step .cv-step__time .time__value {
    display: block;
    text-align: center;
    width: 170px;
    color: #966CEE;
    background: #F9F4FF;
    border-radius: 20px;
    font-weight: 600
}

.cv-step .cv-step__desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.cv-step .cv-step__desc .step__name {
    font-weight: 700;
    font-size: 18px
}

.cv-step .cv-step__desc .step__p {
    color: #7D7A89;
    font-size: 16px
}

@media (max-width: 770px) {
    .cv-cab__top .cab-tp__list.pc, .cv-user__goal, .cv_go_back {
        display: none
    }

    .cv-cab__top .cab-tp__avatar {
        height: auto;
        min-height: 120px;
        width: 120px
    }

    .cv-cab__top .cab-tp__list.mob {
        display: -ms-flexbox;
        display: flex
    }

    .cab-t__top {
        gap: 10px
    }

    .cv-main-section .section__heading {
        font-size: 20px
    }

    .cv-step {
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.cv-page{
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}
.cv-user__goal .user__goal{
    flex: 1 1 80%;
    line-height: 1.1;
}

.cv-user__certs, .cv-user__langs, .cv-user__skills {
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.cv-user__certs .cv-user__cert_item, .cv-user__langs .cv-user__cert_item, .cv-user__skills .cv-user__cert_item {
    display: -ms-flexbox;
    display: flex;
    height: 175px
}