@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    src: url(/static/media/MontserratBold.dab015cd.eot);
    src: url(/static/media/MontserratBold.dab015cd.eot) format("embedded-opentype"), url(/static/media/MontserratBold.ff203f89.woff2) format("woff2"), url(/static/media/MontserratBold.e5999699.woff) format("woff"), url(/static/media/MontserratBold.6fd2fb5b.ttf) format("truetype"), url(/static/media/MontserratBold.8705202c.svg) format("svg")
}

/* Codex lecturers gallery rebuild */
#lecturers {
    overflow: hidden;
}

#lecturers .container-page {
    overflow: visible;
}

#lecturers .lecturers {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 28px !important;
    width: min(1330px, calc(100vw - 40px)) !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 112px 4px 32px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    box-sizing: border-box !important;
    touch-action: pan-y pan-x !important;
}

#lecturers .lecturers::-webkit-scrollbar {
    display: none;
}

#lecturers .lecturer {
    left: auto !important;
    flex: 0 0 calc((100% - 84px) / 4) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 520px !important;
    margin: 0 !important;
    padding: 0 18px 30px !important;
    justify-content: flex-start !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    box-sizing: border-box !important;
}

#lecturers .lecturer__icon {
    flex: 0 0 auto;
}

#lecturers .lecturer__name-block {
    margin-top: 34px !important;
}

#lecturers .lecturer__text {
    margin-top: 22px !important;
}

#lecturers .lecturer__more-info {
    margin-top: auto !important;
    padding-top: 24px !important;
}

#lecturers .controls {
    position: absolute !important;
    z-index: 8 !important;
    left: 4px !important;
    right: 4px !important;
    top: calc(50% - 16px) !important;
    width: auto !important;
    height: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    pointer-events: none !important;
}

#lecturers .left,
#lecturers .right {
    flex: 0 0 auto;
    width: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(238, 238, 238, .94) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
    pointer-events: auto !important;
    transform: translateY(-50%);
}

#lecturers .left i,
#lecturers .right i {
    margin: 0 !important;
    font-size: 34px !important;
    line-height: 1 !important;
}

@media screen and (max-width: 1800px) {
    #lecturers .lecturer {
        flex-basis: calc((100% - 56px) / 3) !important;
    }
}

@media screen and (max-width: 1290px) {
    #lecturers .lecturer {
        flex-basis: calc((100% - 28px) / 2) !important;
    }
}

@media screen and (max-width: 700px) {
    #lecturers {
        overflow: hidden !important;
    }

    #lecturers .container-page {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #lecturers .lecturers {
        gap: 18px !important;
        width: 100% !important;
        padding: 96px 0 30px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    #lecturers .lecturer {
        flex-basis: 100% !important;
        min-height: 0 !important;
        padding: 0 18px 28px !important;
    }

    #lecturers .lecturer__icon {
        width: min(184px, 56vw) !important;
        height: min(186px, 57vw) !important;
        margin-top: -92px !important;
    }

    #lecturers .lecturer__name {
        font-size: 28px !important;
        line-height: 1.18 !important;
    }

    #lecturers .lecturer__text {
        font-size: 18px !important;
        line-height: 1.25 !important;
    }

    #lecturers .lecturer__experience {
        font-size: 48px !important;
        line-height: 1.15 !important;
    }

    #lecturers .lecturer__education {
        font-size: 24px !important;
        line-height: 1.22 !important;
    }

    #lecturers .controls {
        left: 0 !important;
        right: 0 !important;
        top: calc(50% - 8px) !important;
    }

    #lecturers .left,
    #lecturers .right {
        width: 50px !important;
        height: 50px !important;
    }
}

@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    src: url(/static/media/MontserratMedium.0d0d3e33.eot);
    src: url(/static/media/MontserratMedium.0d0d3e33.eot) format("embedded-opentype"), url(/static/media/MontserratMedium.e49a2164.woff2) format("woff2"), url(/static/media/MontserratMedium.9307ed6a.woff) format("woff"), url(/static/media/MontserratMedium.c2ef12f9.ttf) format("truetype"), url(/static/media/MontserratMedium.f7192eaf.svg) format("svg")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    src: url(/static/media/MontserratRegular.20e14130.eot);
    src: url(/static/media/MontserratRegular.20e14130.eot) format("embedded-opentype"), url(/static/media/MontserratRegular.26284449.woff2) format("woff2"), url(/static/media/MontserratRegular.f6d3887d.woff) format("woff"), url(/static/media/MontserratRegular.6f6d488b.ttf) format("truetype"), url(/static/media/MontserratRegular.e56ecc0b.svg) format("svg")
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    opacity: 1!important;
    scroll-padding-top: 200px;
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff
}

.main-button,
body {
    font-family: "Montserrat", sans-serif
}

.main-button {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    background: #ff5e5e;
    border-radius: 60px;
    border: none;
    margin-top: 48px;
    padding: 18px 33px;
    cursor: pointer;
    transition: background .2s;
    outline: none
}

.main-button:hover {
    background: #ffab5e
}

.main-button-white {
    color: #ff5e5e;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    background: #fff;
    border-radius: 60px;
    margin-top: 49px;
    padding: 18px 20px;
    cursor: pointer;
    transition: background .2s;
    outline: none;
    border: 1px solid #ff5e5e
}

.main-button-white:hover {
    color: #fff;
    background: #ff5e5e
}

.main-input-wrapper {
    position: relative
}

.main-input {
    color: #004789;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    width: 100%;
    background: #fff;
    border-radius: 30px;
    outline: none;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #c4c4c4
}

.main-input::-webkit-input-placeholder {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif
}

.main-input:-ms-input-placeholder {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif
}

.main-input::-ms-input-placeholder {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif
}

.main-input::placeholder {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif
}

.main-input-has-error .main-input,
.main-input-has-error .main-textarea {
    border-color: #ff5e5e
}

.main-input-error {
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    position: absolute;
    bottom: calc(100% - 12px);
    right: 20px;
    padding: 5px 10px;
    background: #ff3535;
    border-radius: 30px
}

.main-input-error,
.main-textarea {
    font-family: "Montserrat", sans-serif
}

.main-textarea {
    color: #004789;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    background: #fff;
    border-radius: 30px;
    outline: none;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #c4c4c4;
    resize: vertical;
    min-height: 129px
}

.main-textarea::-webkit-input-placeholder {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif
}

.main-textarea:-ms-input-placeholder {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif
}

.main-textarea::-ms-input-placeholder {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif
}

.main-textarea::placeholder {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif
}


.burger-menu {
    display: block;
    cursor: pointer;
    position: fixed;
    right: 20px;
    top: 70px;
}

@media screen and (min-width:1024px) {
    .burger-menu {
        display: none
    }
}

.burger-menu span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0;
    transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease
}

.burger-menu span:first-child {
    transform-origin: 0 0
}

.burger-menu span:nth-last-child(2) {
    transform-origin: 0 100%
}

.burger-menu.active span {
    opacity: 1;
    transform: rotate(-45deg) translate(-2px, 3px)
}

.burger-menu.active span:nth-last-child(2) {
    transform: rotate(45deg) translate(-5px, -7px)
}

.burger-menu.active span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(.2)
}

.burger-list {
    position: fixed;
    top: 120px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background: hsla(0, 0%, 100%, .9);
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10
}

.burger-list__link {
    color: #28282b;
    font-size: 24px;
    line-height: 72px;
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    font-weight: 700
}

.burger-list__link.active,
.burger-list__link:hover {
    color: #ff5e5e
}
.custom-radio {
    position: absolute;
    z-index: -1;
    opacity: 0
}

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

.custom-radio+label:before {
    content: "";
    display: inline-block;
    width: 47px;
    height: 47px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #008bd2;
    border-radius: 50%;
    margin-right: .5em;
    background-size: 50% 50%;
    background: #fff no-repeat 50%
}

.custom-radio:not(:disabled):not(:checked)+label:hover:before {
    border-color: #b3d7ff
}

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

.custom-radio:focus+label:before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-radio:focus:not(:checked)+label:before {
    border-color: #80bdff
}

.custom-radio:checked+label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' fill='%2373C9FF'/%3E%3C/svg%3E")
}

.error-message {
    color: #ff5e5e
}

.burger-icon {
    width: 48px;
    height: 48px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23C9C9C9' d='M0 0h40v4H0zM0 12h40v4H0zM0 24h40v4H0z'/%3E%3C/svg%3E") 50% no-repeat
}

.need-call {
    position: fixed;
    bottom: 150px;
    right: 5%;
    width: 88px;
    height: 88px;
    background: rgba(242, 26, 26, .3);
    cursor: pointer;
    z-index: 3
}

.need-call,
.need-call .need-call-in {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.need-call .need-call-in {
    width: 62px;
    height: 62px;
    background: rgba(242, 26, 26, .4)
}

.need-call .need-call-in i {
    color: #fff
}

.global-preloader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100vw;
    height: 100vh;
    background: #004789
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    transform: translate(-50%, -50%)
}

.loading-spinner div {
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 4px solid transparent;
    border-top-color: #1c8b9b;
    border-radius: 50%;
    -webkit-animation: loading-spinner-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: loading-spinner-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite
}

.loading-spinner div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.loading-spinner div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.loading-spinner div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes loading-spinner-ring {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-spinner-ring {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.custom-select-wrapper {
    width: 100%
}

.custom-select {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    border: none;
    background: inherit;
    width: 100%;
    outline: none;
    padding: 0;
    justify-content: center;
}

.custom-select__marker {
    color: #73c9ff
}

.custom-select__icon {
    color: #008bd2;
    margin-left: 5px
}

.custom-select__text {
    color: #008bd2;
    line-height: 18px;
    font-weight: 700;
    margin: 0 0 0 5px;
    white-space: nowrap;
}

.custom-select__phone,
.custom-select__text {
    font-size: 16px;
    font-family: "Montserrat", sans-serif
}

.custom-select__phone {
    display: inline-block;
    color: #28282b;
    line-height: 20px;
    margin: 12px 0 0;
    width: 100%;
    text-align: center;
    font-weight: 500;
}

.toggle-list {
    background: #fff;
    z-index: 2;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    list-style: none;
    padding: 14px 23px;
    margin: 0;
    width: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    border-radius: 30px
}

.toggle-list .toggle-list__item:first-child {
    margin-top: 0
}

.toggle-list__item {
    display: flex;
    margin-top: 10px
}

.toggle-list__item:hover .custom-select__text {
    color: #ff5e5e
}

.navbar {
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #008bd2;
    list-style: none;
    padding: 15px 13.3%;
    margin: 0;
    box-sizing: border-box;
    position: fixed;
    top: 115px;
    z-index: 999999999;
}

.navbar .navbar__li:first-child {
    margin-left: 0
}

@media screen and (min-width:1024px) {
    .navbar {
        display: flex
    }
}

@media screen and (max-width:1024px) {
    header {
        position: absolute!important;
    }
}


.navbar__li {
    margin-left: 75px
}

.navbar__link {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    cursor: pointer;
    font-size: 18px;
    transition: color .2s;
    text-decoration: none
}

.navbar__link.summer {
    color: #ffc400;
}

.navbar__link.active:not(.summer),
.navbar__link:hover:not(.summer) {
    color: #73c9ff
}

.container-page {
    position: relative;
    padding: 20px
}

@media screen and (min-width:576px) {
    .container-page {
        padding: 20px 35px
    }
}

@media screen and (min-width:1024px) {
    .container-page {
        padding: 20px 13.3%
    }
}

.container-page__title {
    color: #004789;
    font-size: 28px;
    line-height: 32px;
    font-family: "Montserrat", sans-serif;
    margin: 22px 0 0;
    text-align: center
}

@media screen and (min-width:576px) {
    .container-page__title {
        color: #004789;
        font-size: 36px;
        line-height: 44px;
        font-family: "Montserrat", sans-serif;
        margin: 17px 0 0
    }
}

@media screen and (min-width:1024px) {
    .container-page__title {
        color: #004789;
        font-size: 42px;
        line-height: 51px;
        font-family: "Montserrat", sans-serif;
        margin: 52px 0 0;
        text-align: left
    }
}

.global-portal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
    /* overflow-y: auto; */
    text-align: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: all .3s ease;
    z-index: 9999999999999999999999999;
}

.global-portal:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: " "
}

.global-portal__container {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    background-color: #fff;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .4);
    transform: scale(.9);
    transition: all .3s ease;
    border-radius: 30px
}

.global-portal__close {
    position: absolute;
    top: -35px;
    right: -35px;
    cursor: pointer;
    color: #fff
}

.bitcom-solution {
    display: none;
    justify-content: center;
    align-items: center;
    margin: 10px auto 0;
    text-decoration: none
}

@media screen and (min-width:1024px) {
    .bitcom-solution {
        display: flex
    }
}

.bitcom-solution__text {
    color: #767f84;
    font-size: 12px;
    line-height: 15px;
    font-family: "Montserrat", sans-serif
}

.bitcom-solution__logo {
    margin-left: 10px
}

.bitcom-solution-mobile {
    display: flex
}

@media screen and (min-width:1024px) {
    .bitcom-solution-mobile {
        display: none
    }
}

.header {
    position: fixed;
    top: 0;
    z-index: 999999999999999999999999;
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 26px 20px;
    min-height: 117px;
}

@media screen and (min-width:576px) {
    .header {
        padding: 20px 35px
    }
}

@media screen and (min-width:1024px) {
    .header {
        padding: 19px 0% 18px
    }
}

.header-block-logo {
    width: 233px;
    cursor: pointer;
}

@media screen and (max-width:576px) {
    .header-block-logo {
        width: 60px
    }
}

.phone {
    margin-right: 40px;
}

.phone .top {
    display: flex;
    align-items: center;
}

.phone .number {
    font-weight: 500;
    margin-left: 15px;
}

.phone .bottom {
    margin-top: 5px;
}

.phone button {
    margin-top: 0;
    padding: 15px 10px;
    border-radius: 10px;
    min-width: 249px;
}

.phone .bottom.mobile button {
    margin-top: 0;
    padding: 1px 10px;
    border-radius: 10px;
    min-width: 0;
    font-size: 13px;
}

.mobile_sector_header {
    display: none;
}

@media screen and (max-width:1024px) {
    .mobile_sector_header {
        display: block;
    }
}

.header-block-logo__mobile {
    width: 70px;
}

@media screen and (min-width:577px) {
    .header-block-logo__mobile {
        display: none
    }
}

.header-block-logo__light {
    display: none
}

@media screen and (min-width:577px) {
    .header-block-logo__light {
        display: block
    }
}

.header-block {
    width: 37%;
    display: none
}

@media screen and (min-width:1024px) {
    .header-block {
        display: block
    }
}

.header-block-city-select {
    width: 250px;
    margin-left: -100px;
}

.header-block-city-list {
    width: 640px;
    display: none;
    margin-left: 10px;
}

@media screen and (min-width:1024px) {
    .header-block-city-list {
        display: flex;
    }
}

@media screen and (max-width:1790px) {
    .header-block-city-list {
        width: calc(55% - 336px);
        margin-left: 10px;
    }
}

@media screen and (max-width:1600px) {
    .header-block-city-list {
        width: calc(60% - 336px);
        margin-left: 10px;
    }
}

@media screen and (max-width:1500px) {
    header {
        padding: 19px 1% 18px!important;
    }

    .header-block-city-list {
        width: calc(68% - 336px);
        margin-left: 10px;
    }

    .header-block {
        width: 20%;
    }
}

@media screen and (max-width:1280px) {
    .header-block-city-list {
        width: calc(73% - 336px);
        margin-left: 10px;
    }
}


.header-block-text {
    color: #28282b;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase
}

.header-cities {
    display: flex;
    flex-direction: column;
    min-width: 340px;
    max-width: 340px;
}

.header-block-address {
    color: #28282b;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    font-weight: 400;
    text-align: right;
    text-decoration: none
}

.header-block-address.text-left {
    text-align: left;
}

.header-block-address__link:hover {
    text-decoration: underline
}

.header-block-address_gray {
    color: #7f7f7f
}

.header-block-numbers {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.header-block-numbers.flex {
    display: flex;
}

.header-block-numbers p {
    display: none
}

@media screen and (min-width:1920px) {
    .header-block-numbers {
        flex-direction: row
    }
    .header-block-numbers.flex {
        flex-direction: column;
    }
    .header-block-numbers p {
        display: block
    }
}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0;
    background: #00315e;
    padding: 26px 20px;
    min-height: 500px;
    padding-bottom: 50px!important;
}

@media screen and (min-width:576px) {
    .footer {
        padding: 20px 35px;
        justify-content: space-between
    }
}

@media screen and (min-width:1024px) {
    .footer {
        margin-top: 104px;
        padding: 20px 1.3%;
        flex-wrap: nowrap
    }
}

.footer-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 10px 0 0 0px
}

@media screen and (min-width:576px) {}

.footer-icons .footer-icons__icon:first-child {
    margin-left: 0
}

.footer-icons-block,
.footer-icons__icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-icons__icon {
    background: #008bd2;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-left: 6px;
    cursor: pointer;
    text-decoration: none
}

footer .footer-icons__icon {
    width: 48px;
    height: 48px;
}

footer .footer-icons__icon:active {
    border-bottom: unset!important;
    text-decoration: none!important;
}

footer .footer-icons__icon:hover {
    border-bottom: unset!important;
    text-decoration: none!important;
}

.footer-icons__icon i {
    color: #00315e
}

footer .footer-icons__icon i {
    font-size: 28px;
}

footer .footer-icons__icon img {
    width: 28px!important;
    z-index: 999999;
}


.footer-cities {
    display: flex;
    flex-direction: column;
    margin: 10px 0 0;
    width: 100%
}

@media screen and (min-width:576px) {
    .footer-cities {
        margin: 24px 0 0
    }
}

@media screen and (min-width:1024px) {
    .footer-cities {
        margin: 0;
    }
}

.footer-block-address {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    margin-bottom: 10px;
}

footer section {
    display: grid;
    width: 30%;
}

footer .information {
    width: 80%;
    padding-left: 25px;
    display: ruby;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.footer-block-address__link:hover {
    text-decoration: underline
}

.footer-block-numbers {
    display: flex;
    justify-content: center;
}

.footer-block-numbers.column {
    flex-direction: column;
}

@media screen and (min-width:1024px) {
    .footer-block-numbers {
        justify-content: flex-end
    }
    .footer-block-numbers.column {
        flex-direction: column;
    }
}

.hblock {
    display: block;
}

.banner {
    position: relative;
    padding-bottom: 10px
}

.banner .main-button {
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    font-family: "Montserrat", sans-serif;
    margin-top: 23px;
    font-weight: 700
}

@media screen and (min-width: 900px) {
    .banner .main-button {
        color: #fff;
        font-size: 13px;
        line-height: 18px;
        font-family: "Montserrat", sans-serif
    }
}



@media screen and (min-width:1024px) {
    .banner .main-button {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        font-family: "Montserrat", sans-serif;
        font-weight: 400
    }
}

@media screen and (min-width:576px) {
    .banner .main-button {
        padding: 21px 33px;
        width: 41%
    }
}

@media screen and (min-width:1024px) {
    .banner .main-button {
        width: auto;
        margin-top: 48px;
        padding: 18px 33px
    }
}

.banner-image {
    width: 100%;
    display: none
}

@media screen and (min-width:1024px) {
    .banner-image {
        display: block
    }
}

.banner-image-mobile {
    display: block;
    width: 100%;
    height: 400px;
    background-image: url(/static/media/1007/5/photo_2024-07-10_16-20-42.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 70%
}

@media screen and (min-width:1024px) {
    .banner-image-mobile {
        display: none
    }
}

.banner-form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%
}

@media screen and (min-width:1024px) {
    .banner-form {
        left: 13.3%;
        width: 50%;
        text-align: left;
        transform: translateY(-50%)
    }
}

.banner__title {
    color: #fff;
    font-size: 28px;
    line-height: 34px;
    font-family: "Montserrat", sans-serif;
    margin: 10px 0 0;
    text-transform: uppercase
}

.banner__title br:nth-child(2) {
    display: none
}

@media screen and (min-width:576px) {
    .banner__title {
        margin: 37px 0 0
    }
}

@media screen and (min-width:1024px) {
    .banner__title {
        color: #008bd2;
        font-size: 32px;
        line-height: 44px;
        font-family: "Montserrat", sans-serif
    }
    .banner__title br:nth-child(2) {
        display: block
    }
}

@media screen and (min-width:1310px) {
    .banner__title {
        color: #008bd2;
        font-size: 40px;
        line-height: 52px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1920px) {
    .banner__title {
        color: #008bd2;
        font-size: 60px;
        line-height: 78px;
        font-family: "Montserrat", sans-serif;
        margin: 119px 0 0
    }
}

.banner__description {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: "Montserrat", sans-serif;
    margin: 13px auto 0;
    font-weight: 500;
}

@media screen and (min-width:576px) {
    .banner__description {
        width: 55%;
        text-align: center
    }
}

@media screen and (min-width:1024px) {
    .banner__description {
        color: #28282b;
        font-size: 16px;
        line-height: 18px;
        font-family: "Montserrat", sans-serif;
        width: 75%;
        text-align: left;
        margin: 13px 0 0
    }
}

@media screen and (min-width:1310px) {
    .banner__description {
        color: #28282b;
        font-size: 20px;
        line-height: 24px;
        font-family: "Montserrat", sans-serif;
        width: 100%
    }
}

@media screen and (min-width:1920px) {
    .banner__description {
        color: #28282b;
        font-size: 24px;
        line-height: 29px;
        font-family: "Montserrat", sans-serif
    }
}

.our-courses {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    margin: 0;
}

.our-courses-mobile__row {
    display: flex;
    flex-wrap: wrap;
    margin: 161px -15px 0;
    padding-top: 50px;
    position: relative
}

.our-courses-mobile__row>span {
    position: absolute;
    top: 0;
    width: calc(33.33333% - 30px);
    height: calc(100% + 35px);
    background: #fff;
    z-index: -1;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
    border-radius: 30px;
    box-sizing: border-box;
    cursor: pointer
}

.our-courses-mobile__row>span svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

.our-courses-mobile__row>span:hover .our-course__icon {
    fill: #ff5e5e
}

.our-courses-mobile__row>span:first-of-type {
    left: 15px
}

.our-courses-mobile__row>span:nth-of-type(2) {
    left: 50%;
    transform: translateX(-50%)
}

.our-courses-mobile__row>span:nth-of-type(3) {
    right: 15px
}

.our-courses-mobile__row>div:not([class*=line-]) {
    width: calc(33.33333% - 30px);
    padding: 0 2vw 0 3vw;
    box-sizing: border-box
}

.our-courses-mobile__row>div[class*=line-] {
    width: 100%
}

.our-courses-mobile__row>div {
    order: 10
}

.our-courses-mobile__row>div:not(.our-course__title) {
    margin: 0 15px
}

.our-courses-mobile__row>div.our-course__title {
    margin: 68px 15px 13px;
    font-weight: 600
}

.our-courses-mobile__row>div.our-course-skills {
    margin-top: 4px
}

.our-courses-mobile__row>div.our-course-skill {
    margin-top: 6px
}

.our-courses-mobile__row>div.our-course-whom {
    margin-top: 21px
}

.our-courses-mobile__row>div:first-of-type {
    order: 1
}

.our-courses-mobile__row>div:nth-of-type(2) {
    order: 5
}

.our-courses-mobile__row>div:nth-of-type(3) {
    order: 9
}

.our-courses-mobile__row>div:nth-of-type(4) {
    order: 13
}

.our-courses-mobile__row>div:nth-of-type(5) {
    order: 16
}

.our-courses-mobile__row>div:nth-of-type(6) {
    order: 20
}

.our-courses-mobile__row>div:nth-of-type(7) {
    order: 2
}

.our-courses-mobile__row>div:nth-of-type(8) {
    order: 6
}

.our-courses-mobile__row>div:nth-of-type(9) {
    order: 10
}

.our-courses-mobile__row>div:nth-of-type(10) {
    order: 14
}

.our-courses-mobile__row>div:nth-of-type(11) {
    order: 17
}

.our-courses-mobile__row>div:nth-of-type(12) {
    order: 21
}

.our-courses-mobile__row>div:nth-of-type(13) {
    order: 3
}

.our-courses-mobile__row>div:nth-of-type(14) {
    order: 7
}

.our-courses-mobile__row>div:nth-of-type(15) {
    order: 11
}

.our-courses-mobile__row>div:nth-of-type(16) {
    order: 15
}

.our-courses-mobile__row>div:nth-of-type(17) {
    order: 18
}

.our-courses-mobile__row>div:nth-of-type(18) {
    order: 22
}

.our-courses-mobile__row>div:nth-of-type(19) {
    order: 4
}

.our-courses-mobile__row>div:nth-of-type(20) {
    order: 8
}

.our-courses-mobile__row>div:nth-of-type(21) {
    order: 12
}

.our-courses-mobile__row>div:nth-of-type(22) {
    order: 19
}

.our-course {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    border-radius: 30px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
    padding: 30px 20px 17px 26px;
    box-sizing: border-box;
    margin-top: 30px;
    cursor: pointer;
    transition: .4s;
}

.our-course:hover {
    box-shadow: 0px 16px 32px rgba(0, 0, 0, .25);
}

@media screen and (min-width:576px) {
    .our-course {
        padding: 5px 30px 46px 60px
    }
}

.our-course:hover .our-course__icon {
    fill: #ff5e5e
}

@media screen and (min-width:1024px) {
    .our-course {
        margin-top: 139px;
        width: 32%
    }
}

.our-course svg {
    display: none
}

@media screen and (min-width:1024px) {
    .our-course svg {
        display: block;
        margin: -105px auto 0
    }
}

.our-course__icon {
    transition: fill .2s;
    fill: #73c9ff
}

.our-course__title {
    color: #008bd2;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    word-break: break-word
}

@media screen and (min-width:576px) {
    .our-course__title {
        color: #008bd2;
        font-size: 18px;
        line-height: 24px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1024px) {
    .our-course__title {
        color: #008bd2;
        font-size: 14px;
        line-height: 16px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1310px) {
    .our-course__title {
        color: #008bd2;
        font-size: 18px;
        line-height: 24px;
        font-family: "Montserrat", sans-serif
    }
}

.our-course__title_white {
    color: #008bd2;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin: 0
}

@media screen and (min-width:576px) {
    .our-course__title_white {
        color: #008bd2;
        font-size: 22px;
        line-height: 27px;
        font-family: "Montserrat", sans-serif
    }
}

.our-course-wrapper .our-course-whom:first-child {
    margin-top: 0
}

.our-course-whom {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-top: 27px
}

.our-course-whom i {
    color: #0081c4
}

.our-course-whom__title {
    color: #004789;
    font-size: 20px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    margin: 0 0 0 10px
}

@media screen and (min-width:1024px) {
    .our-course-whom__title {
        color: #004789;
        font-size: 16px;
        line-height: 20px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1310px) {
    .our-course-whom__title {
        color: #004789;
        font-size: 24px;
        line-height: 29px;
        font-family: "Montserrat", sans-serif
    }
}

.our-course-descriptions {
    margin: 5px 0 0
}

.our-course__description {
    color: #28282b;
    font-size: 16px;
    line-height: 18px;
    font-family: "Montserrat", sans-serif;
    margin: 0
}

@media screen and (min-width:576px) {
    .our-course__description {
        color: #28282b;
        font-size: 16px;
        line-height: 20px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1024px) {
    .our-course__description {
        color: #28282b;
        font-size: 14px;
        line-height: 16px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1310px) {
    .our-course__description {
        color: #28282b;
        font-size: 16px;
        line-height: 20px;
        font-family: "Montserrat", sans-serif
    }
}

.our-course-skills {
    margin-top: 9px
}

.our-course-skills i {
    color: #ff5e5e;
    margin-right: 5px
}

.our-course-skill {
    display: flex;
    width: 100%;
    margin-top: 10px
}

.our-course-skill__more-info {
    color: #004789;
    font-size: 18px;
    line-height: 22px;
    font-family: "Montserrat", sans-serif;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    font-weight: 500;
    margin: 45px 0 0;
    cursor: pointer;
    text-align: center
}

@media screen and (min-width:1024px) {
    .our-course-skill__more-info {
        margin: 52px 0 0
    }
}

.our-course-skill__text {
    color: #28282b;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    margin: 0
}

@media screen and (min-width:1024px) {
    .our-course-skill__text {
        color: #28282b;
        font-size: 14px;
        line-height: 16px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1310px) {
    .our-course-skill__text {
        color: #28282b;
        font-size: 16px;
        line-height: 20px;
        font-family: "Montserrat", sans-serif
    }
}

.online-courses {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 38px;
    text-decoration: none
}

@media screen and (min-width:1024px) {
    .online-courses {
        margin-top: 83px
    }
}

.online-courses__title {
    color: #008bd2;
    font-size: 17px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    margin: 0 10px 0 0;
    font-weight: 500;
    width: calc(100% - 92px);
    text-align: center
}

@media screen and (min-width:576px) {
    .online-courses__title {
        color: #008bd2;
        font-size: 24px;
        line-height: 29px;
        font-family: "Montserrat", sans-serif;
        margin: 0 30px 0 0;
        width: auto
    }
}

@media screen and (min-width:1024px) {
    .online-courses__title {
        color: #008bd2;
        font-size: 42px;
        line-height: 51px;
        font-family: "Montserrat", sans-serif
    }
}

.course-help {
    position: relative;
    width: 100%;
    margin-top: 15px;
    box-sizing: border-box;
    background: #008bd2;
    padding-top: 67.5%
}

@media screen and (min-width:1024px) {
    .course-help {
        margin-top: 100px;
        padding-top: 30.5%;
        background: url(/static/media/desc.086aeba9.png) calc(100% - 25px) 50% no-repeat, url(/static/media/course-help.a99eeb9b.jpg) 0 no-repeat #008bd2;
        background-size: 263px, cover, 100%
    }
}

@media screen and (min-width:1310px) {
    .course-help {
        background: url(/static/media/desc.086aeba9.png) 90% no-repeat, url(/static/media/course-help.a99eeb9b.jpg) 0 no-repeat #008bd2;
        background-size: 263px, cover, 100%
    }
}

.course-help__image {
    width: 100%;
    visibility: hidden
}

@media screen and (min-width:1024px) {
    .course-help__image {
        visibility: visible
    }
}

.icon-desc {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 6%;
    transform: translateY(-50%);
    display: none
}

@media screen and (min-width:1310px) {
    .icon-desc {
        display: block
    }
}

.course-help-form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
    width: 73.4%
}

@media screen and (min-width:1310px) {
    .course-help-form {
        width: 48%
    }
}

.course-help-form .main-button {
    margin-top: 36px;
    padding: 11px 48px
}

.course-help-form__title {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    text-align: center
}

@media screen and (min-width:576px) {
    .course-help-form__title {
        color: #fff;
        font-size: 24px;
        line-height: 29px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1024px) {
    .course-help-form__title {
        width: 55%;
        color: #fff;
        font-size: 30px;
        line-height: 38px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1310px) {
    .course-help-form__title {
        width: 100%;
        color: #fff;
        font-size: 48px;
        line-height: 59px;
        font-family: "Montserrat", sans-serif
    }
}

.course-help-form__description {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-family: "Montserrat", sans-serif;
    margin: 17px 0 0
}

@media screen and (min-width:576px) {
    .course-help-form__description {
        color: #fff;
        font-size: 18px;
        line-height: 22px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1024px) {
    .course-help-form__description {
        color: #fff;
        font-size: 24px;
        line-height: 28px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1310px) {
    .course-help-form__description {
        color: #fff;
        font-size: 36px;
        line-height: 44px;
        font-family: "Montserrat", sans-serif
    }
}

.why-we-are-wrapper .container-page__title {
    display: block;
    max-width: 1260px;
    margin: 0 auto 8px;
    color: #004789;
    text-align: left;
    font-size: 44px;
    line-height: 52px;
    letter-spacing: 0;
}

.why-we-are {
    max-width: 1260px;
    margin: 0 auto;
    padding: 26px;
    border-radius: 8px;
    background: linear-gradient(180deg, #f8fcff 0%, #fff 100%);
    box-sizing: border-box;
}

.why-we-are__lead {
    max-width: 850px;
    margin: 0 0 20px;
    color: #28282b;
    font-size: 17px;
    line-height: 25px;
    font-family: "Montserrat", sans-serif;
}

.why-we-are__top,
.why-we-are__grid {
    display: grid;
    gap: 16px;
}

.why-we-are__top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 16px;
}

.why-we-are__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.why-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    min-height: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid rgba(0, 139, 210, .16);
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 8px 18px rgba(0, 71, 137, .055);
}

.why-card--large {
    grid-template-columns: 58px minmax(0, 1fr) 130px;
    min-height: 156px;
    padding: 24px 24px 22px;
}

.why-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: #ebf8ff;
    color: #008bd2;
    flex: 0 0 auto;
}

.why-card__icon i {
    font-size: 29px;
}

.why-card__visual {
    display: none;
}

.why-card--large .why-card__visual {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 112px;
    margin-left: auto;
    border-radius: 8px;
    background: linear-gradient(135deg, #eef9ff 0%, #fff 74%);
}

.why-card--large .why-card__visual:before,
.why-card--large .why-card__visual:after {
    content: "";
    position: absolute;
    border-radius: 999px;
    background: rgba(0, 139, 210, .1);
}

.why-card--large .why-card__visual:before {
    width: 68px;
    height: 68px;
    right: 16px;
    top: 18px;
}

.why-card--large .why-card__visual:after {
    width: 22px;
    height: 22px;
    left: 20px;
    bottom: 20px;
}

.why-card--large .why-card__visual i {
    position: relative;
    z-index: 1;
    color: #008bd2;
    font-size: 50px;
}


.why-card__content {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.why-card--large .why-card__icon {
    grid-column: 1;
    grid-row: 1;
}

.why-card--large .why-card__content {
    grid-column: 2;
    grid-row: 1;
    max-width: 520px;
}

.why-card--small .why-card__content {
    grid-column: 2;
}
.why-card h3 {
    margin: 0 0 6px;
    color: #004789;
    font-size: 19px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.why-card strong {
    display: block;
    margin: 0 0 10px;
    color: #ff5e5e;
    font-size: 14px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.why-card p {
    margin: 0;
    color: #28282b;
    font-size: 14px;
    line-height: 21px;
    font-family: "Montserrat", sans-serif;
}

.why-card--small {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 13px;
    padding: 18px;
    min-height: 136px;
}

.why-card--small .why-card__icon {
    width: 44px;
    height: 44px;
}

.why-card--small .why-card__icon i {
    font-size: 25px;
}

.why-card--small h3 {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 20px;
}

.why-card--small p {
    font-size: 13px;
    line-height: 20px;
}

.why-we-are__note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding: 12px 18px;
    border: 1px solid rgba(0, 139, 210, .1);
    border-radius: 8px;
    background: #f5fbff;
    color: #28282b;
    font-size: 13px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
}

.why-we-are__note i {
    color: #008bd2;
    font-size: 22px;
    flex: 0 0 auto;
}

@media screen and (max-width: 1200px) {
    .why-we-are-wrapper .container-page__title,
    .why-we-are {
        max-width: calc(100% - 80px);
    }

    .why-we-are__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .why-card--small {
        min-height: 0;
    }
}

@media screen and (max-width: 900px) {
    .why-we-are-wrapper .container-page__title {
        font-size: 36px;
        line-height: 43px;
    }

    .why-we-are__top {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 720px) {
    .why-we-are-wrapper .container-page__title,
    .why-we-are {
        max-width: calc(100% - 40px);
    }

    .why-we-are {
        padding: 18px;
    }

    .why-we-are__lead {
        font-size: 15px;
        line-height: 23px;
    }

    .why-we-are__grid {
        grid-template-columns: 1fr;
    }

    .why-card,
    .why-card--small,
    .why-card--large {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
        min-height: 0;
        padding: 16px;
    }

    .why-card__icon,
    .why-card--small .why-card__icon {
        width: 42px;
        height: 42px;
    }

    .why-card__visual,
    .why-card--large .why-card__visual {
        display: none;
    }
}
.consultation {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    margin: 19px auto 0;
    padding: 32px 13.3% 44px
}

@media screen and (min-width:1024px) {
    .consultation {
        width: 73.4%;
        border-radius: 30px
    }
}

@media screen and (min-width:1310px) {
    .consultation {
        flex-direction: row;
        margin: 106px auto 30px;
        padding: 82px 6% 70px
    }
}

.consultation.light {
    background: #73c9ff
}

.consultation.light .consultation-desc__title-sub {
    color: #004789;
    font-size: 22px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif
}

@media screen and (min-width:576px) {
    .consultation.light .consultation-desc__title-sub {
        color: #004789;
        font-size: 36px;
        line-height: 44px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1024px) {
    .consultation.light .consultation-desc__title-sub {
        color: #004789;
        font-size: 40px;
        line-height: 52px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1920px) {
    .consultation.light .consultation-desc__title-sub {
        color: #004789;
        font-size: 50px;
        line-height: 61px;
        font-family: "Montserrat", sans-serif
    }
}

.consultation.dark {
    background: #004789
}

.consultation.dark .consultation-desc__title-sub {
    color: #ff5e5e;
    font-size: 22px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif
}

@media screen and (min-width:576px) {
    .consultation.dark .consultation-desc__title-sub {
        color: #ff5e5e;
        font-size: 36px;
        line-height: 44px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1024px) {
    .consultation.dark .consultation-desc__title-sub {
        color: #ff5e5e;
        font-size: 40px;
        line-height: 52px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1920px) {
    .consultation.dark .consultation-desc__title-sub {
        color: #ff5e5e;
        font-size: 50px;
        line-height: 61px;
        font-family: "Montserrat", sans-serif
    }
}

.consultation .main-input-wrapper:first-child {
    margin-top: 0
}

.consultation .main-input-wrapper {
    margin-top: 17px
}

.consultation .main-button {
    width: 100%;
    margin-top: 20px
}

.consultation-desc {
    width: 100%;
    text-align: center
}

@media screen and (min-width:1310px) {
    .consultation-desc {
        width: 65%;
        text-align: left
    }
}

.consultation-form {
    width: 79%;
    margin: 32px auto 0
}

@media screen and (min-width:1310px) {
    .consultation-form {
        width: 31%;
        margin: 0
    }
}

.consultation-desc__title {
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    margin: 0
}

@media screen and (min-width:576px) {
    .consultation-desc__title {
        color: #fff;
        font-size: 36px;
        line-height: 44px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1920px) {
    .consultation-desc__title {
        color: #fff;
        font-size: 50px;
        line-height: 61px;
        font-family: "Montserrat", sans-serif
    }
}

.consultation-desc__title-sub {
    margin: 0
}

.lecturers {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow: hidden;
    height: 755px;
    width: 1330px;
    padding: 120px 5px 5px 5px;
    margin: 0 auto;
}


/* @media screen and (min-width:1920px) {
    .lecturers {
        margin-top: 152px
    }
} */

.lecturer {
    min-width: 292.5px;
    height: 750px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
    border-radius: 30px;
    padding: 0 10px 57px;
    box-sizing: border-box;
    margin-top: 127px;
    margin: 0 20px;
    position: relative;
}

@media screen and (max-width:1800px) {
    .lecturers {
        width: 1200px;
    }
    .lecturer {
        min-width: 360px;
    }
}

@media screen and (max-width:1640px) {
    .lecturer {
        min-width: 356px;
    }
}

@media screen and (max-width:1580px) {
    .lecturers {
        width: 1036px;
    }
    .lecturer {
        min-width: 475px;
    }
}

@media screen and (max-width:1290px) {
    .lecturers {
        width: 946px;
    }
    .lecturer {
        min-width: 428px;
    }
}

@media screen and (max-width:1000px) {
    .lecturers {
        width: 100%;
    }
    .lecturer {
        min-width: calc(100% - 40px);
    }
}

.controls {
    position: absolute;
    width: calc(100% - 68px);
    height: calc(100% - 220px);
    top: calc(50% - 20px);
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width:1120px) {
    .controls {
        width: calc(100% - 174px);
    }
}

@media screen and (max-width:586px) {
    .controls {
        width: calc(100% - 37px);
    }
}

@media screen and (min-width:1200px) {
    .controls {
        width: calc(956px - 20px);
    }
}

@media screen and (min-width:1290px) {
    .controls {
        width: calc(1046px - 20px);
    }
}

@media screen and (min-width:1580px) {
    .controls {
        width: calc(1210px - 20px);
    }
}

@media screen and (min-width:1640px) {
    .controls {
        width: calc(1210px - 10px);
    }
}

@media screen and (min-width:1800px) {
    .controls {
        width: calc(1340px - 10px);
    }
}

.left,
.right {
    width: 40px;
    height: 40px;
    background: #EEEEEE;
    border-radius: 50px;
    cursor: pointer;
}

.left i {
    margin-left: 12px;
    margin-top: 7px;
}

.right i {
    margin-top: 7px;
    margin-left: 10px;
}


/* @media screen and (min-width:1024px) {
    .lecturer {
        width: 48%;
        padding: 0 10px 69px
    }
}

@media screen and (min-width:1920px) {
    .lecturer {
        width: 23%;
        margin-top: 0
    }
} */

.lecturer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.lecturer__icon {
    margin-top: -99px;
    border-radius: 50%;
    width: 192px;
    height: 195px
}


/* @media screen and (min-width:1024px) {
    .lecturer__icon {
        width: 166px;
        height: 168px;
        margin-top: -85px
    }
} */

.lecturer__name-block {
    margin: 46px 0 0;
    text-align: center
}


/* @media screen and (min-width:1024px) {
    .lecturer__name-block {
        margin: 60px 0 0
    }
} */

.lecturer__name {
    color: #28282b;
    font-size: 24px;
    line-height: 29px;
    margin: 0;
    cursor: pointer;
}

.lecturer__name,
.lecturer__text {
    font-family: "Montserrat", sans-serif
}

.lecturer__text {
    color: #a2a2a2;
    font-size: 18px;
    line-height: 22px;
    margin: 24px 0 0;
    text-align: center
}


/* @media screen and (min-width:1024px) {
    .lecturer__text {
        margin: 27px 0 0
    }
} */

.lecturer__experience {
    color: #ff5e5e;
    font-size: 50px;
    line-height: 61px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin: 10px 0 0
}


/* @media screen and (min-width:1024px) {
    .lecturer__experience {
        margin-top: 0
    }
} */

.lecturer__education {
    color: #008bd2;
    font-size: 24px;
    line-height: 29px;
    font-family: "Montserrat", sans-serif;
    width: 100%;
    margin: 12px 0 0;
    font-weight: 700;
    text-align: center
}


/* @media screen and (min-width:1024px) {
    .lecturer__education {
        margin: 18px 0 0
    }
} */

.lecturer-courses {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 27px auto 0;
    width: 90%
}


/* @media screen and (min-width:1024px) {
    .lecturer-courses {
        width: 100%;
        margin: 27px 0 0
    }
} */

.lecturer-courses .lecturer-course:first-child {
    margin-top: 0
}

.lecturer-course {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    background: #73c9ff;
    border-radius: 60px;
    font-weight: 700;
    padding: 6px 25px;
    box-sizing: border-box;
    margin-top: 19px;
    text-align: center;
    max-width: 100%;
    word-break: break-word
}


/* @media screen and (min-width:576px) {
    .lecturer-course {
        color: #fff;
        font-size: 18px;
        line-height: 22px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1024px) {
    .lecturer-course {
        margin-top: 13px
    }
} */

.lecturer__more-info {
    color: #004789;
    font-size: 18px;
    line-height: 22px;
    font-family: "Montserrat", sans-serif;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    font-weight: 500;
    margin: 45px 0 0;
    cursor: pointer;
    z-index: 9999999;
}


/* @media screen and (min-width:1024px) {
    .lecturer__more-info {
        margin: 52px 0 0
    }
} */


.lecturers {
    height: 510px;
}

.lecturer {
    height: auto;
    min-height: 390px;
    justify-content: flex-start;
    padding-bottom: 28px;
}

.lecturer__more-info {
    margin-top: 22px;
}

.lecturers {
    height: auto !important;
    align-items: flex-start !important;
    padding-bottom: 36px !important;
}

.lecturer {
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
    padding-bottom: 30px !important;
}

.lecturer__more-info {
    margin-top: 24px !important;
}
.reviews {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 18px
}

.review {
    width: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    border-radius: 30px;
    margin-top: 22px
}

@media screen and (min-width:1024px) {
    .review {
        margin-top: 41px;
        width: 49%
    }
}

.review-header {
    position: relative;
    background: #008bd2;
    padding: 19px 17px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

@media screen and (min-width:576px) {
    .review-header {
        flex-wrap: nowrap;
        padding: 19px 18px 19px 27px
    }
}

@media screen and (min-width:1024px) {
    .review-header {
        padding: 19px 37px
    }
}

.review-header__name {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    margin: 0 0 0 28px;
    text-align: left;
    width: calc(100% - 83px)
}

@media screen and (min-width:576px) {
    .review-header__name {
        width: calc(100% - 209px)
    }
}

.review-header-rating {
    width: 100%;
    margin: 10px 0;
    text-align: center
}

@media screen and (min-width:576px) {
    .review-header-rating {
        width: 126px;
        margin: 0;
        text-align: left
    }
}

.review-header-rating .review-header__icon:first-child {
    margin-left: 0
}

.review-header__icon {
    color: #eff6f9;
    font-size: 1.1em;
    margin-left: 10px
}

.review-header__icon_active {
    color: #f3cc30
}

.review-footer {
    margin-top: 25px;
    padding: 2px 30px 58px;
    box-sizing: border-box
}

@media screen and (min-width:1024px) {
    .review-footer {
        padding: 2px 30px 42px
    }
}

.review-footer__text {
    color: #28282b
}

.review-footer__read-more,
.review-footer__text {
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    margin: 0
}

.review-footer__read-more {
    color: #008bd2;
    cursor: pointer
}

.reviews-buttons {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 50px
}

.reviews-buttons .main-button {
    padding: 10px 4px;
    margin: 0
}

@media screen and (min-width:576px) {
    .reviews-buttons .main-button {
        padding: 15px 45px
    }
}

.reviews-buttons .main-button-white {
    padding: 10px 4px;
    margin: 0 0 0 15px
}

@media screen and (min-width:576px) {
    .reviews-buttons .main-button-white {
        padding: 15px 45px;
        margin: 0 0 0 45px
    }
}

.academy-life-wrapper {
    display: none
}

@media screen and (min-width:1024px) {
    .academy-life-wrapper {
        display: block
    }
}

.academy-life {
    display: grid;
    grid-template-columns: repeat(47, 1fr);
    grid-template-rows: repeat(41, 27px);
    margin-top: 39px
}

@media screen and (min-width:1024px) {
    .academy-life {
        grid-template-rows: repeat(41, 29px)
    }
}

@media screen and (min-width:1310px) {
    .academy-life {
        grid-template-rows: repeat(41, 37px)
    }
    .academy-life.ya {
        grid-template-rows: repeat(41, 37px)
    }
}

.academy-life .box {
    height: 100%;
    width: 100%;
    border-radius: 30px
}

.academy-life .academy1 {
    background: url(/static/media/1007/4/16.png);
    background-size: 100% 100%;
    grid-column: 1/16;
    grid-row: 1/13;
    -webkit-grid-row: 1/7
}

.academy-life .academy2 {
    background: url(/static/media/1007/4/21.webp);
    background-size: 100% 100%;
    grid-column: 17/28;
    grid-row: 1/13;
    -webkit-grid-row: 1/7
}

.academy-life .academy3 {
    background: url(/static/media/1007/4/24.webp);
    background-size: 100% 100%;
    grid-column: 29/48;
    grid-row: 1/13;
    -webkit-grid-row: 1/7
}

.academy-life .academy4 {
    background: url(/static/media/1007/4/17.png);
    background-size: 100% 100%;
    grid-column: 1/24;
    grid-row: 14/25
}

.academy-life .academy5 {
    background: url(/static/media/1007/4/19.png);
    background-size: 100% 100%;
    grid-column: 25/36;
    grid-row: 14/19
}

.academy-life .academy6 {
    background: url(/static/media/1007/4/18.png);
    background-size: 100% 100%;
    grid-column: 25/36;
    grid-row: 20/25
}

.academy-life .academy7 {
    background: url(/static/media/1007/4/25.webp);
    background-size: 100% 100%;
    grid-column: 37/48;
    grid-row: 14/25
}

.academy-life .academy8 {
    background: url(/static/media/1007/4/20.webp);
    background-size: 100% 100%;
    grid-column: 1/16;
    grid-row: 26/41
}

.academy-life .academy9 {
    background: url(/static/media/1007/4/22.webp);
    background-size: 100% 100%;
    grid-column: 17/31;
    grid-row: 26/41
}

.academy-life .academy10 {
    background: url(/static/media/1007/4/23.webp);
    background-size: 100% 100%;
    grid-column: 32/48;
    grid-row: 26/41
}

.consultation-popup {
    padding: 31px 24px;
    width: 80vw;
    max-width: 600px;
}

@media screen and (min-width:1024px) {
    .consultation-popup {
        width: 40vw
    }
}

.consultation-popup .main-input-wrapper:first-child {
    margin-top: 0
}

.consultation-popup .main-input-wrapper {
    margin-top: 21px
}

.consultation-popup .main-button {
    width: 100%
}

.course-popup {
    width: 85vw;
    height: 75vh;
    border-radius: 30px;
    overflow-y: hidden;
    scrollbar-width: none;
}

@media screen and (min-width:1024px) {
    .course-popup {
        height: 100vh;
    }
}

@media screen and (max-width: 1024px) {
    .course-popup {
        overflow-y: auto;
    }
}

.course-popup .our-course-whom__title {
    margin-left: 0
}

.course-popup .course-popup-header {
    position: relative;
    background: #004789;
    box-sizing: border-box;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 25px 35px
}

@media screen and (min-width:1024px) {
    .course-popup .course-popup-header {
        padding: 55px 70px
    }
}

.course-popup .course-popup-header__icon {
    display: none
}

@media screen and (min-width:1024px) {
    .course-popup .course-popup-header__icon {
        position: absolute;
        top: -25%;
        right: 5%
    }
}

.course-popup .course-popup-body {
    box-sizing: border-box;
    padding: 25px 35px
}

@media screen and (min-width:1024px) {
    .course-popup .course-popup-body {
        padding: 0px 55px 0px 70px
    }
}

.course-popup .course-popup-detailed {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

@media screen and (min-width:1024px) {
    .course-popup .course-popup-detailed {
        margin-top: 24px
    }
}

.course-popup .course-popup-detailed-block {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px
}

@media screen and (min-width:1024px) {
    .course-popup .course-popup-detailed-block {
        width: 48%;
        margin-top: 0
    }
}

.course-popup .course-popup-detailed-block-program {
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media screen and (min-width:1024px) {
    .course-popup .course-popup-detailed-block-program {
        width: 70%
    }
}

.course-popup .course-popup-detailed-block-icon {
    width: 70px
}

.course-popup .course-popup-detailed-block-desc {
    width: calc(100% - 90px)
}

.course-popup .course-popup-detailed-block__title {
    color: #008bd2;
    font-size: 18px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    margin: 0
}

.course-popup .course-popup-detailed-block__documents {
    color: #28282b;
    font-size: 18px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    font-weight: 500
}

.course-popup .course-popup-detailed-block-descriptions {
    margin-top: 5px
}

.course-popup .course-popup-detailed-block__description {
    color: #28282b;
    font-size: 16px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    margin: 0
}

.course-popup .course-popup-detailed-block__price {
    color: #28282b;
    font-size: 18px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    margin: 5px 0 0;
    font-weight: 700
}

.feedback-popup {
    width: 85vw;
    padding-bottom: 35px
}

@media screen and (min-width:1024px) {
    .feedback-popup {
        width: 60vw
    }
}

.feedback-popup .feedback-popup-header {
    position: relative;
    background: #008bd2;
    padding: 55px 70px;
    box-sizing: border-box;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.feedback-popup .feedback-popup__title {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    margin: 0
}

.feedback-popup .feedback-popup-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 55px 36px 0
}

.feedback-popup .feedback-popup-body__form {
    width: 100%
}

@media screen and (min-width:1024px) {
    .feedback-popup .feedback-popup-body__form {
        width: 70%
    }
}

.feedback-popup .feedback-popup-body__form .main-input-wrapper:first-child {
    margin-top: 0
}

.feedback-popup .feedback-popup-body__form .main-input-wrapper {
    margin-top: 33px
}

.feedback-popup .feedback-popup-body__photo {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

@media screen and (min-width:1024px) {
    .feedback-popup .feedback-popup-body__photo {
        width: 30%
    }
}

.feedback-popup .feedback-popup-body-upload,
.feedback-popup .feedback-popup-buttons {
    display: flex;
    justify-content: center;
    align-items: center
}

.feedback-popup .feedback-popup-body-upload {
    flex-direction: column;
    width: 135px;
    height: 129px;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    border-radius: 30px;
    padding: 8px;
    cursor: pointer
}

.feedback-popup .feedback-popup-body-upload__plus {
    font-weight: 600;
    font-size: 2em;
    color: #c4c4c4
}

.feedback-popup .feedback-popup-body-upload__text {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    margin: 8px 0 0;
    text-align: center;
    font-weight: 500
}

.feedback-popup .feedback-popup-body-rating {
    margin-top: 24px
}

.feedback-popup .feedback-popup-body-rating .feedback-popup-body-rating__icon:first-child {
    margin-left: 0
}

.feedback-popup .feedback-popup-body-rating__icon {
    color: #dbdbdb;
    margin-left: 14px;
    font-size: 1.2em;
    cursor: pointer
}

.feedback-popup .feedback-popup-body-rating__active {
    color: #73c9ff
}

.lecturer-popup {
    width: 85vw;
    padding: 0 15px 25px;
    box-sizing: border-box
}

@media screen and (min-width:576px) {
    .lecturer-popup {
        padding: 0 35px 25px
    }
}

@media screen and (min-width:1024px) {
    .lecturer-popup {
        padding: 0 80px 80px
    }
}

.lecturer-popup .lecturer__icon {
    margin-top: -54px
}

@media screen and (min-width:1024px) {
    .lecturer-popup .lecturer-course {
        color: #fff;
        font-size: 14px;
        line-height: 16px;
        font-family: "Montserrat", sans-serif;
        text-align: left
    }
}

@media screen and (min-width:1310px) {
    .lecturer-popup .lecturer-course {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        font-family: "Montserrat", sans-serif
    }
}

.lecturer-popup .lecturer-courses {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    width: 100%
}

@media screen and (min-width:1024px) {
    .lecturer-popup .lecturer-courses {
        justify-content: flex-start
    }
}

.lecturer-popup .lecturer-courses .lecturer-course:first-child {
    margin-left: 0
}

.lecturer-popup .lecturer-courses .lecturer-course {
    margin: 12px 0 0
}

.lecturer-popup .lecturer__education {
    text-align: left
}

.lecturer-popup .lecturer-popup-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

@media screen and (min-width:1024px) {
    .lecturer-popup .lecturer-popup-block {
        width: 50%
    }
}

.lecturer-popup .lecturer-popup-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.lecturer-popup .lecturer-popup-row_center {
    justify-content: center
}

.lecturer-popup .lecturer-popup-block__hobbies-title {
    color: #008bd2;
    font-size: 18px;
    line-height: 22px;
    font-family: "Montserrat", sans-serif;
    margin: 20px 0 0
}

.lecturer-popup .lecturer-popup-block__hobbies-text {
    color: #28282b;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    margin: 27px 0 0
}


.lecturer-profile {
    position: relative;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 34px;
    width: min(920px, 86vw);
    padding: 42px 46px 34px;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 18px 48px rgba(0, 71, 137, .14);
}

.lecturer-profile__close {
    position: absolute;
    top: 18px;
    right: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: #f2f8fc;
    color: #008bd2;
    cursor: pointer;
}

.lecturer-profile__close i {
    font-size: 22px;
}

.lecturer-profile__photo-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-right: 30px;
    border-right: 1px solid #e8f1f8;
}

.lecturer-profile__photo-wrap {
    width: 170px;
    height: 170px;
    padding: 8px;
    border-radius: 50%;
    background: #f5fbff;
    box-shadow: inset 0 0 0 1px #d8edf9;
    box-sizing: border-box;
}

.lecturer-profile__photo {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.lecturer-profile__photo-caption {
    margin-top: 18px;
    color: #8b9aaa;
    font-size: 14px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}

.lecturer-profile__content {
    min-width: 0;
}

.lecturer-profile__name {
    margin: 0;
    color: #1f2c44;
    font-size: 34px;
    line-height: 40px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.lecturer-profile__role {
    margin: 6px 0 18px;
    color: #8b9aaa;
    font-size: 15px;
    line-height: 22px;
    font-family: "Montserrat", sans-serif;
}

.lecturer-profile__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
}

.lecturer-profile__fact {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    padding: 9px 14px;
    border-radius: 999px;
    background: #f0f7ff;
    color: #3d5068;
    font-size: 13px;
    line-height: 18px;
    font-family: "Montserrat", sans-serif;
}

.lecturer-profile__fact i {
    color: #008bd2;
    font-size: 18px;
}

.lecturer-profile__section {
    margin-top: 18px;
}

.lecturer-profile__section h4 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 8px;
    color: #1f2c44;
    font-size: 16px;
    line-height: 22px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.lecturer-profile__section h4 i {
    color: #008bd2;
    font-size: 20px;
}

.lecturer-profile__section p {
    margin: 0;
    color: #5f6f82;
    font-size: 14px;
    line-height: 22px;
    font-family: "Montserrat", sans-serif;
}

.lecturer-profile__section_compact {
    margin-top: 14px;
}

.lecturer-profile__list {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lecturer-profile__list li {
    position: relative;
    padding-left: 17px;
    color: #5f6f82;
    font-size: 14px;
    line-height: 21px;
    font-family: "Montserrat", sans-serif;
}

.lecturer-profile__list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #008bd2;
}

.lecturer-profile__courses {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.lecturer-profile .lecturer-course,
.lecturer-profile .lecturer-courses .lecturer-course,
.lecturer-profile__courses .lecturer-course {
    width: auto;
    margin: 0;
    padding: 8px 14px;
    border-radius: 999px;
    background: #f0f7ff;
    color: #008bd2;
    font-size: 13px;
    line-height: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.lecturer-profile__button {
    margin-top: 24px;
    padding: 13px 32px;
}

@media screen and (max-width: 760px) {
    .lecturer-profile {
        grid-template-columns: 1fr;
        gap: 22px;
        width: calc(100vw - 34px);
        padding: 34px 22px 26px;
    }

    .lecturer-profile__photo-side {
        padding-right: 0;
        padding-bottom: 20px;
        border-right: 0;
        border-bottom: 1px solid #e8f1f8;
    }

    .lecturer-profile__photo-wrap {
        width: 136px;
        height: 136px;
    }

    .lecturer-profile__name {
        font-size: 26px;
        line-height: 32px;
    }

    .lecturer-profile__facts {
        flex-direction: column;
        align-items: flex-start;
    }
}

.lecturer {
    cursor: pointer;
}

.global-modal:has(.lecturer-profile) {
    animation: lecturerOverlayIn .22s ease both;
}

.global-modal:has(.lecturer-profile_closing) {
    animation: lecturerOverlayOut .22s ease both;
}

.lecturer-profile {
    animation: lecturerPopupIn .24s cubic-bezier(.2, .8, .2, 1) both;
    transform-origin: 50% 46%;
}

.lecturer-profile_closing {
    animation: lecturerPopupOut .2s ease both;
}


.controls {
    pointer-events: none;
}

.controls .left,
.controls .right {
    pointer-events: auto;
}

.global-portal__container:has(.lecturer-profile) {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    transform: none;
    transition: none;
}

.global-portal__container:has(.lecturer-profile) .global-modal {
    animation: lecturerOverlayIn .22s ease both;
}

.global-portal__container:has(.lecturer-profile_closing) .global-modal {
    animation: lecturerOverlayOut .22s ease both;
}
@keyframes lecturerOverlayIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes lecturerOverlayOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes lecturerPopupIn {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes lecturerPopupOut {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(12px) scale(.97);
    }
}

@media (prefers-reduced-motion: reduce) {
    .global-modal:has(.lecturer-profile),
    .global-modal:has(.lecturer-profile_closing),
    .lecturer-profile,
    .lecturer-profile_closing {
        animation: none;
    }
}
.quiz-popup {
    width: 85vw;
    box-sizing: border-box
}

.quiz-popup .quiz-popup-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    background: #73c9ff;
    border-radius: 30px;
    padding: 25px 35px
}

@media screen and (min-width:1024px) {
    .quiz-popup .quiz-popup-header {
        padding: 80px 55px
    }
}

.quiz-popup .quiz-popup__title {
    color: #fff;
    font-size: 36px;
    line-height: 44px;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    width: 100%;
    text-align: center
}

@media screen and (min-width:1024px) {
    .quiz-popup .quiz-popup__title {
        width: calc(100% - 110px);
        text-align: left
    }
}

.quiz-popup .quiz-popup__icon {
    display: none
}

@media screen and (min-width:1024px) {
    .quiz-popup .quiz-popup__icon {
        display: block;
        position: absolute;
        top: -16%;
        right: 5%
    }
}

.quiz-popup .quiz-popup-body {
    padding: 25px 35px
}

@media screen and (min-width:1024px) {
    .quiz-popup .quiz-popup-body {
        padding: 80px 55px
    }
}

.quiz-popup .quiz-popup-body__question {
    color: #008bd2;
    font-size: 24px;
    line-height: 29px;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    text-align: center;
    font-weight: 500
}

.quiz-popup .quiz-popup__answer {
    margin-top: 18px
}

.quiz-popup .quiz-popup-body-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    margin-top: 56px
}

@media screen and (min-width:576px) {
    .quiz-popup .quiz-popup-body-buttons {
        flex-direction: row
    }
}

.quiz-popup .quiz-popup-body-buttons .main-button,
.quiz-popup .quiz-popup-body-buttons .main-button-white {
    margin-top: 0;
    padding: 12px 55px
}

@media screen and (min-width:576px) {
    .quiz-popup .quiz-popup-body-buttons .main-button {
        margin: 0 0 0 29px
    }
}

.quiz-popup .quiz-popup-body-buttons .main-button-white {
    margin: 20px 0 0
}

@media screen and (min-width:576px) {
    .quiz-popup .quiz-popup-body-buttons .main-button-white {
        margin: 0 0 0 29px
    }
}

.quiz-popup .quiz-popup-body-course {
    text-align: center
}

.quiz-popup .quiz-popup-body-course .main-button {
    margin: 42px 0 0
}

.quiz-popup .quiz-popup-body-course__title {
    color: #008bd2;
    font-size: 20px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    margin: 19px 0 0;
    text-transform: uppercase
}

@media screen and (min-width:576px) {
    .quiz-popup .quiz-popup-body-course__title {
        color: #008bd2;
        font-size: 24px;
        line-height: 28px;
        font-family: "Montserrat", sans-serif
    }
}

@media screen and (min-width:1024px) {
    .quiz-popup .quiz-popup-body-course__title {
        color: #008bd2;
        font-size: 64px;
        line-height: 78px;
        font-family: "Montserrat", sans-serif
    }
}

.quiz-popup .quiz-popup-body-course__about {
    color: #ff5e5e;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    margin: 21px 0 0;
    text-decoration: underline;
    cursor: pointer
}

.success-block {
    display: flex;
    flex-direction: column;
    align-items: center
}

.success-block__icon {
    color: #7d0
}

.success-block__title {
    font-weight: 700
}

.success-block__text,
.success-block__title {
    color: #28282b;
    font-size: 16px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    margin: 10px 0 0
}

.success-block__text {
    text-align: center
}


/*# sourceMappingURL=main.48e821d0.chunk.css.map */

.matrix {
    width: 400px;
    margin: auto;
    text-align: justify;
}


/* begin Demo Not necessary   */


/* begin begin Back to Top button  */

.back_to_top {
    position: fixed;
    bottom: 80px;
    left: 40px;
    z-index: 9999;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #009FE3;
    color: white;
    cursor: pointer;
    border-radius: 2px;
    display: none;
}

.back_to_top:hover {
    background: #0291ce;
}

.back_to_top-show {
    display: block;
}

.master-block {
    width: 100%;
    margin: 82px auto 0;
    padding: 0 20px;
    box-sizing: border-box;
}

.master-block__inner {
    max-width: 1260px;
    margin: 0 auto;
    box-sizing: border-box;
}

.master-block__head {
    max-width: 980px;
    margin-bottom: 26px;
}

.master-logo {
    margin-bottom: 12px;
    padding-top: 0!important;
    text-align: left;
}

.master-block__subtitle {
    margin: 0;
    color: #28282b;
    font-size: 18px;
    line-height: 27px;
    font-family: "Montserrat", sans-serif;
}

.master-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.master-card {
    min-height: 100%;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(0, 139, 210, .18);
    box-sizing: border-box;
}

.master-card img {
    display: block;
    width: 100%;
    height: 165px;
    object-fit: cover;
}

.master-card__body {
    padding: 18px 20px 20px;
}

.master-card__title {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    align-items: start;
    margin-bottom: 12px;
}

.master-card__title i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #EBF8FF;
    color: #008bd2;
    font-size: 25px;
}

.master-card h3 {
    margin: 0;
    color: #004789;
    font-size: 18px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.master-card p {
    margin: 0 0 14px 56px;
    color: #28282b;
    font-size: 15px;
    line-height: 22px;
    font-family: "Montserrat", sans-serif;
}

.master-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: 56px;
}

.master-card__tags span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 3px 10px;
    border-radius: 4px;
    background: #EBF8FF;
    color: #004789;
    font-size: 13px;
    line-height: 18px;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 1024px) {
    .master-block__inner {
        max-width: 760px;
    }

    .master-cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .master-card {
        display: grid;
        grid-template-columns: 240px 1fr;
    }

    .master-card img {
        height: 100%;
        min-height: 210px;
    }
}

@media screen and (max-width: 680px) {
    .master-block {
        margin-top: 56px;
        padding: 0 20px;
    }

    .master-block__head {
        margin-bottom: 22px;
    }

    .master-block__subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    .master-card {
        display: block;
    }

    .master-card img {
        height: 175px;
        min-height: 0;
    }

    .master-card__body {
        padding: 18px;
    }

    .master-card__title {
        grid-template-columns: 38px 1fr;
        gap: 12px;
    }

    .master-card__title i {
        width: 38px;
        height: 38px;
        font-size: 23px;
    }

    .master-card p,
    .master-card__tags {
        margin-left: 50px;
    }
}
.bgSvg {
    background: #73c9ff;
    border-radius: 999px;
}

.cookieNotify {
    position: fixed;
    left: calc(50% - 350px);
    width: 700px;
    background: #444B5B;
    color: white;
    display: none;
    margin-bottom: 40px;
    padding: 10px;
    justify-content: space-around;
    border-radius: 5px;
    align-items: center;
    bottom: 0;
    border: 1px solid #a1a1a138;
    z-index: 999999999999999999999;
    box-sizing: border-box;
}

.cookieNotify.active {
    display: flex;
}

.cookieNotify button {
    background: #FEFEFE;
    border: none;
    padding: 0px 20px;
    height: 40px;
    border-radius: 5px;
    transition: all 150ms ease;
    cursor: pointer;
}

.cookieNotify button:hover {
    background-color: rgba(255, 255, 255, 0.795);
}

@media screen and (max-width: 870px) {
    .cookieNotify {
        width: 500px;
        left: calc(50% - 250px);
    }
    .cookieNotify button {
        margin-left: 20px;
    }
}

@media screen and (max-width: 600px) {
    .cookieNotify {
        width: 400px;
        left: calc(50% - 200px);
    }
    .cookieNotify.active {
        display: block;
    }
    .cookieNotify button {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (max-width: 460px) {
    .cookieNotify.active {
        width: 300px;
        left: calc(50% - 150px);
        display: block!important;
    }
    .cookieNotify button {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (max-width: 360px) {
    .cookieNotify.active {
        width: 250px;
        left: calc(50% - 125px);
        display: block!important;
    }
    .cookieNotify button {
        width: 100%;
        margin-left: 0;
    }
}

.burger-list.active {
    display: block;
    text-align: center;
}

.none {
    display: none;
}

.error {
    color: #ff5e5e;
    margin-top: 10px;
}

.mb {
    margin-top: 40px;
}

.jjhhj {
    width: 20%;
    margin: 20px auto;
}

@media screen and (max-width: 1205px) {
    .jjhhj {
        width: 40%;
    }
}

@media screen and (max-width: 994px) {
    .jjhhj {
        width: 100%;
    }
}

.description {
    margin-top: 27px;
    width: 50%;
    margin-left: 20px;
}

.flex {
    display: flex;
}

.w-50 {
    width: 50%;
}

.mb {
    margin-bottom: 10px;
}

.fixTop {
    margin-top: -45px;
}

@media screen and (max-width: 1025px) {
    .flex {
        flex-wrap: wrap;
    }
    .description {
        margin-left: 0;
        width: 100%;
        margin-bottom: 10px;
    }
}

.stata {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: minmax(118px, auto);
    gap: 14px;
    align-items: stretch;
    padding: 54px 20px 18px;
    width: 1120px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
}

.stata .element {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 118px;
    padding: 22px 24px 20px;
    border-radius: 8px;
    background: #f7fcff;
    border: 1px solid rgba(0, 139, 210, .16);
    box-sizing: border-box;
    overflow: hidden;
}

.stata .element:after {
    content: "";
    position: absolute;
    right: 18px;
    bottom: 16px;
    width: 42px;
    height: 4px;
    border-radius: 4px;
    background: rgba(0, 139, 210, .22);
}

.stata .element:first-child {
    grid-column: span 4;
    grid-row: span 2;
    min-height: 250px;
    background: #008bd2;
    border-color: #008bd2;
    color: #fff;
}

.stata .element:nth-child(2),
.stata .element:nth-child(3) {
    grid-column: span 4;
}

.stata .element:nth-child(4) {
    grid-column: span 3;
}

.stata .element:nth-child(5) {
    grid-column: span 2;
}

.stata .element:nth-child(6) {
    grid-column: span 3;
}

.stata .bold {
    position: relative;
    z-index: 1;
    color: #004789;
    font-size: 24px;
    line-height: 29px;
    font-weight: bold;
    margin: 0 0 28px;
}

.stata .element:first-child .bold {
    color: #fff;
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 0;
}

.stata .element > div:not(.bold) {
    position: relative;
    z-index: 1;
    color: #28282b;
    font-size: 17px;
    line-height: 23px;
    max-width: 92%;
}

.stata .element:first-child > div:not(.bold) {
    color: #fff;
    font-size: 22px;
    line-height: 29px;
    max-width: 88%;
}

.stata .element:first-child:after {
    width: 86px;
    height: 6px;
    background: rgba(255, 255, 255, .42);
}

@media screen and (max-width: 1100px) {
    .stata {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        width: 820px;
    }

    .stata .element:first-child,
    .stata .element:nth-child(2),
    .stata .element:nth-child(3),
    .stata .element:nth-child(4),
    .stata .element:nth-child(5),
    .stata .element:nth-child(6) {
        grid-column: span 3;
        grid-row: span 1;
        min-height: 132px;
    }

    .stata .element:first-child .bold {
        font-size: 32px;
        line-height: 38px;
    }

    .stata .element:first-child > div:not(.bold) {
        font-size: 18px;
        line-height: 24px;
    }
}

@media screen and (max-width: 680px) {
    .stata {
        grid-template-columns: 1fr;
        gap: 10px;
        width: calc(100% - 40px);
        max-width: none;
        padding: 38px 0 12px;
    }

    .stata .element:first-child,
    .stata .element:nth-child(2),
    .stata .element:nth-child(3),
    .stata .element:nth-child(4),
    .stata .element:nth-child(5),
    .stata .element:nth-child(6) {
        grid-column: auto;
        min-height: 0;
    }

    .stata .element {
        padding: 18px 18px 16px;
    }

    .stata .bold,
    .stata .element:first-child .bold {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 18px;
    }

    .stata .element > div:not(.bold),
    .stata .element:first-child > div:not(.bold) {
        font-size: 16px;
        line-height: 22px;
        max-width: calc(100% - 54px);
    }
}

/* Popup */

.skt-popup__wrapper {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 3;
    animation: opacity .4s;
    transition: opacity .2s;
    overflow-y: scroll;
}

.skt-popup__wrapper--open {
    display: flex;
}

.skt-popup__wrapper--closing {
    display: flex;
    opacity: 0;
}

.skt-popup {
    margin: auto;
    width: 960px;
    background: white;
    border-radius: 16px;
    padding: 48px;
    box-shadow: 0px 12px 48px rgba(0, 0, 0, .4);
    animation: bottom .4s;
    transition: transform .2s;
    color: black;
}

.skt-popup p {
    font-size: 1rem;
    margin: 0 0 8px;
}

.skt-popup__wrapper--closing .skt-popup {
    transform: translateY(100px);
}

.skt-popup-header {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 48px;
    /* justify-content: space-between; */
}

.skr-popup-header__image {
    width: 96px;
    height: 96px;
    background-position: center;
    background-size: cover;
    margin-right: 32px;
    align-self: center;
}

.skt-popup__title {
    margin: 0 auto 0 0;
    max-width: 500px;
    font-size: 3rem;
}

.skt-popup-header__actions {
    display: flex;
    align-items: center;
}

.skt-popup-header__link {
    color: #7C5EA4;
    opacity: .54;
}

.skt-popup__close {
    border: none;
    background: none;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background-image: url(close.svg);
    opacity: .54;
    margin-left: 48px;
    transition: opacity .2s;
}

.skt-popup__close:hover {
    opacity: 1;
}

.skt-popup-description-item {
    margin-bottom: 32px;
}

.skt-popup .skt-popup__text-primary {
    font-size: 1.5rem;
    margin: 0 0 32px;
}

.skt-popup__achievement {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
    max-width: 60%;
}

.skt-popup__achievement img {
    margin-right: 12px;
}

.skt-popup-icon-item {
    display: flex;
    align-items: center;
}

.skt-popup-icon-item__icon {
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    margin-right: 12px;
}

.popup_button_book {
    width: 260px;
    margin-top: 24px;
    padding: 10px 23px;
    border-width: 1px;
    border-radius: 30px;
    background-color: #ff5e5e;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    color: white;
}

.popup_button_book:hover {
    cursor: pointer;
}

#specialButton:hover {
    text-decoration: underline;
}

.subheader {
    position: absolute;
    top: 0;
    left: 0;
    background: red;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: #73c9ff6e;
    padding-top: 5px;
    padding-bottom: 5px;
}

.subheader i {
    color: #FF9047;
    margin-right: 5px;
}

.mth {
    margin-top: 30px;
}

.navbar.mth {
    margin-top: 67px;
}

.click {
    cursor: pointer;
}

.bottomheader {
    position: absolute;
    top: 34px;
    left: 0;
    background: #FFFFFF;
    width: 100%;
    display: flex;
    font-size: 14px;
    padding: 5px;
    border-bottom: 1px solid #73c9ff6e;
}

.bottomheader div {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.bottomheader i {
    margin-right: 5px;
    color: #c9c9c9;
    font-size: 16px;
}

.nright {
    justify-content: right;
    position: absolute;
    right: 10px;
}

#specialButton {
    cursor: pointer;
}

.topheader a {
    text-decoration: none!important;
    color: black!important;
}

@media screen and (max-width: 1919px) {
    .mth {
        margin-top: 40px;
    }
    .navbar.mth {
        margin-top: 87px;
    }
}

@media screen and (max-width: 1400px) {
    .px1280 {
        display: none!important;
    }
}

@media screen and (max-width: 920px) {
    .px880 {
        display: none!important;
    }
    .px8801 {
        font-size: 12px;
    }
}

@media screen and (max-width: 880px) {
    .px6201 {
        display: block;
    }
    .bottomheader {
        border: none;
    }
}

@media screen and (max-width: 620px) {
    .bottomheader {
        display: grid;
        justify-content: center;
    }
    .nright {
        right: 0;
        position: relative;
        display: block;
        width: 100%;
        margin-top: 5px;
        margin-left: -58px;
    }
}

@media screen and (max-width: 1300px) {
    .navbar.mth {
        margin-top: 92px;
    }
}

.twoGis {
    margin-bottom: 20px;
}

#ccourse {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 110px;
    position: relative;
    z-index: 1;
}

.course {
    width: 295px;
    margin-bottom: 100px;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
    padding: 40px;
    border-radius: 10px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    background: #fff;
}

.course-icon-frame {
    position: absolute;
    top: -76px;
    left: calc(50% - 88.5px);
    width: 182px;
    height: 170px;
    overflow: visible;
    pointer-events: none;
}

.course-icon-frame svg,
.course svg {
    display: block;
    width: 182px !important;
    height: 170px !important;
    max-width: 182px !important;
    max-height: 170px !important;
    position: static !important;
    inset: auto !important;
    /* position: absolute;
    top: -76px;
    left: calc(50% - 74.5px);
    width: 162px;
    height: 150px; */
}

.our-course__title {
    font-weight: bold;
    margin-top: 60px;
    height: 50px;
}

.our-course-skill {
    display: grid;
}

.our-course-skill p {
    margin-bottom: 10px;
}

.mor {
    position: absolute;
    bottom: 30px;
    left: calc(50% - 60px);
    width: 100px;
}

@media screen and (max-width: 875px) {
    #ccourse {
        justify-content: center!important;
        margin-top: 120px;
    }
    .course {
        width: 90%;
    }
}

.container-page__title {
    padding-top: 50px;
}

.our-course__title {
    cursor: pointer;
}

.course .our-course__title {
    margin-top: 90px;
}

.navbar__li {
    white-space: nowrap;
}

.banner {
    margin-top: 128px;
}

#content_info {
    margin: 200px auto 0px!important;
    width: calc(100% - 400px)!important;
}

@media screen and (max-width: 1140px) {
    #content_info {
        width: calc(100% - 200px)!important;
    }
}

@media screen and (max-width: 780px) {
    #content_info {
        width: calc(100% - 50px)!important;
    }
}

@media screen and (max-width: 425px) {
    #content_info {
        width: calc(100% - 0px)!important;
    }
}

.roadmapPC {
    width: 100%;
    margin: 0 auto;
}

.roadmapMO {
    max-width: 300px;
    width: 100%;
    max-height: 300px;
    margin: 0 auto;
    display: none;
}

@media screen and (max-width: 1024px) {
    .roadmapMO {
        display: block;
    }
    .roadmapPC {
        display: none;
    }
}

.text-muted {
    color: #bdbdbd;
}

@media screen and (max-width: 400px) {
    #content_info {
        min-width: 400px;
    }
}

@media screen and (max-width: 1445px) {
    .navbar {
        padding: 15px 10%;
    }
}

@media screen and (max-width: 1301px) {
    .navbar.mth {
        margin-top: 85px;
    }
}

@media screen and (max-width: 1300px) {
    .navbar {
        padding: 15px 7%;
    }
}

@media screen and (max-width: 1250px) {
    .navbar {
        padding: 15px 3%;
    }
}

@media screen and (max-height: 920px) {
    .course-popup {
        overflow: auto;
    }
    .course-popup {
        scrollbar-width: thin;
        scrollbar-color: #A7A7A7 #ffffff00;
    }
}

.course-popup::-webkit-scrollbar {
    width: 5px;
    /* ширина scrollbar */
    scrollbar-width: 5px;
}

.course-popup::-webkit-scrollbar-thumb {
    background-color: #A7A7A7!important;
    /* padding вокруг плашки */
    border-radius: 10px;
}

h3.lecturer__name {
    cursor: pointer;
    z-index: 328898345;
}

.lecturer__name-block {
    cursor: pointer;
    z-index: 328898345;
}

.isOnline {
    position: absolute;
    width: 80px;
    right: -25px;
    top: -35px;
}

.header-block-numbers a {
    font-weight: 500;
}

.d-flex-footer {
    display: flex;
}

.license {
    margin-left: 25px;
    position: relative;
    top: -78px;
}



.license img {
    width: 150px;
    cursor: pointer;
    border-radius: 5px;
    display: block;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999;
    width: 100%;
    height: 100%;
}

.modal .background {
    background: black;
    width: 100%;
    height: 100%;
    opacity: .6;
}

.modal-body {
    background: white;
    position: absolute;
    top: 5%;
    left: calc(50% - 530px);
    width: 1000px;
    padding: 30px;
    border-radius: 5px;
    -webkit-animation: showModal .3s;
    animation: showModal .3s;
    max-height: 90%;
    overflow: auto;
}

.modal .info {
    margin-left: 30px;
    padding: 0px 10px;
    position: relative;
}

.info .selectric-wrapper {
    margin-top: 10px;
}

.modal #addbasket,
.modal #backbasket {
    display: flex;
    align-items: center;
    background: #40b6e9;
    color: white;
    border-radius: 5px;
    padding: 10px 30px;
    margin-top: 20px;
    cursor: pointer;
    width: 210px;
    background: rgb(0, 159, 227);
    background: linear-gradient(104deg, rgba(0, 159, 227, 1) 0%, rgba(0, 139, 210, 1) 97%);
    white-space: nowrap;
    text-align: center;
    justify-content: center;
}

#addbasket.danger {
    background: #c52e2e!important;
}

.modal #addbasket:hover,
.modal #backbasket:hover {
    background-position: 210px;
}

.modal .critical {
    text-decoration: none!important;
    font-size: 14px;
    background: #ff4343;
    border-radius: 5px;
    color: white;
    padding: 2px 5px;
    margin-left: 15px;
}

.modal-title .title {
    font-weight: 600;
    font-size: 24px;
}

.modal-title {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#modal-close>span {
    font-size: 30px;
    cursor: pointer;
}

#modal-close>span:hover {
    transform: rotate(90deg);
}


/* .modal .modal-content {
	-webkit-animation: showModal .3s;
	animation: showModal .3s;
}*/

.modal-body.animate {
    -webkit-animation: hideModal .15s forwards;
    animation: hideModal .15s forwards
}

@-webkit-keyframes showModal {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showModal {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes hideModal {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes hideModal {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

.d-none {
    display: none;
}

#modal-close {
    width: 30px;
    height: 30px;
    transition: all 150ms ease;
}

#modal-close:hover {
    transform: rotate(90deg)
}

#license img {
    width: 600px;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}

.deactive {
    overflow: hidden;
}

@media screen and (max-width: 1080px) {
    .modal-body {
        width: 800px;
        left: calc(50% - 430px);
    }
}

@media screen and (max-width: 870px) {
    .modal-body {
        width: calc(100% - 90px);
        left: 15px;
    }
}

@media screen and (max-width: 650px) {
    #license img {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .banner {
        margin-top: 190px!important;
    }
}

.cpp-fix {
    white-space: nowrap;
}

button:disabled {
    opacity: .5;
    pointer-events: none;
}

.consultation-popup .checkbox-label:first-child {
    margin-top: 20px;
    display: block;
}

.consultation.dark .form-checkbox__label {
    color: white;
}

.consultation.dark a {
    color: #48c1ff;
}

#checkbox1, #checkbox2, .checkbox3, .checkbox4 {
    margin-right: 10px;
}

@media screen and (max-width:1200px) {
    footer {
        display: grid!important;
        justify-content: center!important;
    }

    .d-flex-footer {
        max-width: 375px!important;
        width: 100%;
        margin: 0 auto!important;
    }

    footer .information {
        padding-left: 0!important;
        display: grid!important;
        width: 100%;
    }

    footer section {
        width: 100%!important;
        margin-top: 40px;
    }

    footer section a {
        text-align: center!important;
    }
}

.t1 {
    position: relative;
}

footer .hblock {
    text-align: center;
    font-size: 32px;
    margin-top: -45px;
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 16px;
}

footer .hblock {
    margin-top: -57px;
}

footer .hblock.email {
    font-size: 18px;
    margin-top: -40px;
    text-align: left;
    padding-top: 0px;
}

footer h3 {
    font-size: 28px;
}

@media screen and (max-width:1400px) {
    .t1 img {
        width: 250px!important;
    }

    footer .footer-icons__icon i {
        font-size: 14px;
    }

    footer .footer-icons__icon img {
        width: 14px!important;
    }

    footer .footer-icons__icon {
        width: 32px;
        height: 32px;
    }

    .license img {
        width: 115px!important;
    }

    .license {
        margin-left: -35px;
    }

    footer .main-button {
        width: calc(100% + 115px);
        max-width: 375px;
        margin-left: 80px;
    }

    footer .hblock {
        font-size: 24px;
    }
}

@media screen and (max-width:1200px) {
    .t1 {
        margin-top: 50px;
    }

    .license img {
        margin-top: 15px;
    }

    .footer h3 {
        text-align: center;
    }

    footer .footer-icons__icon i {
        font-size: 28px;
    }

    footer .footer-icons__icon img {
        width: 28px!important;
    }

    footer .footer-icons__icon {
        width: 45px;
        height: 45px;
    }
    
    footer button {
        width: 100%;
    }
}

@media screen and (max-width:470px) {
    .t1 img {
        width: 200px!important;
    }

    footer .footer-icons__icon {
        width: 28px;
        height: 28px;
    }

    .license img {
        width: 85px!important;
    }

    .d-flex-footer {
        max-width: 305px!important;
    }

    footer .main-button {
        max-width: 300px;
        margin-left: 55px;
    }

    footer .footer-icons__icon i {
        font-size: 20px!important;
    }

    footer .footer-icons__icon img {
        width: 20px!important;
    }

    .footer-icons-block {
        justify-content: left;
        width: 100%;
    }
    
    .footer-icons-block a {
        justify-content: center;
    }
}

@media screen and (max-width:1200px) {
    .footer {
        padding-top: 50px;
    }
    .license {
        position: relative;
        top: -35px;
    }
}

.footer section {
    position: relative;
    top: 23px!important;
}

@media screen and (max-width: 1478px) {
    .footer section {
        position: relative;
        top: 35px!important;
    }
}


@media screen and (max-width: 1400px) {
    .footer section {
        position: relative;
        top: 50px!important;
    }
}

@media screen and (max-width: 1344px) {
    .footer section {
        position: relative;
        top: 60px!important;
    }
}


footer a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 570px) {
    .header-block-logo__mobile {
        margin-left: -40px;
    }
}

@media screen and (max-width: 1752px) {
    .header-block {
        width: 25%;
        margin-right: 50px;
    }

    .phone {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1660px) {
    .header-block {
        width: 20%;
        margin-right: 70px;
        margin-left: 20px;
    }
}

@media screen and (max-width: 1395px) {
    .header-cities {
        max-width: auto;
        min-width: 238px;
    }
}

@media screen and (max-width: 1250px) {
    .header-cities {
        max-width: auto;
        min-width: auto;
    }

    .header-block-city-select {
        width: 190px;
        margin-left: -80px;
    }
}

@media screen and (max-width: 1180px) {
    .header-block-address.time {
        display: none;
    }
}

@media screen and (max-width: 1135px) {
    .phone button {
        min-width: auto;
        padding: 5px 10px;
        font-size: 13px;
        width: 206px;
    }
}

@media screen and (max-width: 1024px) {
    .phone {
        margin-right: 0px;
    }
    .header-block-city-select {
        width: 210px;
        margin-left: 0px;
        margin-top: 65px;
    }
}

#FAQ details {
    border: 1px solid #008bd221;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #008bd21c;
    box-shadow: 0px 0px 10px 3px #008bd21c;
    cursor: pointer;
    transition: all 150ms ease;
}

summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:inline-block;
   padding: 15px;
   padding-left: 35px;
   font-size:1.4em;
   cursor: pointer;
   position: relative;
   width: 100%;
}
summary:before {  
  left: .3em;
  top: 15px;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}
details[open] > summary:before {
  transform: rotateZ(90deg);
}
summary ~ * {
   padding:0 1em 0 1em;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
details{
  display:block;
  margin-bottom: .5rem;
}

.academy-life .box {
    cursor: pointer;
}

.photoopen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    padding: 20px;
}

.photoopen .relative {
    z-index: 999999;
    position: relative;
    width: 100%;
    height: 100%;
}

.filter {
    background: #000000b5;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
}

.photoopen .box {
    z-index: 15;
    margin: 0 auto;
    position: relative;
}

.photoopen.X .box {
    max-width: 750px;
    max-height: 500px;
}

.photoopen.Y .box {
    max-width: 500px;
    max-height: 750px;
}

.photoopen.P .box {
    max-width: 450px;
    max-height: 450px;
}

.photoopen .close {
    position: absolute;
    z-index: 34214234233;
    color: white;
    top: -15px;
    right: 10px;
    font-size: 72px;
    cursor: pointer;
}

.photoopen.X .right {
    position: absolute;
    top: 225px;
    right: -65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: 1000;
    background: #0089d1;
    color: white;
    padding-left: 5px;
}

.photoopen.X .left {
    position: absolute;
    top: 225px;
    left: -65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: 1000;
    background: #0089d1;
    color: white;
    padding-right: 5px;
}

.photoopen.Y .right {
    position: absolute;
    top: 350px;
    right: -65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: 1000;
    background: #0089d1;
    color: white;
    padding-left: 5px;
}

.photoopen.Y .left {
    position: absolute;
    top: 350px;
    left: -65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: 1000;
    background: #0089d1;
    color: white;
    padding-right: 5px;
}

.photoopen.N .right {
    position: absolute;
    top: 275px;
    right: -65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: 1000;
    background: #0089d1;
    color: white;
    padding-left: 5px;
}

.photoopen.N .left {
    position: absolute;
    top: 275px;
    left: -65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: 1000;
    background: #0089d1;
    color: white;
    padding-right: 5px;
}

.photoopen.P .right {
    position: absolute;
    top: 225px;
    right: -65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: 1000;
    background: #0089d1;
    color: white;
    padding-left: 5px;
}

.photoopen.P .left {
    position: absolute;
    top: 225px;
    left: -65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: 1000;
    background: #0089d1;
    color: white;
    padding-right: 5px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#BLOG {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#BLOG img {
    max-width: 100%;
    border-radius: 5px;
}

#BLOG .article {
    width: 300px;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px;
}

#BLOG .filter {
    background-color: rgba(0, 0, 0, 0.49);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    box-shadow: inset 0 0 30px rgb(12 140 208 / 70%);
    border-radius: 5px;
    transition: all 150ms ease;
}

#BLOG .filter:hover {
    box-shadow: inset 0 0 90px rgb(12 140 208 / 80%);
}

#BLOG h2 {
    width: 100%;
}

#BLOG h3 {
    position: absolute;
    top: -10px;
    left: 10px;
    color: white;
    z-index: 101;
    width: 87%;
}

#BLOG .publish {
    position: absolute;
    bottom: 10px;
    color: white;
    left: 10px;
    z-index: 102;
}

@media screen and (max-width: 1024px) {
    #BLOG {
        justify-content: center;
    }
}

.review {
    width: 300px !important;
    border-radius: 10px;
    padding: 10px;
    margin-right: 20px;
    position: relative;
    padding-bottom: 65px;
    cursor: pointer;
    transition: all 150ms ease;
}

.review:hover {
    transform: scale(1.01);
}

.twoGis {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.review .inf {
    display: grid;
}

.review .author {
    font-size: 16px;
}

.review .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.review .rating {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating .ratingValue {
    font-size: 30px;
    font-weight: 600;
}

.rating .material-icons {
    color: #fd914d;
    font-size: 28px;
}

.review .link {
    position: absolute;
    bottom: 10px;
    padding: 10px;
    background: #fc625f;
    color: white;
    border-radius: 10px;
    cursor: pointer;
    transition: all 150ms ease;
}


.review .link:hover {
    background: #fc625fc4;
}

@media screen and (max-width: 720px) {
    #BLOG .article {
        margin-right: 0px;
    }

    #BLOG {
        display: grid;
    }
}

.photoopen.N .box {
    max-width: 750px;
    max-height: 570px;
}

#BLOG .morebox {
    width: 100%;
    margin-top: 40px;
}

#BLOG .more {
    border: 1px solid #ff5e5ea6;
    background: #ff5e5e;
    padding: 15px 30px;
    border-radius: 10px;
    color: white;
    cursor: pointer;
    transition: all 150ms ease;
}

#BLOG .more:hover {
    background: #ff5e5ec3;
}
/* Smooth lecturer modal close without backdrop flicker */
.global-modal:has(.lecturer-profile),
.global-modal:has(.lecturer-profile_closing),
.global-portal__container:has(.lecturer-profile) .global-modal,
.global-portal__container:has(.lecturer-profile_closing) .global-modal {
    animation: none !important;
    opacity: 1 !important;
}

.global-portal__container:has(.lecturer-profile) {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transform: none !important;
    transition: none !important;
}

.lecturer-profile {
    animation: lecturerPopupInClean .2s cubic-bezier(.2, .8, .2, 1) both !important;
    backface-visibility: hidden;
    will-change: transform, opacity;
}

.lecturer-profile_closing {
    pointer-events: none;
    animation: lecturerPopupOutClean .18s cubic-bezier(.4, 0, .2, 1) both !important;
}

@keyframes lecturerPopupInClean {
    from {
        opacity: 0;
        transform: translate3d(0, 12px, 0) scale(.985);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes lecturerPopupOutClean {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 8px, 0) scale(.985);
    }
}
/* Stable lecturer portal animation */
.lecturer-portal {
    background: rgba(0, 0, 0, .34) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transition: none !important;
}

.lecturer-portal_closing {
    animation: lecturerPortalBgOutStable .18s cubic-bezier(.4, 0, .2, 1) both !important;
}

.lecturer-portal .global-portal__container {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transform: none !important;
    transition: none !important;
}

.lecturer-portal .global-modal {
    animation: none !important;
    opacity: 1 !important;
}

.lecturer-portal .lecturer-profile {
    animation: lecturerPopupInStable .18s cubic-bezier(.2, .8, .2, 1) both !important;
    transform-origin: 50% 46%;
    backface-visibility: hidden;
    will-change: transform, opacity;
}

.lecturer-portal .lecturer-profile_closing {
    pointer-events: none;
    animation: lecturerPopupOutStable .16s cubic-bezier(.4, 0, .2, 1) both !important;
}

@keyframes lecturerPortalBgOutStable {
    from {
        background: rgba(0, 0, 0, .34);
    }
    to {
        background: rgba(0, 0, 0, 0);
    }
}

@keyframes lecturerPopupInStable {
    from {
        opacity: 0;
        transform: translate3d(0, 10px, 0) scale(.99);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes lecturerPopupOutStable {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 6px, 0) scale(.99);
    }
}
/* Saikt life section */
.saikt-life-wrapper {
    margin-top: 76px;
}

.saikt-life-wrapper .container-page__title {
    color: #004985;
}

.saikt-life {
    margin-top: 10px;
}

.saikt-life__subtitle {
    max-width: 780px;
    margin: 0 0 28px;
    color: #5f6f82;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    line-height: 26px;
}

.saikt-life__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.saikt-life-card {
    overflow: hidden;
    min-width: 0;
    border: 1px solid #d8edf9;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(0, 84, 132, .08);
}

.saikt-life-card__image {
    display: block;
    width: 100%;
    height: 174px;
    object-fit: cover;
}

.saikt-life-card__body {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    min-height: 132px;
    padding: 16px 18px 18px;
    background: #f4fbff;
}

.saikt-life-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #fff;
    color: #008bd2;
    box-shadow: inset 0 0 0 1px #d8edf9;
}

.saikt-life-card__icon i {
    font-size: 24px;
}

.saikt-life-card__title {
    margin: 0 0 8px;
    color: #004985;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
}

.saikt-life-card__text {
    margin: 0;
    color: #344357;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

@media screen and (max-width: 1023px) {
    .saikt-life-wrapper {
        margin-top: 56px;
    }

    .saikt-life__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .saikt-life-card__image {
        height: 160px;
    }
}

@media screen and (max-width: 640px) {
    .saikt-life-wrapper {
        margin-top: 42px;
    }

    .saikt-life__subtitle {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 23px;
    }

    .saikt-life__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .saikt-life-card__image {
        height: 150px;
    }

    .saikt-life-card__body {
        grid-template-columns: 44px minmax(0, 1fr);
        min-height: 0;
        padding: 14px;
    }

    .saikt-life-card__icon {
        width: 38px;
        height: 38px;
    }

    .saikt-life-card__title {
        font-size: 16px;
        line-height: 21px;
    }

    .saikt-life-card__text {
        font-size: 13px;
        line-height: 19px;
    }
}
/* Tighten Saikt life section spacing */
.saikt-life-wrapper {
    margin-top: 34px !important;
}

.saikt-life {
    margin-top: 0 !important;
}

.saikt-life__subtitle {
    margin-bottom: 22px !important;
}

.saikt-life-card {
    background: #f4fbff !important;
}

.saikt-life-card__image {
    vertical-align: top;
}

.saikt-life-card__body {
    min-height: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

@media screen and (max-width: 1023px) {
    .saikt-life-wrapper {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 640px) {
    .saikt-life-wrapper {
        margin-top: 24px !important;
    }
}
/* Student achievements section */
.student-achievements-wrapper {
    margin-top: 42px;
}

.student-achievements-wrapper .container-page__title {
    color: #004985;
}

.student-achievements {
    position: relative;
    overflow: hidden;
    padding: 30px 32px 34px;
    border: 1px solid #d8edf9;
    border-radius: 8px;
    background: #f8fcff;
    box-shadow: 0 14px 30px rgba(0, 84, 132, .08);
}

.student-achievements__intro {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    max-width: 860px;
    margin: 0 auto 24px;
    text-align: left;
}

.student-achievements__icon,
.student-achievement-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 8px;
    background: #eef9ff;
    color: #008bd2;
    box-shadow: inset 0 0 0 1px #d8edf9;
}

.student-achievements__icon i,
.student-achievement-card__icon i {
    font-size: 25px;
}

.student-achievements__intro p {
    margin: 0;
    color: #344357;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    line-height: 26px;
}

.student-achievements__total {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 16px;
    margin-bottom: 28px;
}

.student-achievements__total strong {
    color: #ff5b62;
    font-family: "Montserrat", sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1;
}

.student-achievements__total span {
    color: #1f2c44;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}

.student-achievements__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.student-achievement-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 188px;
    padding: 20px 18px 18px;
    border: 1px solid #d8edf9;
    border-bottom: 3px solid #008bd2;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 22px rgba(0, 84, 132, .06);
}

.student-achievement-card:nth-child(odd) {
    border-bottom-color: #ff5b62;
}

.student-achievement-card__value {
    margin-top: 18px;
    color: #ff5b62;
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
}

.student-achievement-card__text {
    margin: 10px 0 0;
    color: #2f3e52;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.student-achievements__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 270px;
    margin: 26px auto 0;
    padding: 13px 24px;
    border: 1px solid #008bd2;
    border-radius: 999px;
    background: #fff;
    color: #008bd2;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.student-achievements__button:hover {
    background: #008bd2;
    color: #fff;
    box-shadow: 0 10px 20px rgba(0, 139, 210, .18);
}

.student-achievements__button i {
    font-size: 20px;
}

.achievement-portal .global-portal__container {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transform: none !important;
}

.achievement-gallery {
    position: relative;
    width: min(1060px, calc(100vw - 36px));
    max-height: calc(100vh - 42px);
    overflow: auto;
    padding: 26px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0, 38, 70, .28);
}

.achievement-gallery__close {
    position: absolute;
    top: 18px;
    right: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 8px;
    background: #eef9ff;
    color: #008bd2;
    cursor: pointer;
}

.achievement-gallery__close i {
    font-size: 22px;
}

.achievement-gallery__header {
    padding-right: 48px;
    margin-bottom: 18px;
}

.achievement-gallery__header h3 {
    margin: 0 0 6px;
    color: #004985;
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
}

.achievement-gallery__header p {
    margin: 0;
    color: #5f6f82;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 22px;
}

.achievement-gallery__viewer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    padding: 16px 58px;
    border: 1px solid #d8edf9;
    border-radius: 8px;
    background: #f8fcff;
}

.achievement-gallery__image {
    display: block;
    max-width: 100%;
    max-height: 62vh;
    object-fit: contain;
    border-radius: 6px;
}

.achievement-gallery__arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #008bd2;
    box-shadow: 0 8px 18px rgba(0, 84, 132, .16);
    cursor: pointer;
    transform: translateY(-50%);
}

.achievement-gallery__arrow_prev {
    left: 14px;
}

.achievement-gallery__arrow_next {
    right: 14px;
}

.achievement-gallery__thumbs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.achievement-gallery__thumb {
    overflow: hidden;
    height: 92px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 8px;
    background: #eef9ff;
    cursor: pointer;
}

.achievement-gallery__thumb_active {
    border-color: #008bd2;
}

.achievement-gallery__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 1023px) {
    .student-achievements {
        padding: 26px 22px 30px;
    }

    .student-achievements__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .student-achievement-card {
        min-height: 160px;
    }
}

@media screen and (max-width: 640px) {
    .student-achievements-wrapper {
        margin-top: 30px;
    }

    .student-achievements {
        padding: 22px 16px 24px;
    }

    .student-achievements__intro {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 18px;
    }

    .student-achievements__intro p {
        font-size: 15px;
        line-height: 23px;
    }

    .student-achievements__total {
        align-items: center;
        flex-direction: column;
        gap: 4px;
        margin-bottom: 20px;
        text-align: center;
    }

    .student-achievements__total strong {
        font-size: 48px;
    }

    .student-achievements__total span {
        font-size: 18px;
        line-height: 24px;
    }

    .student-achievements__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .student-achievement-card {
        min-height: 0;
        padding: 16px;
    }

    .student-achievement-card__value {
        margin-top: 14px;
        font-size: 32px;
    }

    .student-achievements__button {
        width: 100%;
        min-width: 0;
    }

    .achievement-gallery {
        width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
        padding: 18px;
    }

    .achievement-gallery__header h3 {
        font-size: 23px;
        line-height: 29px;
    }

    .achievement-gallery__viewer {
        min-height: 250px;
        padding: 12px 0;
    }

    .achievement-gallery__arrow {
        width: 36px;
        height: 36px;
        background: rgba(255, 255, 255, .92);
    }

    .achievement-gallery__arrow_prev {
        left: 8px;
    }

    .achievement-gallery__arrow_next {
        right: 8px;
    }

    .achievement-gallery__thumbs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* Decorated achievements layout */
.student-achievements-wrapper {
    position: relative;
    overflow: hidden !important;
    box-sizing: border-box;
    width: 73.4%;
    max-width: 1420px;
    margin: 54px auto 0 !important;
    padding: 34px 38px 38px !important;
    border: 1px solid #d8edf9 !important;
    border-radius: 8px;
    background:
        radial-gradient(circle, rgba(0, 139, 210, .13) 1.5px, transparent 1.6px) 34px 104px / 15px 15px no-repeat,
        radial-gradient(circle at 92% 18%, rgba(232, 246, 255, .95) 0 58px, transparent 59px),
        linear-gradient(180deg, #fbfdff 0%, #f7fcff 100%) !important;
    box-shadow: 0 16px 34px rgba(0, 84, 132, .07) !important;
}

.student-achievements-wrapper:before {
    position: absolute;
    top: 56px;
    right: 82px;
    width: 156px;
    height: 84px;
    border-top: 2px dashed rgba(0, 139, 210, .18);
    border-radius: 50%;
    content: "";
    transform: rotate(-18deg);
    pointer-events: none;
}

.student-achievements-wrapper:after {
    position: absolute;
    top: 82px;
    right: 74px;
    color: #ff5b62;
    content: "✦";
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

.student-achievements-wrapper .container-page__title {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    max-width: none;
    margin: 0 0 14px;
    padding-top: 0;
    color: #0b2644;
    text-align: center;
    font-size: 40px;
    line-height: 1.14;
}

.student-achievements-wrapper .container-page__title:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #eef9ff;
    color: #008bd2;
    box-shadow: inset 0 0 0 1px #d8edf9;
    content: "emoji_events";
    font-family: "Material Icons";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
}

.student-achievements-wrapper .container-page__title:after {
    position: absolute;
    top: 22px;
    left: calc(50% - 112px);
    color: #ff5b62;
    content: "✦";
    font-size: 14px;
    line-height: 1;
}

.student-achievements {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 280px;
    grid-template-areas:
        "intro total"
        "grid grid";
    gap: 16px;
    align-items: stretch;
    overflow: visible;
    box-sizing: border-box;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.student-achievements:before {
    position: absolute;
    top: -36px;
    right: 156px;
    color: rgba(0, 139, 210, .24);
    content: "✈";
    font-size: 24px;
    line-height: 1;
    transform: rotate(-18deg);
    pointer-events: none;
}

.student-achievements__intro {
    grid-area: intro;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    box-sizing: border-box;
    max-width: none;
    min-height: 0;
    margin: 0 !important;
    padding: 16px 18px;
    border: 1px solid #e1f0f8;
    border-radius: 8px;
    background: rgba(255, 255, 255, .84);
    text-align: left;
    box-shadow: 0 8px 18px rgba(0, 84, 132, .04);
}

.student-achievements__intro:before {
    grid-column: 2;
    display: block;
    margin: 0 0 2px;
    color: #004985;
    content: "Конкурсы и защиты проектов";
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}

.student-achievements__intro .student-achievements__icon {
    grid-row: 1 / span 2;
    display: inline-flex !important;
    width: 48px;
    height: 48px;
    border-radius: 8px;
}

.student-achievements__intro p {
    grid-column: 2;
    max-width: none;
    color: #344357;
    font-size: 15px;
    line-height: 22px;
}

.student-achievements__total {
    grid-area: total;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    box-sizing: border-box;
    min-height: 0;
    margin: 0 !important;
    padding: 16px 18px;
    border: 1px solid #e1f0f8;
    border-bottom: 3px solid #ff5b62;
    border-radius: 8px;
    background: #fff;
    text-align: center;
    box-shadow: 0 8px 18px rgba(0, 84, 132, .045);
}

.student-achievements__total strong {
    color: #ff5b62;
    font-size: 50px;
    line-height: .96;
    letter-spacing: 0;
}

.student-achievements__total span {
    max-width: 180px;
    color: #17263f;
    font-size: 18px;
    line-height: 22px;
}

.student-achievements__proofs,
.student-achievements__button {
    display: none !important;
}

.student-achievements__grid {
    grid-area: grid;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px !important;
    margin: 0 !important;
}

.student-achievement-card {
    position: relative;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 5px;
    align-items: center !important;
    box-sizing: border-box;
    min-width: 0;
    min-height: 0 !important;
    padding: 16px !important;
    border: 1px solid #d8edf9 !important;
    border-bottom-width: 2px !important;
    border-radius: 8px !important;
    background: #fff;
    box-shadow: 0 8px 18px rgba(0, 84, 132, .045) !important;
}

.student-achievement-card:nth-child(odd) {
    border-bottom-color: #ff5b62 !important;
}

.student-achievement-card:nth-child(even) {
    border-bottom-color: #008bd2 !important;
}

.student-achievement-card:after {
    position: absolute;
    top: 12px;
    right: 14px;
    color: rgba(255, 91, 98, .22);
    content: "✦";
    font-size: 13px;
    line-height: 1;
}

.student-achievement-card__icon {
    grid-row: 1 / span 2;
    width: 44px;
    height: 44px;
    border-radius: 8px;
}

.student-achievement-card__value {
    display: block;
    width: 100%;
    margin-top: 0 !important;
    color: #ff5b62;
    font-size: 32px !important;
    line-height: 1;
}

.student-achievement-card__text {
    display: block;
    width: 100%;
    max-width: none;
    margin-top: 0 !important;
    color: #1f2c44;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    word-break: normal;
    overflow-wrap: normal;
}

@media screen and (max-width: 1200px) {
    .student-achievements-wrapper {
        width: calc(100% - 80px);
    }

    .student-achievements__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 1023px) {
    .student-achievements-wrapper {
        width: calc(100% - 70px);
        margin-top: 44px !important;
        padding: 30px 26px 30px !important;
    }

    .student-achievements-wrapper .container-page__title {
        font-size: 34px;
    }

    .student-achievements {
        grid-template-columns: 1fr;
        grid-template-areas:
            "intro"
            "total"
            "grid";
    }

    .student-achievements__total {
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
    }
}

@media screen and (max-width: 640px) {
    .student-achievements-wrapper {
        width: calc(100% - 40px);
        margin-top: 32px !important;
        padding: 24px 16px 24px !important;
    }

    .student-achievements-wrapper .container-page__title {
        font-size: 28px;
        line-height: 1.18;
    }

    .student-achievements-wrapper:before,
    .student-achievements:before {
        display: none;
    }

    .student-achievements {
        gap: 12px;
    }

    .student-achievements__intro {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
        padding: 14px;
    }

    .student-achievements__intro .student-achievements__icon,
    .student-achievement-card__icon {
        width: 42px;
        height: 42px;
    }

    .student-achievements__intro p {
        font-size: 14px;
        line-height: 21px;
    }

    .student-achievements__total strong {
        font-size: 42px;
    }

    .student-achievements__total span {
        font-size: 16px;
        line-height: 21px;
    }

    .student-achievements__grid {
        grid-template-columns: 1fr;
        gap: 10px !important;
    }

    .student-achievement-card {
        padding: 14px !important;
    }
}
/* END Decorated achievements layout */
/* Journal section */
#BLOG.journal-section {
    display: block !important;
    box-sizing: border-box;
    width: 73.4%;
    max-width: 1420px;
    margin: 54px auto 0 !important;
    padding: 0 !important;
}

#BLOG.journal-section .journal-shell {
    position: relative;
    overflow: hidden;
    padding: 32px 38px 34px;
    border: 1px solid #d8edf9;
    border-radius: 8px;
    background:
        radial-gradient(circle, rgba(0, 139, 210, .16) 1.5px, transparent 1.6px) 30px 120px / 15px 15px no-repeat,
        radial-gradient(circle at 94% 16%, rgba(232, 246, 255, .9) 0 68px, transparent 69px),
        linear-gradient(180deg, #fbfdff 0%, #f7fcff 100%);
    box-shadow: 0 16px 34px rgba(0, 84, 132, .07);
}

#BLOG.journal-section .journal-shell:before {
    position: absolute;
    top: 58px;
    right: 82px;
    width: 168px;
    height: 92px;
    border-top: 2px dashed rgba(0, 139, 210, .2);
    border-radius: 50%;
    content: "";
    transform: rotate(-18deg);
    pointer-events: none;
}

#BLOG.journal-section .journal-shell:after {
    position: absolute;
    top: 84px;
    right: 72px;
    color: #ff5b62;
    content: "✦";
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

#BLOG.journal-section .journal-head {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 46px minmax(0, 760px);
    column-gap: 18px;
    align-items: center;
    margin-bottom: 22px;
}

#BLOG.journal-section .journal-head__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #eef9ff;
    color: #008bd2;
    box-shadow: inset 0 0 0 1px #d8edf9;
}

#BLOG.journal-section .journal-head__icon i {
    font-size: 24px;
}

#BLOG.journal-section .container-page__title {
    grid-column: 2;
    margin: 0 0 4px;
    padding: 0;
    color: #004985;
    text-align: left;
    font-size: 42px;
    line-height: 1.14;
}

#BLOG.journal-section .journal-head p {
    grid-column: 2;
    margin: 0;
    color: #344357;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    line-height: 25px;
}

#BLOG.journal-section .journal-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
    gap: 18px;
    align-items: stretch;
}

#BLOG.journal-section .journal-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #d8edf9;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(0, 84, 132, .055);
    transition: transform .18s ease, box-shadow .18s ease;
}

#BLOG.journal-section .journal-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 26px rgba(0, 84, 132, .1);
}

#BLOG.journal-section .journal-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

#BLOG.journal-section .journal-card--featured {
    min-height: 360px;
}

#BLOG.journal-section .journal-card--featured .journal-card__image-wrap,
#BLOG.journal-section .journal-card--featured .journal-card__image {
    position: absolute;
    inset: 0;
}

#BLOG.journal-section .journal-card--featured:after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 24, 42, .42) 0%, rgba(5, 24, 42, .96) 100%);
    content: "";
}

#BLOG.journal-section .journal-card__body {
    box-sizing: border-box;
}

#BLOG.journal-section .journal-card--featured .journal-card__body {
    position: absolute;
    z-index: 1;
    left: 24px;
    right: 24px;
    bottom: 22px;
}

#BLOG.journal-section .journal-card__label {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 10px;
    padding: 7px 11px;
    border-radius: 6px;
    background: #008bd2;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#BLOG.journal-section .journal-card__title {
    margin: 0;
    color: #10223a;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 22px;
}

#BLOG.journal-section .journal-card--featured .journal-card__title {
    max-width: 640px;
    color: #fff;
    font-size: 28px;
    line-height: 34px;
}

#BLOG.journal-section .journal-card__date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 11px;
    color: #6b7889;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

#BLOG.journal-section .journal-card--featured .journal-card__date {
    color: rgba(255, 255, 255, .86);
}

#BLOG.journal-section .journal-card__date i {
    font-size: 16px;
}

#BLOG.journal-section .journal-list {
    display: grid;
    gap: 12px;
}

#BLOG.journal-section .journal-card--side {
    display: grid;
    grid-template-columns: 156px minmax(0, 1fr);
    height: 112px;
}

#BLOG.journal-section .journal-card--side .journal-card__image-wrap,
#BLOG.journal-section .journal-card--side .journal-card__image {
    height: 112px;
}

#BLOG.journal-section .journal-card--side .journal-card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 14px 16px;
}

#BLOG.journal-section .journal-card--side .journal-card__label {
    margin-bottom: 7px;
    background: #eef9ff;
    color: #008bd2;
}

#BLOG.journal-section .journal-card--side .journal-card__date {
    margin-top: 9px;
}

#BLOG.journal-section .journal-actions {
    position: relative;
    z-index: 1;
    margin-top: 18px;
}

#BLOG.journal-section .journal-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-width: 230px;
    padding: 14px 24px;
    border: 0;
    border-radius: 8px;
    background: #008bd2;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(0, 139, 210, .18);
    transition: background .18s ease, transform .18s ease;
}

#BLOG.journal-section .journal-more:hover {
    background: #007cc0;
    transform: translateY(-1px);
}

#BLOG.journal-section .journal-more i {
    font-size: 20px;
}

@media screen and (max-width: 1280px) {
    #BLOG.journal-section {
        width: calc(100% - 80px);
    }

    #BLOG.journal-section .journal-layout {
        grid-template-columns: 1fr;
    }

    #BLOG.journal-section .journal-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #BLOG.journal-section .journal-card--side {
        grid-template-columns: 150px minmax(0, 1fr);
    }
}

@media screen and (max-width: 760px) {
    #BLOG.journal-section {
        width: calc(100% - 40px);
        margin-top: 36px !important;
    }

    #BLOG.journal-section .journal-shell {
        padding: 24px 16px;
    }

    #BLOG.journal-section .journal-head {
        grid-template-columns: 40px minmax(0, 1fr);
        column-gap: 12px;
        margin-bottom: 18px;
    }

    #BLOG.journal-section .journal-head__icon {
        width: 40px;
        height: 40px;
    }

    #BLOG.journal-section .container-page__title {
        font-size: 30px;
        line-height: 1.16;
    }

    #BLOG.journal-section .journal-head p {
        font-size: 15px;
        line-height: 22px;
    }

    #BLOG.journal-section .journal-card--featured {
        min-height: 315px;
    }

    #BLOG.journal-section .journal-card--featured .journal-card__body {
        left: 16px;
        right: 16px;
        bottom: 16px;
    }

    #BLOG.journal-section .journal-card--featured .journal-card__title {
        font-size: 22px;
        line-height: 28px;
    }

    #BLOG.journal-section .journal-list,
    #BLOG.journal-section .journal-card--side {
        grid-template-columns: 1fr;
    }

    #BLOG.journal-section .journal-card--side .journal-card__image-wrap,
    #BLOG.journal-section .journal-card--side .journal-card__image {
        min-height: 150px;
    }

    #BLOG.journal-section .journal-more {
        width: 100%;
    }
}
#BLOG.journal-section .journal-card--side .journal-card__image-wrap,
#BLOG.journal-section .journal-card--side .journal-card__image {
    width: 156px;
    height: 112px;
}

#BLOG.journal-section .journal-card--side .journal-card__body {
    position: relative;
    z-index: 1;
    min-width: 0;
    overflow: hidden;
    background: #fff;
}

#BLOG.journal-section .journal-card--side .journal-card__title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    line-height: 20px;
}

#BLOG.journal-section .journal-card--featured:after {
    background: linear-gradient(180deg, rgba(5, 24, 42, .55) 0%, rgba(5, 24, 42, .98) 100%);
}

@media screen and (max-width: 760px) {
    #BLOG.journal-section .journal-card--side,
    #BLOG.journal-section .journal-card--side .journal-card__image-wrap,
    #BLOG.journal-section .journal-card--side .journal-card__image {
        width: 100%;
        height: auto;
    }

    #BLOG.journal-section .journal-card--side .journal-card__image-wrap,
    #BLOG.journal-section .journal-card--side .journal-card__image {
        min-height: 150px;
    }
}
#BLOG.journal-section .journal-card__title {
    position: static !important;
    top: auto !important;
    left: auto !important;
    z-index: auto !important;
    width: auto !important;
}

#BLOG.journal-section .journal-card--featured .journal-card__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    max-width: 720px;
}

#BLOG.journal-section .journal-card--featured .journal-card__label {
    margin-bottom: 0;
}

#BLOG.journal-section .journal-card--featured .journal-card__date {
    order: 3;
    margin-top: 0;
}

#BLOG.journal-section .journal-card--featured .journal-card__title {
    order: 2;
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .38);
}

#BLOG.journal-section .journal-card--side {
    height: 126px;
    grid-template-columns: 176px minmax(0, 1fr);
}

#BLOG.journal-section .journal-card--side .journal-card__image-wrap,
#BLOG.journal-section .journal-card--side .journal-card__image {
    width: 176px;
    height: 126px;
}

#BLOG.journal-section .journal-card--side .journal-card__body {
    justify-content: center;
    gap: 8px;
    padding: 14px 18px;
}

#BLOG.journal-section .journal-card--side .journal-card__label,
#BLOG.journal-section .journal-card--side .journal-card__date {
    margin: 0;
}
#BLOG.journal-section .journal-layout_state {
    display: block;
}

#BLOG.journal-section .journal-state {
    position: relative;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    max-width: 760px;
    min-height: 124px;
    padding: 22px 24px;
    border: 1px solid #d8edf9;
    border-radius: 8px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 10px 22px rgba(0, 84, 132, .055);
    box-sizing: border-box;
}

#BLOG.journal-section .journal-state:after {
    position: absolute;
    right: 20px;
    bottom: 16px;
    color: rgba(0, 139, 210, .08);
    content: "auto_stories";
    font-family: "Material Icons";
    font-size: 54px;
    line-height: 1;
    pointer-events: none;
}

#BLOG.journal-section .journal-state__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 8px;
    background: #eef9ff;
    color: #008bd2;
    box-shadow: inset 0 0 0 1px #d8edf9;
}

#BLOG.journal-section .journal-state__icon i {
    font-size: 27px;
}

#BLOG.journal-section .journal-state__content {
    display: grid;
    gap: 6px;
    min-width: 0;
    position: relative;
    z-index: 1;
}

#BLOG.journal-section .journal-state__content strong {
    color: #004985;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.25;
}

#BLOG.journal-section .journal-state__content span {
    max-width: 560px;
    color: #344357;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 22px;
}

#BLOG.journal-section .journal-state_error {
    border-color: #cfe9f8;
}

#BLOG.journal-section .journal-state_error .journal-state__icon {
    background: #fff4f4;
    color: #ff5b62;
    box-shadow: inset 0 0 0 1px rgba(255, 91, 98, .22);
}

@media screen and (max-width: 760px) {
    #BLOG.journal-section .journal-state {
        grid-template-columns: 42px minmax(0, 1fr);
        min-height: 0;
        padding: 18px 16px;
    }

    #BLOG.journal-section .journal-state__icon {
        width: 42px;
        height: 42px;
    }

    #BLOG.journal-section .journal-state__icon i {
        font-size: 22px;
    }

    #BLOG.journal-section .journal-state__content strong {
        font-size: 17px;
    }

    #BLOG.journal-section .journal-state__content span {
        font-size: 14px;
        line-height: 20px;
    }
}/* End journal section */


/* Codex compact real course filters */
@media screen and (max-width: 700px) {
    #courses .our-courses {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        box-sizing: border-box !important;
    }

    #courses .our-courses > div[style*="display: grid"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    #courses .our-courses > div[style*="display: grid"] > div {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #courses .our-courses > div[style*="display: grid"] span {
        margin-right: 0 !important;
    }

    #courses .our-courses #year,
    #courses .our-courses #category {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

/* Codex mobile overflow guard */
@media screen and (max-width: 700px) {
    html,
    body {
        max-width: 100% !important;
        overflow-x: clip !important;
        overflow-y: visible !important;
        touch-action: pan-y !important;
        overscroll-behavior-y: auto !important;
    }

    #lecturers,
    #lecturers .container-page,
    #lecturers .lecturers {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #lecturers {
        overflow: visible !important;
    }

    #lecturers .container-page {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    #lecturers .container-page__title,
    #reviews .container-page__title {
        font-size: 42px !important;
        line-height: 1.12 !important;
    }

    #lecturers .lecturers {
        align-items: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding-top: 92px !important;
        padding-bottom: 28px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        touch-action: pan-y !important;
    }

    #lecturers .lecturer {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 14px 24px !important;
        box-sizing: border-box !important;
        justify-content: flex-start !important;
        touch-action: pan-y !important;
    }

    #lecturers .lecturer__icon {
        width: 164px !important;
        height: 166px !important;
        margin-top: -82px !important;
    }

    #lecturers .lecturer__name-block {
        margin-top: 34px !important;
    }

    #lecturers .lecturer__name {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    #lecturers .lecturer__text {
        font-size: 18px !important;
        line-height: 1.25 !important;
        margin-top: 18px !important;
    }

    #lecturers .lecturer__experience {
        font-size: 42px !important;
        line-height: 1.15 !important;
    }

    #lecturers .lecturer__education {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    #lecturers .lecturer__more-info {
        margin-top: 24px !important;
    }

    #lecturers .controls {
        width: calc(100vw - 32px) !important;
        left: 16px !important;
        right: 16px !important;
        top: 45% !important;
        height: 0 !important;
        pointer-events: none !important;
    }

    #lecturers .left,
    #lecturers .right {
        width: 44px !important;
        height: 44px !important;
        pointer-events: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #lecturers .left i,
    #lecturers .right i {
        margin: 0 !important;
        font-size: 30px !important;
    }

    #reviews {
        margin-top: 36px !important;
    }

    #reviews .container-page {
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    #reviews .twoGis {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 34px !important;
        justify-items: stretch !important;
        touch-action: pan-y !important;
    }

    #reviews .review {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 18px 16px 82px !important;
        box-sizing: border-box !important;
        border-radius: 14px !important;
    }

    #reviews .review .row {
        gap: 12px !important;
        align-items: flex-start !important;
    }

    #reviews .review .author,
    #reviews .review .publish,
    #reviews .review .text {
        overflow-wrap: anywhere !important;
    }

    #reviews .review .link {
        left: 16px !important;
        right: 16px !important;
        width: auto !important;
        max-width: none !important;
        text-align: center !important;
    }

    .cookieNotify.active {
        left: 16px !important;
        right: 16px !important;
        bottom: 12px !important;
        width: auto !important;
        max-height: 38vh !important;
        overflow: auto !important;
        z-index: 2147483645 !important;
        pointer-events: none !important;
    }

    .cookieNotify.active button {
        pointer-events: auto !important;
    }

    .back_to_top {
        left: 16px !important;
        bottom: 96px !important;
    }

    #jcont {
        left: auto !important;
        right: 12px !important;
        top: auto !important;
        bottom: 16px !important;
        width: 84px !important;
        height: 84px !important;
        min-width: 84px !important;
        min-height: 84px !important;
        max-width: 84px !important;
        max-height: 84px !important;
        overflow: visible !important;
        --height: 84px !important;
        --right: 12px !important;
        --labelwidth: 0px !important;
        transform: none !important;
        touch-action: manipulation !important;
    }

    #jcont #jivo_action {
        width: 84px !important;
        height: 84px !important;
        min-width: 84px !important;
        min-height: 84px !important;
        max-width: 84px !important;
        max-height: 84px !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
    }

    #jcont .contentWrapper_e377,
    #jcont .pseudoHeight_2eb1,
    #jcont .jivoMouseTrack_6b6c,
    #jvlabelWrap,
    #jvLabelWrap {
        display: none !important;
        pointer-events: none !important;
    }
}

/* Codex lecturers gallery rebuild - final cascade layer */
#lecturers {
    overflow: hidden !important;
}

#lecturers .container-page {
    overflow: visible !important;
}

#lecturers .lecturers {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 28px !important;
    width: min(1330px, calc(100vw - 40px)) !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 112px 4px 32px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    box-sizing: border-box !important;
    touch-action: pan-y pan-x !important;
}

#lecturers .lecturers::-webkit-scrollbar {
    display: none;
}

#lecturers .lecturer {
    left: auto !important;
    flex: 0 0 calc((100% - 84px) / 4) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 520px !important;
    margin: 0 !important;
    padding: 0 18px 30px !important;
    justify-content: flex-start !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    box-sizing: border-box !important;
}

#lecturers .lecturer__icon {
    flex: 0 0 auto;
}

#lecturers .lecturer__name-block {
    margin-top: 34px !important;
}

#lecturers .lecturer__text {
    margin-top: 22px !important;
}

#lecturers .lecturer__more-info {
    margin-top: auto !important;
    padding-top: 24px !important;
}

#lecturers .controls {
    position: absolute !important;
    z-index: 8 !important;
    left: 4px !important;
    right: 4px !important;
    top: calc(50% - 16px) !important;
    width: auto !important;
    height: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    pointer-events: none !important;
}

#lecturers .left,
#lecturers .right {
    flex: 0 0 auto;
    width: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(238, 238, 238, .94) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
    pointer-events: auto !important;
    transform: translateY(-50%);
}

#lecturers .left i,
#lecturers .right i {
    margin: 0 !important;
    font-size: 34px !important;
    line-height: 1 !important;
}

@media screen and (max-width: 1800px) {
    #lecturers .lecturer {
        flex-basis: calc((100% - 56px) / 3) !important;
    }
}

@media screen and (max-width: 1290px) {
    #lecturers .lecturer {
        flex-basis: calc((100% - 28px) / 2) !important;
    }
}

@media screen and (max-width: 700px) {
    #lecturers .container-page {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #lecturers .lecturers {
        gap: 18px !important;
        width: 100% !important;
        padding: 96px 0 30px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    #lecturers .lecturer {
        flex-basis: 100% !important;
        min-height: 0 !important;
        padding: 0 18px 28px !important;
    }

    #lecturers .lecturer__icon {
        width: min(184px, 56vw) !important;
        height: min(186px, 57vw) !important;
        margin-top: -92px !important;
    }

    #lecturers .lecturer__name {
        font-size: 28px !important;
        line-height: 1.18 !important;
    }

    #lecturers .lecturer__text {
        font-size: 18px !important;
        line-height: 1.25 !important;
    }

    #lecturers .lecturer__experience {
        font-size: 48px !important;
        line-height: 1.15 !important;
    }

    #lecturers .lecturer__education {
        font-size: 24px !important;
        line-height: 1.22 !important;
    }

    #lecturers .controls {
        left: 0 !important;
        right: 0 !important;
        top: calc(50% - 8px) !important;
    }

    #lecturers .left,
    #lecturers .right {
        width: 50px !important;
        height: 50px !important;
    }
}