@font-face {
    font-family: "Golos Text";
    src: url("../fonts/GolosText-VariableFont_wght.ttf");
}
* {
    padding: 0;
    margin: 0;
    border: 0;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}
:focus,
:active {
    outline: none;
}
a:focus,
a:active {
    outline: none;
}
nav,
footer,
header,
aside {
    display: block;
}
html,
body {
    font-size: 100%;
    line-height: 1;
    font-size: 16px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
html {
    overflow-x: hidden;
}
input,
button,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}
select{
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: unset;
font-weight: 500;    
color: var(--middle-grey)!important;
}
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: inherit;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
    color: inherit;
}
input::-ms-clear {
    display: none;
}
button {
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    background: rgba(0, 0, 0, 0);
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    text-decoration: none;
}
ul li {
    list-style: none;
}
img {
    vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
span,
button,
a {
    display: inline-block;
}
p {
    display: block;
}
:root {
    --dark-blue: #2F51A2;
    --blue: #2F51A2;
    --orange: #f17b2b;
    --light-grey: #f0f4fa;
    --middle-grey: #acacac;
    --grey: #cccccc;
    --dark-grey: #5c5c5c;
    --container-padding: 50px;
    --z-header: 40;
    --z-popover: 50;
    --z-modal: 100;
}




.page_for-employees .info-desc .big,
.page_main .start .title,
.section_start .title {
    font-size: 48px;
    font-weight: 500;
}


.page_activity .event .title,
.page_event .event .title,
.page_open-programs .comments .title,
.page_for-employees .buns .card-title,
.page_for-employees .experts .title,
.page_for-employees .selection-steps .title,
.page_for-employees .structure .title,
.page_for-employees .what-will-learn .title,
.page_for-employees .about-program .title,
.page_corporate-programs .professors .title,
.page_for-employees .professors .title,
.page_about .professors .title,
.page_corporate-programs .cases .title,
.page_corporate-programs .development-steps .title,
.page_landing .development-steps .title,
.page_about .development-steps .title,
.page_corporate-programs .for-whom .title,
.page_open-programs .programs .title,
.page_main .cases .title,
.section_study-place .title,
.section_popular-programs .title,
.section_learning .title,
.section_form .title,
.section_events .title,
footer .subtitle {
    font-size: 36px;
    font-weight: 500;
}
.page_open-programs .comments .title {
    color: var(--dark-blue);
}


.page_main .cases .card-button,
.page_news .news .show-more,
.page_activity .event .send-application,
.page_event .event .send-application,
.page_for-employees .buns .card-button,
.page_open-programs .programs .reset,
.page_main .cases .card-button-text,
.section_popular-programs .all-programs,
.section_events .card-button,
.section_events .card-button-text,
.section_events .all-news,
.page_for-employees .comments .card-button,
.page_open-programs .comments .card-button,
.page_corporate-programs .cases .card-button,
.page_news .cases .card-button,
.page_open-programs .programs .card-button,
.page_main .start .button,
.section_popular-programs .date,
.section_start .get-consultation,
.section_form .submit,
header .personal-cabinet {
    height: 43px;
    font-weight: 500;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    width: -moz-fit-content;
    width: fit-content;
}

.page_for-employees .comments .card-button,
.page_open-programs .comments .card-button,
.page_corporate-programs .cases .card-button,
.page_open-programs .programs .card-button,
.page_main .start .button,
.section_popular-programs .date,
.section_start .get-consultation,
.section_form .submit,
header .personal-cabinet {
    background: var(--dark-blue);
    color: #fff;
}
.page_news .news .show-more,
.page_activity .event .send-application,
.page_event .event .send-application,
.page_for-employees .buns .card-button,
.page_open-programs .programs .reset,
.page_main .cases .card-button-text,
.section_popular-programs .all-programs,
.section_events .card-button,
.section_events .card-button-text,
.section_events .all-news {
    background: #fff;
    color: var(--dark-blue);
}
.page_news .news,
.page_activity .event,
.page_event .event,
.page_for-employees .section_form,
.page_for-employees .comments,
.page_open-programs .comments,
.page_for-employees .buns,
.page_for-employees .experts,
.page_for-employees .selection-steps,
.page_for-employees .section_learning,
.page_for-employees .what-will-learn,
.page_for-employees .about-program,
.page_for-employees .info-desc,
.page_corporate-programs .section_form,
.page_corporate-programs .professors,
.page_for-employees .professors,
.page_about .professors,
.page_corporate-programs .development-steps,
.page_landing .development-steps,
.page_corporate-programs .for-whom,
.page_open-programs .section_events,
.page_open-programs .programs,
.page_main .cases,
.section_study-place,
.section_popular-programs,
.section_learning,
.section_form {
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
}
.page_for-employees .section_form {
    z-index: 0;
}
.page_news .news ._activity .poster,
.page_news .cases .bg,
.page_corporate-programs .cases .bg,
.page_main .start .bg,
.section_study-place .bg,
.section_popular-programs .bg,
.section_start .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.page_news .news ._activity .poster img,
.page_corporate-programs .cases .bg img,
.page_main .start .bg img,
.section_study-place .bg img,
.section_popular-programs .bg img,
.section_start .bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page_news .news ._activity .poster::after,
.page_news .cases .bg::after,
.page_corporate-programs .cases .bg::after,
.page_main .start .bg::after,
.section_popular-programs .bg::after,
.section_start .bg::after {
    content: "";
    position: absolute;
    /* background: rgba(42, 42, 42, 0.5882352941); */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
header {
    position: absolute;
    z-index: var(--z-header);
    top: 32px;
    width: 100%;
    left: 0;
}
header .container {
    display: flex;
    gap: 8px;
    justify-content: space-between;
}
header .logo {
    flex: 0 0 190px;
}
header .logo img,
header .logo svg {
    width: 100%;
}
header .personal-cabinet {
    margin-left: auto;
    background: var(--orange);
    padding: 0 16px;
    height: 32px;
    gap: 10px;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}
header .burger {
    border-radius: 4px;
    flex-shrink: 0;
    width: 36px;
    height: 32px;
    position: relative;
}
header .burger span {
    height: 2px;
    width: 19px;
    border-radius: 100px;
    background: #fff;
    transition: 0.3s;
    position: absolute;
    left: 50%;
    translate: -50%;
}
header .burger span:nth-child(1) {
    top: 10px;
}
header .burger span:nth-child(2) {
    top: 15px;
}
header .burger span:nth-child(3) {
    top: 20px;
}
header .menu {
    position: absolute;
    top: calc(100% + 8px);
    box-shadow: 0px 14px 14px 0px #0000001A;
    right: 0;
    background: #fff;
    border-radius: 16px;
    padding: 20px 24px;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
    text-wrap: wrap;
    width: 340px;
    transition: 0.2s;
    color: #0E5399;
    translate: 0 20px;
    opacity: 0;
    visibility: hidden;
}

header .menu .punct-title {
    color:#5C5C5C;
    font-weight: 700;
    font-size: 20px;
}
header .menu .punct-title:not(:first-child) {
    margin-top: 16px;
}
header .menu a {
    transition: 0.2s;
    text-align: left;
}
header .menu a:hover {
    color: var(--dark-blue);
}

header._open .burger span:nth-child(1) {
    rotate: 45deg;
    top: 50%;
}
header._open .burger span:nth-child(2) {
    opacity: 0;
}
header._open .burger span:nth-child(3) {
    rotate: -45deg;
    top: 50%;
}
header._open .menu {
    translate: 0;
    opacity: 1;
    visibility: visible;
}
footer {
    padding: 50px 0;
    background: var(--dark-blue);
}
footer .container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
footer .column {
    display: flex;
    flex-direction: column;
}
footer .logo {
    width: 223px;
}
footer .logo img {
    width: 100%;
}
footer .cities {
    margin-top: 35px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
footer .city {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
footer .city-title {
    font-size: 20px;
    font-weight: 500;
}
footer .group:last-child {
    margin-top: auto;
}
footer .list {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
footer .other {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-decoration: underline;
}
footer .social-links {
    display: flex;
    gap: 8px;
}
footer .social-links a {
    display: flex;
    width: 42px;
    height: 42px;
}
footer .social-links img,
footer .social-links svg {
    width: 100%;
    height: 100%;
}


.splide__pagination {
    gap: 16px;
    align-items: center;
}
.splide__pagination li {
    display: flex;
}
.splide__pagination .splide__pagination__page {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.6;
    position: relative;
}
.splide__pagination .splide__pagination__page::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: 0;
}
.splide__pagination .splide__pagination__page.is-active {
    opacity: 1;
    width: 10px;
    height: 10px;
}
.splide__pagination .splide__pagination__page.is-active::after {
    opacity: 1;
}
.component_input {
    height: 40px;
    border-radius: 12px;
    border-bottom: 1px solid var(--middle-grey);
    min-width: 0;
    padding: 0 16px;
    color: var(--dark-grey);
}
.component_input::-moz-placeholder {
    font-weight: 500;
    color: var(--middle-grey);
}
.component_input::placeholder {
    font-weight: 500;
    color: var(--middle-grey);
}
.component_checkbox {
    height: 14px;
    width: 14px;
    flex: 0 0 14px;
    border-radius: 2px;
    background: var(--grey);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.component_checkbox:has(input:checked) {
    background: url("../image/icons/checked.svg") 50% no-repeat var(--grey);
}
.component_checkbox input {
    position: absolute;
    z-index: -9999;
    width: 0;
    height: 0;
    visibility: hidden;
}
.component_search {
    border: 1px solid #fff;
    border-radius: 100px;
    height: 36px;
    max-width: 180px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    gap: 10px;
}
.component_search input {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}
.component_search__icon {
    display: flex;
}
.component_select {
    height: 42px;
    padding: 0 24px;
    border: 1px solid #fff;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
    position: relative;
	flex: 1;
}
.component_select input {
    position: absolute;
    z-index: -9999;
    width: 0;
    height: 0;
    visibility: hidden;
}
.component_select__label {
    font-size: 14px;
    font-weight: 500;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}
.component_select__menu {
    cursor: default;
    position: absolute;
    z-index: var(--z-popover);
    top: calc(100% + 8px);
    left: 0;
    background: #fff;
    border-radius: 20px;
    width: 687px;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.1019607843);
    padding: 24px;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    display: none;
    translate: 0 -20px;
    transition: 0.3s;
}
.component_select__column {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.component_select__option {
    font-size: 12px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
}

.component_select__option._active {
    color: var(--dark-blue);
}


.component_select._open .component_select__menu {
    display: grid;
    translate: none;
}
.component_select._open img,
.component_select._open svg {
    rotate: 180deg;
}
.component_tag-checkbox {
    border: 1px solid #fff;
    border-radius: 100px;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    padding: 0 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.15s;
}
.component_tag-checkbox input {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
    z-index: -9999;
}
.component_tag-checkbox:has(input:checked) {
    background: #fff;
    color: var(--dark-blue);
}

.splide__arrows {
    display: flex;
    gap: 4px;
}
.splide__arrows .splide__arrow {
    display: flex;
}
.splide__arrows .splide__arrow:hover .icon-bg {
    fill: var(--dark-blue);
}
.splide__arrows .splide__arrow:disabled {
    cursor: default;
}
.splide__arrows .splide__arrow:disabled .icon-bg {
    fill: var(--grey);
}
.splide__arrows .icon-bg {
    transition: 0.25s;
}

.section_events {
    padding: 70px 0;
    background: #fff;
}
.section_events .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section_events .title {
    color: var(--dark-blue);
}
.section_events .all-news {
    background: var(--light-grey);
    font-size: 14px;
    height: 34px;
    padding: 0 16px;
}
.section_events .row {
    margin-top: 16px;
    display: flex;
    gap: 16px;
}
.section_events .card {
    flex: 1 1 307px;
    height: 416px;
    padding: 32px;
    background: var(--blue);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    transition: 0.3s;
}
.section_events .card:nth-child(1) {
    flex: 1 1 631px;
    box-shadow: 0 24px 14px -10px #bdcfeb;
}
.section_events .card:nth-child(1) .card-title {
    font-size: 24px;
}
.section_events .card:nth-child(1) .card-text {
    opacity: 1;
    visibility: visible;
}
.section_events .card:nth-child(2) {
    box-shadow: 0 14px 14px -10px rgba(241, 123, 43, 0.3215686275);
    /* background: var(--orange); */
    background: #08F;
}
.section_events .card:nth-child(3) {
    box-shadow: 0 14px 14px -10px #a1c4e8;
}

.section_events .card-title {
    /* max-width: 200px; */
    font-size: 24px;
    font-weight: 500;
}
.section_events .card-text {
    max-width: 286px;
    text-wrap: balance;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}
.section_events .card-button-text {
    margin-top: auto;
    height: 40px;
}
.section_events .card-button {
    margin-top: auto;
    height: 40px;
    width: 40px;
    padding: 0;
    font-size: 24px;
    font-weight: 500;
}


.section_form {
    background: var(--dark-blue);
    margin: 0;
    padding: 50px 0;
}
.section_form .desk {
    background: #fff;
    border-radius: 24px;
    padding: 48px;
    display: flex;
    gap: 24px;
    justify-content: space-between;
}
.section_form .left {
    flex: 0 1 475px;
    display: flex;
    flex-direction: column;
}
.section_form .title {
    max-width: 430px;
    color: var(--dark-blue);
}
.section_form .text {
    margin-top: 36px;
    text-wrap: balance;
    color: var(--dark-grey);
    max-width: 332px;
}
.section_form .profile {
    margin-top: auto;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
}
.section_form .profile-avatar {
    border-radius: 10px;
    contain: paint;
    width: 123px;
    height: 123px;
    grid-row: span 2;
}
.section_form .profile-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.section_form .profile-name {
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);
}
.section_form .profile-status {
    font-size: 14px;
    color: var(--dark-grey);
    max-width: 232px;
    text-wrap: balance;
}
.section_form .form {
    flex: 0 1 632px;
}
.section_form .inputs {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.section_form .checkboxes {
    margin-top: 66px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.section_form .checkbox {
    display: flex;
    gap: 8px;
    font-size: 13px;
    color: var(--dark-blue);
}
.section_form .checkbox:last-child {
    color: var(--middle-grey);
    font-size: 12px;
}
.section_form ._star {
    font-size: 20px;
}
.section_form .submit {
    margin-top: 26px;
    height: 56px;
    border-radius: 10px;
    width: 100%;
}


.section_start {
    position: relative;
}
.section_start .bg {
    scale: -1 1;
}
.section_start .container {
    height: 532px;
    display: flex;
    flex-direction: column;
}
.section_start .content {
    margin: 160px 0 auto;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.section_start .text {
    font-size: 18px;
    max-width: 750px;
}
.section_start .get-consultation {
    padding: 0 55px;
}



.section_learning {
    background: #fff;
    padding: 72px 0;
}
.section_learning::before {
    content: "";
    position: absolute;
    top: 116px;
    left: -27px;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background: #FF383C;
    filter: blur(94px);
    pointer-events: none;
}
.section_learning::after {
    content: "";
    position: absolute;
    bottom: 37px;
    right: -71px;
    width: 204px;
    height: 204px;
    border-radius: 50%;
    background: #0088FF;
    filter: blur(141px);
    pointer-events: none;
}
.programs a.card-button {
    background: #0088FF!important;
}
/* .page_open-programs .programs .card:hover a.card-button {
    background: #fff!important;
} */

.section_learning .container {
    position: relative;
    z-index: 2;
}
.section_learning .title {
    color: var(--dark-blue);
}
.section_learning .grid {
    margin-top: 48px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 16px;
}
.section_learning .card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.section_learning .card:nth-child(1) .card-icon {
    /* background: var(--orange); */
    background: #FF383C;
}
.section_learning .card-icon {
    width: 62px;
    aspect-ratio: 1;
    background: var(--light-grey);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}
.section_learning .card-title {
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);
}
.section_learning .card-text {
    color: var(--dark-grey);
    font-size: 14px;
}


.section_learning._variant-2 {
    padding: 72px 0 96px;
}
.section_learning._variant-2 .card {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    gap: 6px 16px;
}
.section_learning._variant-2 .card-icon {
    grid-row: span 2;
}
.section_learning._variant-2 .card-title {
    margin-top: -8px;
}


.section_popular-programs {
    background: var(--blue);
    padding-top: 72px;
}
.section_popular-programs .head, .cases .head{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section_popular-programs .all-programs {
    height: 34px;
    padding: 0 16px;
    font-size: 14px;
}
.section_popular-programs ._mobile {
    display: none;
}
.section_popular-programs .splide__track {
    padding: 68px 0 96px;
    margin: 0 calc((100vw - 100%) / -2);
}
.section_popular-programs .splide__slide {
    height: 377px;
    transition: 0.2s;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1490196078);
    border-radius: 20px;
    contain: paint;
    border-bottom: none;
    border-top: none;
    padding: 22px;
    display: flex;
    flex-direction: column;
}

.section_popular-programs .card-title {
    position: relative;
    z-index: 2;
    font-weight: 500;
    max-width: 234px;
}
.section_popular-programs .date {
    position: relative;
    z-index: 2;
    margin-top: auto;
    height: 32px;
    padding: 0 11px;
    font-size: 12px;
}



.section_study-place {
    padding: 56px 0 72px;
    background: #fff;
}
.section_study-place .title {
    color: var(--dark-blue);
}
.section_study-place .splide {
    margin-top: 40px;
}
.section_study-place .splide__track {
    margin: 0 calc((100vw - 100%) / -2);
}
.section_study-place .splide__slide {
    padding: 24px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    contain: paint;
    height: 502px;
}
.section_study-place .splide__slide:hover .hovered {
    opacity: 1;
}
.section_study-place .splide__slide:hover ._desktop {
    opacity: 0;
}
.section_study-place .card-title {
    line-height: 1;
    font-size: 62px;
    font-weight: 500;
    position: relative;
    z-index: 1;
}
.section_study-place ._desktop {
    margin-top: auto;
}
.section_study-place .hovered {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 3;
    opacity: 0;
    transition: 0.2s;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.section_study-place .card-text {
    margin-top: 12px;
    font-size: 14px;
}
.section_study-place .group {
    margin-top: 18px;
    display: flex;
    gap: 12px;
}
.section_study-place .group svg,
.section_study-place .group img {
    flex-shrink: 0;
}
.section_study-place .group-text {
    margin-top: -2px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14px;
}


.seciton_head-path {
    background: var(--dark-blue);
}
.seciton_head-path .breadcrumb {
    margin: auto 0 56px;
    display: flex;
    align-items: center;
    /* color: #0088FF; */
    gap: 8px;
    width: -moz-fit-content;
    width: fit-content;
}
.seciton_head-path .breadcrumb a svg path{
    stroke:#fff;
}
.seciton_head-path .container {
    height: 164px;
    display: flex;
    flex-direction: column;
}

.page_svedenia .seciton_head-path .container {
    height: 255px;
    display: flex;
    flex-direction: column;
}

.page_svedenia .seciton_head-path .container .main-title{ 
    margin: auto 0 66px;
    font-size: 48px;
    font-weight: 500;
    line-height: 100%;
}

.page_main .start {
    position: relative;
    z-index: 1;
    text-wrap: balance;
}
.page_main .start .container {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}
.page_main .start .splide__slide {
    height: 620px;
}
.page_main .start .splide__pagination {
    position: absolute;
    z-index: 3;
    bottom: 90px;
    left: 50%;
    translate: -50%;
    max-width: 1380px;
    padding: 0 var(--container-padding);
    width: 100%;
    justify-content: end;
}
.page_main .start .bg {
    /* scale: -1 1; */
}
.page_main .start .content {
    margin: auto 0 73px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.page_main .start .title {
    max-width: 1040px;
}
.page_main .start .text {
    max-width: 747px;
    font-size: 18px;
}
.page_main .start .button {
    padding: 0 55px;
}


.page_main .cases {
    padding: 72px 0 96px;
    background: #fff;
}
.page_main .cases .title {
    color: var(--dark-blue);
}

.page_main .cases .all-programs {
    font-weight: 500;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    width: -moz-fit-content;
    width: fit-content;
    background: #F0F4FA;
    color: var(--dark-blue);
    height: 34px;
    padding: 0 16px;
    font-size: 14px;
    
}

.page_main .cases .row {
    margin-top: 40px;
    display: flex;
    gap: 10px;
}
.page_main .cases .card {
    display: flex;
    flex-direction: column;
    padding: 32px;
    height: 416px;
    border-radius: 16px;
    background: var(--blue);
    flex: 1 1 273px;
    transition: 0.3s;
}
.page_main .cases .card:nth-child(1) {
    flex: 1 1 427px;
    box-shadow: 0 24px 14px -10px #bdcfeb;
}
.page_main .cases .card:nth-child(1) .card-text {
    opacity: 1;
    visibility: visible;
}
.page_main .cases .card:nth-child(2) {
    box-shadow: 0 14px 14px -10px rgba(241, 123, 43, 0.3215686275);
    /* background: var(--orange); */
    background: #08F;
}

.page_main .cases .card:nth-child(3) {
    box-shadow: 0 14px 14px -10px #a1c4e8;
}
.page_main .cases .card:nth-child(4) {
    box-shadow: 0 14px 14px -10px #a1c4e8;
}

.page_main .cases .card .card-button-more{
    display: none;
}

.page_main .cases .card:hover .card-button-more{
    display: flex;
}
.page_main .cases .card:hover .card-button{
    display: none;
}

.section_events .card .card-button-more{
    display: none;
}

.section_events .card:hover .card-button-more{
    display: flex;
}

.section_events .card:hover .card-button{
    display: none;
}

.page_main .cases .card:hover {
    flex: 1 1 427px;
}

.page_main .cases .card._big {
    flex: 1 1 427px;
}
.page_main .cases .card._big .card-title {
    font-size: 24px;
}
.page_main .cases .card-title {
    font-size: 20px;
    font-weight: 500;
}
.page_main .cases .card-title._big {
    font-size: 24px;
}
.page_main .cases .card-text {
    margin-top: 32px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}
.page_main .cases .card-button-text {
    margin-top: auto;
    height: 40px;
}
.page_main .cases .card-button {
    margin-top: auto;
    width: 40px;
    height: 40px;
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);
    background: #fff;
    padding: 0;
}




.page_open-programs .programs {
    --color: #5c5c5c;
    background: var(--blue);
    padding: 72px 0 70px;
    --transition: 0.3s;
    transition: 0.3s;
}
.page_open-programs .programs .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page_open-programs .programs .row {
    display: flex;
    gap: 16px;
    margin-top: 40px;
}
.page_open-programs .programs .left {
    flex: 0 0 308px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.page_open-programs .programs .right {
    flex: 0 1 953px;
}
.page_open-programs .programs .group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.page_open-programs .programs .group-title {
    flex: 0 1 100%;
    font-weight: 700;
}
.page_open-programs .programs .reset {
    margin-top: 16px;
    padding: 0 48px;
    font-size: 14px;
}
.page_open-programs .programs .cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.page_open-programs .programs .card {
    background: #fff;
    border-radius: 20px;
    padding: 16px 20px 20px;
    box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.1019607843);
    display: flex;
    flex-direction: column;
    transition: var(--transition);
}
.page_open-programs .programs .card * {
    transition: var(--transition);
}

.page_open-programs .programs .card-head {
    color: var(--color);
    display: flex;
    font-size: 12px;
    align-items: center;
    text-align: right;
    gap: 8px;
}
.page_open-programs .programs .card-head span:last-child {
    margin-left: auto;
}
.page_open-programs .programs .card-time {
    flex-shrink: 0;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid var(--color);
    border-radius: 100px;
}
.page_open-programs .programs .card-title {
    margin-top: 24px;
    font-weight: 500;
    color: var(--dark-blue);
}
.page_open-programs .programs .card-tags {
    margin-top: 16px;
    display: flex;
    gap: 21px;
    margin-bottom: auto;
}
.page_open-programs .programs .card-tag {
    color: var(--color);
    font-size: 12px;
    position: relative;
}
.page_open-programs .programs .card-tag:not(:last-child)::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 3px;
    top: 50%;
    translate: 0 -50%;
    left: calc(100% + 10px);
    background: var(--color);
    border-radius: 50%;
}
.page_open-programs .programs .card-button {
    font-size: 14px;
    height: 33px;
    margin-top: 60px;
}
.page_open-programs .programs .show-more {
    margin-top: 32px;
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 14px;
}
.page_open-programs .programs .show-more button {
    border: 1px solid #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 500;
    height: 42px;
    padding: 0 24px;
}
.page_open-programs .programs .counter {
    background: hsla(0, 0%, 100%, 0.2);
    padding: 0 10px;
    height: 26px;
    display: flex;
    align-items: center;
    border-radius: 100px;
}
.page_open-programs .programs .filter-trigger {
    border: 1px solid #fff;
    border-radius: 50px;
    height: 36px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.page_open-programs .programs .close {
    display: flex;
    right: 32px;
    align-self: end;
    margin-bottom: 20px;
    display: none;
}





.page_open-programs .section_popular-programs {
    margin: 0;
}
.page_open-programs .section_popular-programs .splide__track {
    /* padding-bottom: 205px; */
}

.page_open-programs .section_level {
    border-radius: 0 0 0 0;
   background: var(--blue);
   padding-bottom: 84px;
   /* border-radius: 24px 24px 0 0; */
}
.page_open-programs .section_popular-programs .container {
    position: relative;
}
.page_open-programs .section_popular-programs .show-more {
    position: absolute;
    left: var(--container-padding);
    bottom: 96px;
    margin-top: 32px;
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 14px;
}
.page_open-programs .section_popular-programs .show-more button {
    border: 1px solid #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 500;
    height: 42px;
    padding: 0 24px;
}


.page_corporate-programs .for-whom {
    background: var(--blue);
    padding: 52px 0 76px;
}
.page_corporate-programs .for-whom .cards {
    margin: 54px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.page_corporate-programs .for-whom .row {
    display: flex;
    gap: 16px;
}

.page_corporate-programs .for-whom .card {
    flex: 1 1 0;
    background: #fff;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    transition: 0.25s;
}
.page_corporate-programs .for-whom .card * {
    transform: 0.25s;
}

.page_corporate-programs .for-whom .card-title,
.page_corporate-programs .for-whom .block-title {
    margin-top: auto;
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);
}
.page_corporate-programs .for-whom svg,
.page_corporate-programs .for-whom img {
    align-self: end;
    flex-shrink: 0;
}
.page_corporate-programs .for-whom .card-text,
.page_corporate-programs .for-whom .block-text {
    margin-top: 6px;
    font-size: 14px;
    color: #5c5c5c;
}
.page_corporate-programs .for-whom .blocks {
    margin-top: 54px;
    gap: 16px;
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(5, 1fr);
}
.page_corporate-programs .for-whom .block {
    min-height: 90px;
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
}
.page_corporate-programs .for-whom .block:hover {
    text-align: left;
}
.page_corporate-programs .for-whom .block:hover .block-text {
    display: block;
}
.page_corporate-programs .for-whom .block-text {
    /* display: none; */
     display: block;
}


.page_corporate-programs .development-steps {
    padding: 72px 0;
    background: #fff;
}
.page_corporate-programs .development-steps .title {
    color: var(--dark-blue);
}
.page_corporate-programs .development-steps .cards {
    margin-top: 36px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}
.page_corporate-programs .development-steps .card {
    background: var(--light-grey);
    border-radius: 8px;
    padding: 24px;
    min-height: 228px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
}
.page_corporate-programs .development-steps .card:nth-child(-n + 3) {
    grid-column: span 4;
}
.page_corporate-programs .development-steps .card:nth-child(n + 4) {
    grid-column: span 3;
}
.page_corporate-programs .development-steps .card-number {
    top: 24px;
    left: 24px;
    line-height: 90px;
    font-weight: 500;
    font-size: 128px;
    position: absolute;
    opacity: 0.4;
    z-index: 1;
}
.page_corporate-programs .development-steps .card-title {
    position: relative;
    z-index: 2;
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);
}
.page_corporate-programs .development-steps .card-text {
    position: relative;
    z-index: 2;
    margin-top: 8px;
    font-size: 14px;
    color: var(--dark-grey);
}
.page_corporate-programs .development-steps .splide {
    display: none;
}


.page_corporate-programs .cases {
    padding: 72px 0;
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
    background: #fff;
}
.page_corporate-programs .cases .title {
    color: var(--dark-blue);
}
.page_corporate-programs .cases .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page_corporate-programs .cases .splide__track {
    margin-top: 48px;
}
.page_corporate-programs .cases .splide__slide {
    height: 502px;
    border-radius: 16px;
    contain: paint;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.page_corporate-programs .cases .splide__slide:hover .card-title {
    opacity: 0;
}
.page_corporate-programs .cases .splide__slide:hover .card-hovered {
    opacity: 1;
}
.page_corporate-programs .cases .splide__slide:hover .card-hovered .card-title {
    opacity: 1;
}
.page_corporate-programs .cases .bg:after {
    background: rgba(7, 17, 26, 0.6);
}
.page_corporate-programs .cases .card-title {
    position: relative;
    z-index: 2;
    font-size: 32px;
    transition: 0.25s;
}
.page_corporate-programs .cases .card-hovered {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 24px;
    background: rgba(7, 17, 26, 0.2);
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: 0.25s;
}
.page_corporate-programs .cases .card-text {
    margin-top: 16px;
    font-size: 18px;
}
.page_corporate-programs .cases .card-button {
    margin-top: 26px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    padding: 0 48px;
    flex-shrink: 0;
}


.page_corporate-programs .section_study-place {
    padding-bottom: 50px;
}

.page_corporate-programs .professors {
    padding: 72px 0 65px;
    background: var(--blue);
}
.page_corporate-programs .professors .splide__track {
    margin-top: 48px;
}
.page_corporate-programs .professors .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page_corporate-programs .professors .splide__slide {
    border-radius: 24px;
    contain: paint;
    display: flex;
    flex-direction: column;
    position: relative;
}
.page_corporate-programs .professors .info {
    position: absolute;
    top: 8px;
    right: 8px;
    background: hsla(0, 0%, 100%, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.page_corporate-programs .professors .image {
    height: 330px;
}
.page_corporate-programs .professors .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page_corporate-programs .professors .content {
    padding: 24px 16px;
    background: #fff;
    flex: 1 1 auto;
}
.page_corporate-programs .professors .name {
    color: var(--dark-blue);
    font-size: 18px;
    font-weight: 500;
}
.page_corporate-programs .professors .status {
    margin-top: 12px;
    font-size: 14px;
    color: var(--dark-grey);
}




.page_for-employees .section_start .content {
    margin-top: 124px;
    gap: 0;
}
.page_for-employees .section_start .back-link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}
.page_for-employees .section_start .back-link span {
    opacity: 0.8;
}
.page_for-employees .section_start .tags {
    margin-top: 32px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.page_for-employees .section_start .tag {
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 1px solid #acacac;
    background: hsla(0, 0%, 100%, 0.1019607843);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
/* .page_for-employees .section_start .tag {
    font-size: 8px;
    font-weight: 500;
    height: 22px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 1px solid #acacac;
    background: hsla(0, 0%, 100%, 0.1019607843);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
} */
.page_for-employees .section_start .container {
    height: 572px;
}
.page_for-employees .section_start .title {
    margin-top: 12px;
}
.page_for-employees .section_start .text {
    margin-top: 30px;
}
.page_for-employees .section_start .get-consultation {
    margin-top: 60px;
    padding: 0 92px;
}


.page_for-employees .info-desc {
    background: #fff;
    padding: 70px 0 86px;
}
.page_for-employees .info-desc .container {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
}
.page_for-employees .info-desc .big {
    color: var(--dark-blue);
}
.page_for-employees .info-desc .text {
    color: var(--dark-grey);
    font-size: 14px;
}
.page_for-employees .info-desc .item {
    display: flex;
    flex-direction: column;
}


.page_for-employees .about-program {
    background: var(--blue);
    margin: 0;
    padding: 60px 0 96px;
}
.page_for-employees .about-program .container {
    display: flex;
    gap: 24px;
    justify-content: space-between;
}
.page_for-employees .about-program .content {
    flex: 0 1 738px;
}
.page_for-employees .about-program .text {
    margin-top: 40px;
    font-size: 22px;
    font-weight: 500;
}
.page_for-employees .about-program .text-small {
    margin-top: 20px;
    line-height: 1.4;
}
.page_for-employees .about-program .table {
    flex: 0 1 463px;
    align-self: end;
    background: #fff;
    border-radius: 18px;
    color: #5c5c5c;
    padding: 24px;
}
.page_for-employees .about-program .table-title {
    font-weight: 500;
}
.page_for-employees .about-program .table-text {
    margin-top: 10px;
    font-size: 12px;
}


.page_for-employees .what-will-learn {
    padding: 50px 0 70px;
    background: var(--blue);
}
.page_for-employees .what-will-learn .grid {
    margin-top: 56px;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
}
.page_for-employees .what-will-learn .card {
    background: #fff;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 228px;
    align-items: end;
    transition: 0.25s;
}
.page_for-employees .what-will-learn .card * {
    transition: 0.25s;
}

.page_for-employees .what-will-learn .card-title {
    color: var(--dark-blue);
    font-size: 20px;
    font-weight: 500;
    max-width: 320px;
    align-self: start;
}


.page_for-employees .section_learning {
    padding-bottom: 105px;
}
.page_for-employees .section_learning .subtitle {
    color: var(--dark-grey);
    font-size: 22px;
    font-weight: 500;
    margin-top: 36px;
    margin-top: 48px;
}
.page_for-employees .section_learning .card-title {
    font-size: 20px;
}
.page_for-employees .section_learning .card-icon {
    flex-shrink: 0;
}
.page_for-employees .section_learning::after {
    background: rgba(167, 195, 243, 0.8392156863);
    width: 274px;
    height: 274px;
    right: -71px;
    bottom: -76px;
    filter: blur(91px);
}


.page_for-employees .structure {
    padding: 60px 0 84px;
    background: var(--blue);
}
.page_for-employees .structure .head {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}
.page_for-employees .structure .title {
    flex: 0 0 auto;
}
.page_for-employees .structure .subtitle {
    font-size: 16px;
    opacity: 0.8;
    max-width: 60%;
    margin-top: 10px;
}
.page_for-employees .structure .cards {
    margin-top: 60px;
    display: flex;
    gap: 16px;
    flex-direction: column;
}
.page_for-employees .structure .card {
    position: relative;
    /* flex: 1 1 0; */
    background: #fff;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--light-grey);
    margin-top: 20px;
}
.page_for-employees .structure .module {
    position: absolute;
    top: 0;
    left: 24px;
    translate: 0 -50%;
    background: #fff;
    border: 1px solid var(--middle-grey);
    border-radius: 100px;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 16px;
    color: var(--dark-blue);
}
.page_for-employees .structure .card-title {
    color: var(--dark-blue);
    font-size: 24px;
    font-weight: 500;
}
.page_for-employees .structure .card-info {
    margin-top: 8px;
    color: #5c5c5c;
    opacity: 0.8;
}
.page_for-employees .structure .card-list {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
}
.page_for-employees .structure .card-list li {
    color: #5c5c5c;
    opacity: 0.8;
    line-height: 1.4;
    position: relative;
    counter-increment: li;
}
.page_for-employees .structure .card-list li::before {
    content: counter(li) ". ";
}
.page_for-employees .structure .card-list-title {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-blue);
    margin-bottom: 10px;
    margin-top: 20px;
}
.page_for-employees .structure .how-learning {
    margin-top: 130px;
}
.page_for-employees .structure .points {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px 15px;
}
.page_for-employees .structure .point {
    text-wrap: balance;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.page_for-employees .structure .point-icon {
    background: #fff;
    border-radius: 12px;
    height: 62px;
    width: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_for-employees .structure .point-title {
    font-size: 20px;
    font-weight: 500;
}
.page_for-employees .structure .point-text {
    line-height: 1.4;
    opacity: 0.8;
}



.page_for-employees .selection-steps {
    background: #fff;
    padding: 62px 0 72px;
}
.page_for-employees .selection-steps .title {
    color: var(--dark-blue);
}
.page_for-employees .selection-steps .steps {
    margin-top: 38px;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
}
.page_for-employees .selection-steps .step {
    background: var(--light-grey);
    border-radius: 16px;
    padding: 16px 22px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--dark-blue);
}
.page_for-employees .selection-steps .step:last-child {
    color: #fff;
    background: var(--blue);
}
.page_for-employees .selection-steps .step-title {
    font-size: 24px;
    font-weight: 500;
}
.page_for-employees .selection-steps .step-text {
    font-size: 18px;
}

.page_for-employees .experts {
    padding: 62px 0;
    background: var(--blue);
    margin: 0;
}
.page_for-employees .experts .splide {
    margin-top: 40px;
}
.page_for-employees .experts .splide__track {
    margin: 0 calc((100vw - 100%) / -2);
}
.page_for-employees .experts .splide__slide {
    border-radius: 24px;
    contain: paint;
    background: #fff;
}
.page_for-employees .experts .video {
    height: 330px;
    width: 100%;
}
.page_for-employees .experts .video video,
.page_for-employees .experts .video img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page_for-employees .experts .content {
    padding: 16px;
    min-height: 178px;
}
.page_for-employees .experts .name {
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-blue);
}
.page_for-employees .experts .status {
    color: var(--dark-grey);
    margin-top: 10px;
    font-size: 14px;
}

.page_for-employees .buns {
    background: #fff;
    padding: 70px 0 50px;
}
.page_for-employees .buns .container {
    display: flex;
    gap: 16px;
}
.page_for-employees .buns .card {
    flex: 1 1 0;
    border-radius: 16px;
    padding: 24px 32px 32px;
    display: flex;
    flex-direction: column;
    min-height: 416px;
}
.page_for-employees .buns .card:nth-child(1) {
    background: var(--blue);
    box-shadow: 0 24px 14px -10px #bdcfeb;
}
.page_for-employees .buns .card:nth-child(2) {
    background: var(--orange);
    box-shadow: 0 14px 14px -10px rgba(241, 123, 43, 0.3215686275);
}
.page_for-employees .buns .card-text {
    margin-top: 24px;
    max-width: 286px;
}
.page_for-employees .buns .card-button {
    margin-top: auto;
    height: 40px;
}



.page_for-employees .comments {
    padding: 72px 0 64px;
    margin: 0;
    background: var(--blue);1
}
.page_open-programs .comments {
    padding: 72px 0 64px;
    margin: 0;
    background: #FFF;
}
.page_for-employees .comments .head {
    display: flex;
    align-items: center;
    font-size: 36px;
    font-weight: 500;
    justify-content: space-between;
}

.page_open-programs .comments .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page_for-employees .comments .splide__track {
    margin-top: 48px;
}
.page_open-programs .comments .splide__track {
    margin-top: 48px;
    padding-bottom: 48px;
}

.page_for-employees .comments .splide__slide {
    border-radius: 24px;
    background: #fff;
    padding: 24px 24px;
    display: flex;
    flex-direction: column;
}

.page_open-programs .comments .splide__slide {
    border-radius: 24px;
    background: var(--light-grey);
    padding: 24px 24px 24px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 14px 14px -10px rgba(143, 141, 140, 0.85);
    justify-content: space-between;
    height: 280px;
}
.page_for-employees .comments .card-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-blue);
}

.page_open-programs .comments .card-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--dark-blue);
}

.page_for-employees .comments .status {
    margin-top: 16px;
    font-size: 14px;
    color: var(--dark-grey);
    opacity: 0.7;
}
.page_open-programs .comments .status {
    margin-top: 16px;
    font-size: 14px;
    color: var(--dark-grey);
    opacity: 0.7;
}
.page_for-employees .comments .card-text {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-size: 18px;
    color: #5c5c5c;
    margin-bottom: auto;
}


.page_open-programs .comments .card-text {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 12px;
    color: #5c5c5c;
}   

.page_open-programs .comments .card-text span{
    /* font-weight: 600; */
    font-size: 14px;
    color: #111;
}   

.page_for-employees .comments .card-button {
    margin-top: 20px;
    height: 40px;
}

.page_open-programs .comments .card-button {
    margin-top: 30px;
    height: 40px;
}




.page_activity .event,
.page_event .event {
    padding: 40px 0 62px;
    background: #fff;
}
.page_activity .event .body,
.page_event .event .body {
    max-width: 878px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.page_activity .event .title,
.page_event .event .title {
    color: var(--dark-blue);
    font-size: 32px;
}
.page_activity .event .title br,
.page_event .event .title br {
    display: none;
}
.page_activity .event .actions,
.page_event .event .actions {
    display: flex;
    gap: 40px;
    color: #5c5c5c;
    font-size: 12px;
}
.page_activity .event .actions > *,
.page_event .event .actions > * {
    flex-shrink: 0;
}
.page_activity .event .share,
.page_event .event .share {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: underline;
}
.page_activity .event .poster,
.page_event .event .poster {
    border-radius: 16px;
    contain: paint;
}
.page_activity .event .poster img,
.page_event .event .poster img {
    width: 100%;
}
.page_activity .event .activity-info,
.page_event .event .activity-info {
    background: var(--blue);
    padding: 16px;
    padding-left: 48px;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page_activity .event .send-application,
.page_event .event .send-application {
    height: 33px;
    font-size: 14px;
}
.page_activity .event .content,
.page_event .event .content {
    display: flex;
    align-items: start;
    gap: 32px;
    position: relative;
}
.page_activity .event .content-text,
.page_event .event .content-text {
    flex: 1 1 665px;
    color: #5c5c5c;
    display: flex;
    flex-direction: column;
    gap: 5px;
    line-height: 1.4;
}
.page_activity .event .text,
.page_event .event .text {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.page_activity .event .list-title,
.page_event .event .list-title {
    color: #000;
    font-weight: 700;
}
.page_activity .event .list,
.page_event .event .list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.page_activity .event .list-item,
.page_event .event .list-item {
    padding-left: 12px;
    margin-left: 8px;
    position: relative;
}
.page_activity .event .list-item::before,
.page_event .event .list-item::before {
    content: "•";
    position: absolute;
    left: 0;
    margin-right: 8px;
}
.page_activity .event .activity-sticky,
.page_event .event .activity-sticky {
    position: sticky;
    top: 16px;
    flex: 0 0 auto;
    background: var(--blue);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.page_activity .event .group,
.page_event .event .group {
    display: flex;
    flex-direction: column;
}
.page_activity .event .next-news,
.page_event .event .next-news {
    margin-top: 72px;
}
.page_activity .event .next-news span,
.page_event .event .next-news span {
    font-size: 12px;
    color: #5c5c5c;
}
.page_activity .event .next-news a,
.page_event .event .next-news a {
    font-size: 24px;
    color: var(--dark-blue);
    font-weight: 500;
    display: flex;
    gap: 16px;
    align-items: center;
}
.page_activity .event .big-text,
.page_event .event .big-text {
    font-size: 22px;
    font-weight: 500;
    color: #5c5c5c;
    line-height: 1.2;
}
.page_activity .event .quote,
.page_event .event .quote {
    font-weight: 500;
    padding-left: 24px;
    border-left: 8px solid var(--dark-blue);
}





.page_news .news {
    background: #fff;
    padding: 50px 0 66px;
}
.page_news .news .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page_news .news .title {
    font-size: 32px;
    font-weight: 500;
    color: var(--dark-blue);
}
.page_news .news .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.page_news .news .component_tag-checkbox {
    border: 1px solid var(--middle-grey);
    height: 24px;
    font-size: 12px;
    color: var(--dark-blue);
}
.page_news .news .component_tag-checkbox:has(input:checked) {
    border-color: var(--dark-blue);
    background: var(--dark-blue);
    color: #fff;
}
.page_news .news .row {
    margin-top: 40px;
    display: flex;
    gap: 16px;
}
.page_news .news .column {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.page_news .news .card {
    color: #5c5c5c;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}
.page_news .news .card::after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='1px'%3E%3Crect width='100%25' height='100%25' style='fill: none; stroke: %23CCCCCC; stroke-width: 4; stroke-dasharray: 5 8'/%3E%3C/svg%3E");
    background-position: top;
    background-repeat: no-repeat;
    top: -40px;
    left: 0;
}

.page_news .news .poster {
    aspect-ratio: 415/195;
    border-radius: 16px;
    contain: paint;
    max-width: 415px;
}
.page_news .news .poster img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page_news .news .card-tags {
    font-size: 12px;
    display: flex;
    gap: 16px;
}
.page_news .news .card-title {
    color: var(--dark-blue);
    font-size: 18px;
    font-weight: 500;
}
.page_news .news .card-text {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page_news .news .read-more {
    text-decoration: underline;
    color: var(--dark-blue);
}
.page_news .news ._activity {
    position: relative;
    aspect-ratio: 1;
    justify-content: end;
    padding: 24px;
    /* max-width: 415px; */
}
.page_news .news ._activity .poster:after {
    background: rgba(0, 0, 0, 0.4);
}
.page_news .news ._activity > * {
    position: relative;
    z-index: 2;
}
.page_news .news ._activity .card-title {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page_news .news ._activity .read-more {
    color: #fff;
}
.page_news .news ._activity .card-tags {
    color: #fff;
}
.page_news .news .show-more {
    border: 1px solid var(--middle-grey);
    height: 42px;
    border-radius: 100px;
    gap: 10px;
    margin: 40px auto 0;
}




html {
    scroll-behavior: smooth;
}
html._lock-scroll {
    overflow: hidden;
    scrollbar-gutter: stable;
    position: relative;
}
body {
    font-family: "Golos Text";
    color: #fff;
    line-height: 1.2;
    scroll-behavior: smooth;
}
.container {
    max-width: 1380px;
    padding: 0 var(--container-padding);
    margin: auto;
}
.paint {
    contain: paint;
}
section {
    scroll-margin-top: 40px;
}

.page_corporate-programs .professors p {
    margin-top: 12px;
    font-size: 14px;
    color: var(--dark-grey);
}
.page_for-employees  .professors p {
    margin-top: 12px;
    font-size: 14px;
    color: var(--dark-grey);
}
.page_news .cases {
    margin-top: 40px;
}
.page_news .case_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.page_news .slide {
    height: 502px;
    border-radius: 16px;
    contain: paint;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.page_news .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page_news .slide:hover .card-title {
    opacity: 0;
}
.page_news .slide:hover .card-hovered {
    opacity: 1;
}
.page_news .slide:hover .card-hovered .card-title {
    opacity: 1;
}
.page_news .bg:after {
    background: rgba(7, 17, 26, 0.6);
}
.page_news .slide .card-title {
    position: relative;
    z-index: 2;
    font-size: 32px;
    color: #fff;
    transition: 0.25s;
}
.page_news .slide .card-hovered {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 24px;
    background: rgba(7, 17, 26, 0.2);
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: 0.25s;
}
.page_news .slide .card-text {
    margin-top: 16px;
    font-size: 18px;
}
.page_news .slide .card-button {
    margin-top: 26px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    padding: 0 48px;
    flex-shrink: 0;
}

.flex-buttons-baner {
    display: flex;
    gap: 20px;
}
.white-button {
    background-color: #fff !important;
    color: var(--dark-blue) !important;
}
.section_flagman {
    padding-bottom: 70px;
}
.section_flagman .title {
    font-size: 36px;
    font-weight: 500;
    color: var(--dark-blue);
}
.section_flagman .grid {
    margin-top: 48px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 16px;
}
.section_flagman .grid .card {
    background-color: #2F51A2;
    position: relative;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 40px;
}

.section_flagman .grid .card::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.3;
    background-color: #fff;
    top: 0;
    left: 0;
}
.section_flagman .grid .card:hover::after {
    display: none;
}

.section_flagman .grid .card .card-top {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.section_flagman .grid .card .card-top h2 {
    font-size: 36px;
    flex: 2;
}
.section_flagman .grid .card .card-top .sub-date {
    flex: 1;
    display: flex;
    justify-content: end;
}
.section_flagman .grid .card .card-content .card-text-bold {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}
.section_flagman .grid .card .card-content .card-text {
    font-size: 14px;
}
.section_flagman .grid .card .card-content p{
    margin-bottom: 20px;
    font-size: 14px;
}
.section_flagman .grid .card .card-content p strong{
    font-size: 16px;
}
.section_flagman .grid .card .card-top .sub-date span {
    border: 1px solid #fff;
    border-radius: 100px;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    padding: 0 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.15s;
}
.section_flagman .grid .card .card-bottom {
    margin-top: 30px;
}
.section_flagman .grid .card .card-bottom button {
    cursor: pointer;
    background: #fff;
    color: var(--dark-blue);
    height: 43px;
    font-weight: 500;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    width: -moz-fit-content;
    width: fit-content;
}

.section_level {
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    background: var(--dark-blue);
    margin: 0;
    padding: 70px 0;
}

.section_level .head {
    display: flex;
    gap: 50px;
}
.section_level .head .title {
    flex: 1;
    font-size: 36px;
    color: #fff;
    font-weight: 500;
}

.section_level .head .subtitle {
    flex: 1;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.section_level .grid {
    margin-top: 48px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 16px;
}

.section_level .grid .card {
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section_level .grid .card .card-top {
    flex: 2;
    margin-bottom: 40px;
}
.section_level .grid .card .card-content {
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);
    flex: 1;
}
.section_level .grid .card .card-bottom {
    font-size: 14px;
    color: #5c5c5c;
    flex: 1;
}

.page_for-employees .info-desc .text {
    max-width: 80%;
}

.about-program .content p:not(:last-child) {
    margin-bottom: 20px;
}



.page_open-programs .how-learning {
    padding: 60px 0 84px;
    background: var(--blue);
    padding-bottom: 0;
}
.page_open-programs .how-learning .head {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}
.page_open-programs .how-learning .title {
    flex: 0 0 auto;
}
.page_open-programs .how-learning .subtitle {
    flex: 0 1 590px;
    font-size: 20px;
    opacity: 0.8;
}
.page_open-programs .how-learning .cards {
    margin-top: 60px;
    display: flex;
    gap: 16px;
}
.page_open-programs .how-learning .card {
    position: relative;
    flex: 1 1 0;
    background: #fff;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--light-grey);
}
.page_open-programs .how-learning .module {
    position: absolute;
    top: 0;
    left: 24px;
    translate: 0 -50%;
    background: #fff;
    border: 1px solid var(--middle-grey);
    border-radius: 100px;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 16px;
    color: var(--dark-blue);
}
.page_open-programs .how-learning .card-title {
    color: var(--dark-blue);
    font-size: 24px;
    font-weight: 500;
}
.page_open-programs .how-learning .card-info {
    margin-top: 8px;
    color: #5c5c5c;
    opacity: 0.8;
}
.page_open-programs .how-learning .card-list {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
}
.page_open-programs .how-learning .card-list li {
    color: #5c5c5c;
    opacity: 0.8;
    line-height: 1.4;
    position: relative;
    counter-increment: li;
}
.page_open-programs .how-learning .card-list li::before {
    content: counter(li) ". ";
}
.page_open-programs .how-learning .card-list-title {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-blue);
    margin-bottom: 10px;
}
.page_open-programs .how-learning .how-learning {
    margin-top: 130px;
}
.page_open-programs .how-learning .points {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px 15px;
}
.page_open-programs .how-learning .point {
    text-wrap: balance;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.page_open-programs .how-learning .point-icon {
    background: #fff;
    border-radius: 12px;
    height: 62px;
    width: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_open-programs .how-learning .point-title {
    font-size: 20px;
    font-weight: 500;
}
.page_open-programs .how-learning .point-text {
    line-height: 1.4;
    opacity: 0.8;
}

.page_open-programs .comments{
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
}





.profile-block {
    display: flex;
    gap:30px;
}
.profile-block .burger {
    display: none;
}
.profile-block .icon-header{
   display: flex;
  align-items: center;
}
.profile-block .eye-btn{
   display: flex;
   align-items: center;
 }

 .profile-block .eye-btn svg{
    width: 21px;
    height: 20px;
    fill: #fff;
 }
.page_main .start .button {
    background-color: #FF383C;
}
.menu-pk {
    display: flex;
  gap: 30px;
  align-items: center;
}

.menu-pk a{
    font-weight: 500;
   font-size: 18px;
}

.NewProgrammBlock {
    position: absolute;
    bottom: 140px;
    right: 50px;
    width: 320px;
    background-color: #2F51A2;
    z-index: 100;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.titleProgrammBlock {
    display: flex;
    justify-content: space-between;
}
.titleProgrammBlock .header{
    font-size: 8px;
    font-weight: 500;
    text-transform: uppercase;
}
.titleProgrammBlock .date{
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
.bodyProgrammBlock {
    display: flex;
    gap: 10px;
}
.bodyProgrammBlock .imageBlock {
    
}
.bodyProgrammBlock .image {
    width: 56px;
    height: 56px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.bodyProgrammBlock .image img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}
.bodyProgrammBlock .contentBlock{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.contentBlock .textBlock{
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.section_popular-programs .date {
    background: #FF383C;
}

.section_popular-programs .bg::after{
    content: "";
    position: absolute;
    background: rgba(42, 42, 42, 0.5882352941);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.section_start .get-consultation {
    background: #FF383C;
}

.page_about .section_start .content {
    margin: 160px 0 auto;
    gap: 0;
}

.page_about .section_start .content .title{
    width:75%;
}
.page_open-programs .section_start .bg {
    scale: 1 1;
}
.page_about .section_start .bg {
    scale: 1 1;
}

.page_about .about-program{
    margin-top: -24px;
}

.page_about .about-program .container{
    display: flex;
    gap:30px;
}
.page_about .about-program .container .text-left, .page_about .about-program .container .text-right{
    flex:1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}

.page_for-employees .info-desc .title{
    font-size: 36px;
    font-weight: 500;
    color: var(--dark-blue);
}

.page_for-employees .info-desc .title-container{
    display: flex;
    margin-bottom: 38px;
}

.page_about .about-program .container .text-right{
    background-color:#0088FF;
    border-radius: 24px;
}
.page_about .section_study-place .subtitle{
    color: #5C5C5C;
    font-size: 22px;
    font-weight: 500;
    margin-top: 24px;
}

.page_about .section_study-place .snoska{
    color: #5C5C5C;
    font-size: 16px;
    font-weight: 500;
    border-radius: 16px;
    background-color: #F0F4FA;
    padding: 24px;
    margin-top: 15px;
}

.page_about .info-desc {
    background: #fff;
    padding: 60px 0 60px;
  }

.page_about .structure {
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    padding: 60px 0 84px;
    background: var(--blue);
}

.page_about .structure .how-learning {
  margin-top: 0px;
  padding-bottom: 90px;
}

.page_about .development-steps {
    padding-bottom: 90px;
}

.page_about .structure_object .shortdesc{
    font-size: 20px;
}
.page_about .structure .head{
    margin-top: 20px;
    margin-bottom: 40px;
    align-items: center;
}
.page_about .development-steps .title {
    color: #fff;
}
.page_about .development-steps .cards {
    margin-top: 36px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    flex-direction: row;
}
.page_about .development-steps .card {
    background: var(--light-grey);
    border-radius: 8px;
    padding: 24px;
    min-height: 228px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
}
.page_about .development-steps .card {
    flex: 1 1 calc(50% - 8px); 
}

.page_about .development-steps .card:nth-child(3) {
    flex: 3 1 calc(33.333% - 5.333px); 
}

.page_about .development-steps .card:nth-child(4) {
    flex: 2 1 calc(66.666% - 10.667px); 
}


.page_about .development-steps .card-number {
    top: 24px;
    left: 24px;
    line-height: 90px;
    font-weight: 500;
    font-size: 128px;
    position: absolute;
    opacity: 0.4;
    z-index: 1;
}
.page_about .development-steps .card-title {
    position: relative;
    z-index: 2;
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);
}
.page_about .development-steps .card-text {
    position: relative;
    z-index: 2;
    margin-top: 8px;
    font-size: 14px;
    color: var(--dark-grey);
}
.page_about .development-steps .splide {
    display: none;
}

.structure_object .splide__slide {
    height: 300px;
    border-radius: 24px;
    padding: 24px;
}
.structure_object .splide__slide .content{
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.structure_object .splide__slide .content .name{
    font-size: 24px;
    font-weight: 500;
}
.structure_object .splide__slide .content .status{
    font-size: 14px;
}

#splide_partners .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

#splide_partners .splide__slide img {
  max-height: 80px;
}

#splide_partners .splide__slide{
    height: 120px;
    align-content: center;
    text-align: center;
}
.page_about .selection-steps {
    background: #fff;
    padding: 60px 0 60px;
}
.selection-steps .splide {
    margin-top: 30px;
    margin-bottom: 30px;
}
.page_about .comments .head .title{
    font-size: 36px;
  font-weight: 500;
}
.page_about .professors {
    padding: 72px 0 65px;
    background: var(--blue);
}
.page_about .professors .splide__track {
    margin-top: 48px;
}
.page_about .professors .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page_about .professors .splide__slide {
    border-radius: 24px;
    contain: paint;
    display: flex;
    flex-direction: column;
    position: relative;
}
.page_about .professors .info {
    position: absolute;
    top: 8px;
    right: 8px;
    background: hsla(0, 0%, 100%, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.page_about .professors .image {
    height: 330px;
}
.page_about .professors .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page_about .professors .content {
    padding: 24px 16px;
    background: #fff;
    flex: 1 1 auto;
    color: #5C5C5C;
    font-size: 14px;
}
.page_about .professors .name {
    color: var(--dark-blue);
    font-size: 18px;
    font-weight: 500;
}
.page_about .professors .status {
    margin-top: 12px;
    font-size: 14px;
    color: var(--dark-grey);
}





.page_about .sovet {
    padding: 72px 0 65px;
    background: #fff;
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
}

.page_about .sovet .title{
    font-size: 36px;
    font-weight: 500;
    color: var(--dark-blue);
}

.page_about .sovet .splide__track {
    margin-top: 48px;
}
.page_about .sovet .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page_about .sovet .splide__slide {
    border-radius: 24px;
    contain: paint;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #F0F4FA;
}
.page_about .sovet .info {
    position: absolute;
    top: 8px;
    right: 8px;
    background: hsla(0, 0%, 100%, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.page_about .sovet .image {
    height: 330px;
}
.page_about .sovet .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page_about .sovet .content {
    padding: 24px 16px;
    background: #fff;
    flex: 1 1 auto;
    color: #5C5C5C;
    font-size: 14px;
    background-color: #F0F4FA;
}
.page_about .sovet .name {
    color: var(--dark-blue);
    font-size: 18px;
    font-weight: 500;
}
.page_about .sovet .status {
    margin-top: 12px;
    font-size: 14px;
    color: var(--dark-grey);
}

.rektor-block .rektor-head .rector-name h4{
    color: var(--dark-blue);
    font-size: 20px;
    font-weight: 500;
}

.rektor-block .rektor-head .rector-name span{
    font-size: 16px;
    color: var(--dark-grey);
}

.rektor-block .rektor-head img{
    width: 120px;
    height: 120px;
}

.rektor-block .rektor-head {
    display: flex;
    gap: 30px;
    margin-top: 48px;
    align-items: center;
}
.rektor-block .rektor-head .rector-name{
    display: flex;
    gap:10px;
    flex-direction: column;
}

.rektor-block .rektor-bottom 
{
    color: #5C5C5C;
    font-size: 20px;
    font-style: italic;
    margin-top: 20px;
    margin-top: 30px;
    margin-bottom: 48px;
}

.page_corporate-programs .section_start .bg {
    scale: 1 1;
}

.page_gos .for-whom{
    padding: 72px 0;
    background: #fff;
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
}
.page_gos .for-whom .title{ 
    color: var(--dark-blue);
    font-size: 36px;
    font-weight: 500;
}
.page_gos .for-whom .card {
    background: #F0F4FA;
  }

  .page_gos .masterworks {
    --color: #5c5c5c;
    background: var(--blue);
    padding: 72px 0 82px;
    --transition: 0.3s;
    transition: 0.3s;
    border-radius: 24px 24px 0 0;
  position: relative;
  z-index: 2;
  margin-top: -24px;
  }
  .page_gos .masterworks .blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 равные колонки */
    gap: 20px; /* Расстояние между блоками */
}

.page_gos .masterworks.block {
    padding: 20px;
    background: #f5f5f5; /* Для наглядности */
    border-radius: 8px;
}
  .page_gos .masterworks .title{ 
   
    font-size: 36px;
    font-weight: 500;
}
.masterworks .card-title,
.masterworks .block-title {
    /* margin-top: auto; */
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);

}
.masterworks svg,
.masterworks img {
    align-self: end;
    flex-shrink: 0;
}
.masterworks .card-text,
.masterworks .block-text {
    margin-top: 6px;
    font-size: 14px;
    color: #5c5c5c;
}
.masterworks .blocks {
    margin-top: 54px;
    gap: 16px;
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(5, 1fr);
}
.masterworks .block {
    min-height: 90px;
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    min-height: 180px;
    justify-content: space-around;
    position: relative;
}
.masterworks .block:hover {
    text-align: left;
}
.masterworks .block:hover .block-text {
    display: block;
}
.masterworks .block-text {
    /* display: none; */
     display: block;
}
.masterworks .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.masterworks .block .module{
    position: absolute;
    top: 0;
    left: 24px;
    translate: 0 -50%;
    background: #fff;
    border: 1px solid var(--middle-grey);
    border-radius: 100px;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 16px;
    color: var(--dark-blue);
}
.masterworks .head .title,.masterworks .head span{
    max-width: 35%;
}

.head404 {
    height: 104px;
}








.imgblock, .contentblock {
    width:415px;
}   
.flex-error-block {
    margin-top: 100px;
    margin-bottom: 100px;
    display:flex;
    gap: 100px;
    justify-content: center;
}
.contentblock h1{
    font-size:48px;
    font-weight:500;
    color:#000000;
}
.contentblock .text{
    font-size:18px;
    color:#000;
}
.contentblock{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.go-home-button {
    background: var(--dark-blue);
     color: #fff;
     height: 43px;
    font-weight: 500;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    width: -moz-fit-content;
    width: fit-content;
}








.search-modal {
	position: absolute;
	top: 50px;
	right: var(--container-padding);
	display: flex;
	align-items: baseline;
	justify-content: end;
}
header .container {
	position: relative;
}
.search-modal {
	display: none;
}
.search-modal.is-open {
	display: block;
}

.search-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.15);
}

.search-modal__dialog {
	position: relative;
	width: calc(100% - 32px);
	max-width: 560px;
	margin: 26px auto 0;
	background: #d9d9d9; /* серый фон как на макете */
	padding: 22px 22px 14px;
	box-sizing: border-box;
	border-radius: 0;
	z-index: 2;
}

.search-modal__head {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 500px;
}

.search-modal__form {
	position: relative;
	flex: 1 1 auto;
}

.search-modal__icon {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.search-modal__icon img {
	display: block;
	width: 18px;
	height: 18px;
}

.search-modal__input {
	display: block;
	width: 100%;
	height: 44px;
	padding: 0 18px 0 46px;
	background: #fff;
	border: 0;
	border-radius: 24px;
	outline: none;
	box-sizing: border-box;
	font-size: 16px;
	color: #1f1f1f;
}

.search-modal__input::placeholder {
	color: #1f1f1f;
	opacity: 1;
}

.search-modal__close {
	width: 24px;
	height: 24px;
	font-size: 26px;
	line-height: 24px;
	color: #0b4ea2;
	cursor: pointer;
	position: absolute;
	z-index: 9999999999;
	right: 20px;
}

.search-modal__results {
	margin-top: 14px;
	background: #fff;
	padding: 10px 20px;
}

.search-modal__results a {
	display: block;
	text-decoration: none;
	color: #0b4ea2;
	font-size: 16px;
	line-height: 1.45;
	margin-bottom: 6px;
}

.search-modal__results a:last-child {
	margin-bottom: 0;
}

body.search-modal-open {
	overflow: hidden;
}

.page_for-employees .professors {
    padding: 72px 0 65px;
    background: var(--blue);
}
.page_for-employees .professors .splide__track {
    margin-top: 48px;
}
.page_for-employees .professors .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page_for-employees .professors .splide__slide {
    border-radius: 24px;
    contain: paint;
    display: flex;
    flex-direction: column;
    position: relative;
}
.page_for-employees .professors .info {
    position: absolute;
    top: 8px;
    right: 8px;
    background: hsla(0, 0%, 100%, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.page_for-employees .professors .image {
    height: 330px;
}
.page_for-employees .professors .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page_for-employees .professors .content {
    padding: 24px 16px;
    background: #fff;
    flex: 1 1 auto;
}
.page_for-employees .professors .name {
    color: var(--dark-blue);
    font-size: 18px;
    font-weight: 500;
}
.page_for-employees .professors .status {
    margin-top: 12px;
    font-size: 14px;
    color: var(--dark-grey);
}





.review-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
}

.review-modal.is-active {
	display: block;
}

.review-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
}

.review-modal__content {
	position: relative;
	z-index: 2;
	max-width: 700px;
	width: calc(100% - 40px);
	margin: 60px auto;
	background: #fff;
	border-radius: 16px;
	padding: 30px 24px 24px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	max-height: calc(100vh - 120px);
	overflow-y: auto;
    top: 20%;
}

.review-modal__close {
	position: absolute;
	top: 12px;
	right: 12px;
	border: 0;
	background: transparent;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
	width: 32px;
	height: 32px;
    color: var(--dark-blue);
}

.review-modal__title {
	margin: 0 0 16px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
    color: var(--dark-blue);
}

.review-modal__subtitle {
    margin-bottom: 16px;
  font-size: 14px;
  color: var(--dark-grey);
  opacity: 0.7;
}

.review-modal__text {
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	white-space: pre-line;
}

body.modal-open {
	overflow: hidden;
}



.content-text {
  color: #222;
  font-size: 16px;
  line-height: 1.65;
  word-break: break-word;
}

/* Базовые отступы у всех основных текстовых элементов */
.content-text > *:first-child {
  margin-top: 0;
}

.content-text > *:last-child {
  margin-bottom: 0;
}

/* Абзацы */
.content-text p {
  margin: 0 0 16px;
}

/* Заголовки */
.content-text h1,
.content-text h2,
.content-text h3,
.content-text h4,
.content-text h5,
.content-text h6 {
  margin: 32px 0 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #111;
}

.content-text h1 {
  font-size: 36px;
}

.content-text h2 {
  font-size: 30px;
}

.content-text h3 {
  font-size: 24px;
}

.content-text h4 {
  font-size: 20px;
}

.content-text h5 {
  font-size: 18px;
}

.content-text h6 {
  font-size: 16px;
}

/* Если заголовок идет первым */
.content-text h1:first-child,
.content-text h2:first-child,
.content-text h3:first-child,
.content-text h4:first-child,
.content-text h5:first-child,
.content-text h6:first-child {
  margin-top: 0;
}

/* Жирный текст */
.content-text strong,
.content-text b {
  font-weight: 700;
}

/* Курсив */
.content-text em,
.content-text i {
  font-style: italic;
}

/* Ссылки */
.content-text a {
  color: #0a66c2;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.content-text a:hover {
  text-decoration: none;
}

/* Списки */
.content-text ul,
.content-text ol {
  margin: 0 0 16px 0;
  padding-left: 24px;
}

.content-text ul {
  list-style: disc;
}

.content-text ol {
  list-style: decimal;
}

.content-text li {
  margin-bottom: 8px;
}

.content-text li:last-child {
  margin-bottom: 0;
}

/* Вложенные списки */
.content-text ul ul,
.content-text ul ol,
.content-text ol ul,
.content-text ol ol {
  margin-top: 8px;
  margin-bottom: 8px;
}

.content-text ul ul {
  list-style: circle;
}

.content-text ul ul ul {
  list-style: square;
}

.content-text ul li {
  list-style: inherit;
}

/* Цитаты */
.content-text blockquote {
  margin: 24px 0;
  padding: 8px 0 8px 20px;
  border-left: 4px solid #d9d9d9;
  color: #555;
  font-style: italic;
}

/* Горизонтальная линия */
.content-text hr {
  margin: 32px 0;
  border: 0;
  border-top: 1px solid #ddd;
}

/* Изображения */
.content-text img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 24px 0;
  border-radius: 0;
}

/* Если картинка внутри ссылки */
.content-text a img {
  display: block;
}

/* Подписи, мелкий текст */
.content-text small {
  font-size: 14px;
  color: #666;
}

/* Код */
.content-text code {
  padding: 2px 6px;
  font-family: Consolas, Monaco, monospace;
  font-size: 0.95em;
  background: #f5f5f5;
  border-radius: 4px;
}

.content-text pre {
  overflow-x: auto;
  margin: 24px 0;
  padding: 16px;
  background: #f5f5f5;
  border-radius: 6px;
}

.content-text pre code {
  padding: 0;
  background: transparent;
  border-radius: 0;
}

/* Таблицы */
.content-text table {
  width: 100%;
  margin: 24px 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.content-text table th,
.content-text table td {
  padding: 12px 14px;
  border: 1px solid #ddd;
  text-align: left;
  vertical-align: top;
}

.content-text table th {
  font-weight: 700;
  background: #f8f8f8;
}

/* iframe/video */
.content-text iframe,
.content-text video {
  max-width: 100%;
  margin: 24px 0;
}

/* Переносы строк */
.content-text br {
  line-height: inherit;
}
.page_svedenia .event{
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    background: #fff;
    margin: 0;
        margin-top: 0px;
    padding: 50px 0;
    margin-top: -24px;
}
.page_svedenia .ul-for-svedenia {
    color: #111;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.page_svedenia .page-title{
    color: var(--dark-blue);
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 40px;
}

.page_svedenia .ul-for-svedenia a{
    font-size: 16px;
    color: var(--dark-blue);
    display: flex;
    align-items: center;
    gap: 10px;
}
.page_svedenia .ul-for-svedenia a svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.page_svedenia .content{
    color:#111;
    font-size: 18px;
}

 .page_svedenia .content {
    color: #2b2b2b;
    font-size: 14px;
    line-height: 1.6;
    font-family: Arial, Helvetica, sans-serif;
}

 .page_svedenia .content * {
    box-sizing: border-box;
}

 .page_svedenia .content h1,
 .page_svedenia .content h2,
 .page_svedenia .content h3,
 .page_svedenia .content h4,
 .page_svedenia .content h5,
 .page_svedenia .content h6 {
    margin: 0 0 16px;
    font-weight: 700;
    line-height: 1.3;
    color: #1f1f1f;
}

 .page_svedenia .content h1 {
    font-size: 30px;
}

 .page_svedenia .content h2 {
    font-size: 24px;
}

 .page_svedenia .content h3 {
    margin-top: 32px;
    padding-bottom: 8px;
    font-size: 20px;
    border-bottom: 1px solid #dcdcdc;
}

 .page_svedenia .content h4 {
    font-size: 18px;
}

 .page_svedenia .content p {
    margin: 0 0 16px;
}

 .page_svedenia .content ul,
 .page_svedenia .content ol {
    margin: 0 0 16px 20px;
    padding: 0;
}

 .page_svedenia .content li {
    margin-bottom: 6px;
}

 .page_svedenia .content a {
    color: #0b66c3;
    text-decoration: none;
    border-bottom: 1px solid rgba(11, 102, 195, 0.3);
    transition: 0.2s ease;
}

 .page_svedenia .content a:hover {
    color: #084d92;
    border-bottom-color: rgba(8, 77, 146, 0.6);
}

 .page_svedenia .content table {
    width: 100% !important;
    margin: 0 0 24px;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
    border: 1px solid #d9d9d9;
}

 .page_svedenia .content table th,
 .page_svedenia .content table td {
    padding: 7px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #d9d9d9;
}

 .page_svedenia .content table tr:first-child td,
 .page_svedenia .content table thead th {
    font-weight: 700;
    background: #f5f6f8;
}

 .page_svedenia .content table tr:nth-child(even):not(:first-child) td {
    background: #fafafa;
}

 .page_svedenia .content table p:last-child,
 .page_svedenia .content table ul:last-child,
 .page_svedenia .content table ol:last-child {
    margin-bottom: 0;
}

 .page_svedenia .content hr {
    margin: 24px 0;
    border: 0;
    border-top: 1px solid #dcdcdc;
}

 .page_svedenia .content img {
    max-width: 100%;
    height: auto;
}

 .page_svedenia .content strong,
 .page_svedenia .content b {
    font-weight: 700;
}

 .page_svedenia .content em,
 .page_svedenia .content i {
    font-style: italic;
}

 .page_svedenia .content blockquote {
    margin: 0 0 20px;
    padding: 12px 16px;
    color: #555;
    background: #f7f7f7;
    border-left: 4px solid #d0d0d0;
}

 .page_svedenia .content span[itemprop] {
    color: inherit;
}

 .page_svedenia .content td ul,
 .page_svedenia .content td ol {
    margin: 0 0 0 18px;
}

 .page_svedenia .content td li:last-child {
    margin-bottom: 0;
}

.page_svedenia .content ul li {
  list-style: inherit;
}



.page_olymp .section_start .content {
    margin-top: 124px;
}

.page_olymp .about-program .container .head h1{
    font-size: 36px;
    font-weight: 500;
}

.page_olymp .about-program .container {
    flex-direction:column;
}

.page_olymp .about-program .container .content{
    display: flex;
    gap: 20px;
}

.page_olymp  .about-program .content {
    flex: inherit;
}

.page_olymp .about-program .container .content .text-block{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.page_olymp .about-program .container .content .text-block .text-up{
    font-size:24px;
    font-weight:500;
}
.page_olymp .about-program .container .content .text-block .text-down{
    font-size:20px;
}

.page_olymp .about-program .container .content .microblocks{
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
    gap: 20px;
}
.page_olymp .about-program .container .content .microblocks .block{
    padding: 24px;
    background-color: #fff;
    border-radius: 16px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.page_olymp .about-program .container .content .microblocks .block .block_title{
    color:var(--dark-blue);
    font-weight:500;
    font-size:24px;
}
.page_olymp .about-program .container .content .microblocks .block .block_text{
    color:var(--dark-grey);
    font-size:14px;
}

.page_olymp .structure {
    position: relative;
    z-index: 2;
    padding: 40px 0 84px;
    background: var(--blue);
    border-radius: 0px;
}
.page_olymp .rush-steps{
    margin-bottom: 160px;
}
.page_olymp .rush-steps .card p{
    font-size:16px;
    color:#5C5C5C;
}
.page_olymp .structure .card-title {
    color: var(--dark-blue);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}
.page_olymp .structure .point-title {
    font-size:24px;
}
.page_olymp .structure .point-text {
    font-size:18px;
}
.page_olymp .structure .how-learning {
    margin-top: 0px;
    padding-bottom: 40px;
}
.olymp-results {
    background: #fff;
    padding: 60px 0 60px;
}

.page_olymp .olymp-results__title {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 60px;
    color:var(--dark-blue);
}

/* Контейнер таблицы */
.page_olymp .olymp-results__table-wrapper {
    background: #f3f6fb;
    border-radius: 16px;
    padding: 48px;
    overflow-x: auto;
}

/* Таблица */
.page_olymp .olymp-results__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

/* Заголовки */
.page_olymp .olymp-results__table thead th {
    text-align: left;
    padding: 14px 12px;
    font-weight: 600;
    color: #2a5caa;
    border-bottom: 2px solid #d6e0f5;
    font-size: 24px;
    padding-bottom: 30px;
}

/* Строки */
.page_olymp .olymp-results__table tbody tr {
    border-bottom: 1px solid #d6e0f5;
}

/* Ячейки */
.page_olymp .olymp-results__table td {
    padding: 14px 12px;
    font-size: 24px;
}

/* Первый столбец */
.page_olymp .olymp-results__table td:first-child {
    color: #1f2a37;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Центрируем + / – */
.page_olymp .olymp-results__table td:not(:first-child),
.page_olymp .olymp-results__table th:not(:first-child) {
    text-align: center;
}

.page_olymp .olymp-results__table td:not(:first-child) {
    text-align: center;
    font-size: 24px;
}

/* Плюсы */
.page_olymp .olymp-results__table td {
    font-weight: 500;
    color: #2a5caa;
    font-size: 18px;
}

/* Минусы */
.page_olymp .olymp-results__table td:contains("–") {
    color: #9aa4b2;
}

/* Примечание */
.page_olymp .olymp-results__note {
    margin-top: 16px;
    background: #eef2f8;
    border-radius: 10px;
    padding: 24px;
    font-size: 18px;
    color: #000;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}
.how-work-oly {
    background: #fff;
    padding: 60px 0 60px;
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
}
.how-work-oly .head  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}
.how-work-oly .head .title{
    font-size: 36px;
    font-weight: 500;
    color: var(--dark-blue);
}

.page_olymp .professors .head .head-title {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.page_olymp .professors .head .head-title{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.page_olymp .professors .head .head-title span{
    font-size: 20px;
}
.page_olymp .professors .head{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.page_olymp .professors .name {
    color: var(--dark-blue);
    font-size: 24px;
    font-weight: 500;
}
.page_olymp .professors .status {
    margin-top: 20px;
    font-size: 16px;
    color: var(--dark-grey);
}

.page_olymp .professors .sub-block {
    font-size: 20px;
    margin-top: 30px;
}
.page_olymp .olymp-docs {
    margin-top: 40px;
}

/* Заголовок */
.page_olymp .olymp-docs__title {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 60px;
    color: var(--dark-blue);
}

/* Сетка */
.page_olymp .olymp-docs__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1.2fr;
    gap: 20px;
}

/* Карточки */
.page_olymp .olymp-docs__card {
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 200px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.page_olymp .olymp-docs__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Цвета карточек */
.page_olymp .olymp-docs__card--blue {
    background: linear-gradient(135deg, #2a5caa, #3b82f6);
    color: #fff;
    background-position: center;
    background-size: cover;
}

.page_olymp .olymp-docs__card--gray {
    background: #f3f4f6;
    background-position: center;
    background-size: cover;
}

.page_olymp .olymp-docs__card--gray .olymp-docs__card-footer span{
    color: var(--dark-blue);
}


/* Изображение */
.page_olymp .olymp-docs__image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.page_olymp .olymp-docs__image img {
    max-width: 100%;
    max-height: 120px;
    object-fit: contain;
}

/* Подпись карточки */
.page_olymp .olymp-docs__card-footer {
    padding: 14px 16px;
    font-size: 22px;
    font-weight: 500;
    height: 100%;
    display: flex;
    justify-content: end;
    flex-direction: column;
}

/* Правая колонка */
.page_olymp .olymp-docs__list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Заголовок списка */
.page_olymp .olymp-docs__list-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    color:#000;
}

/* Описание */
.page_olymp .olymp-docs__list-desc {
    font-size: 16px;
    color: var(--dark-grey);
    margin-bottom: 15px;
}

/* Список */
.page_olymp .olymp-docs__items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page_olymp .olymp-docs__items li {
    margin-bottom: 10px;
    display:flex;
    gap:5px;
    align-items:center;
}

/* Ссылки */
.page_olymp .olymp-docs__items a {
    text-decoration: none;
    color: var(--dark-blue);
    font-size: 16px;
    position: relative;
}

/* Иконка "документ" */
/*.page_olymp .olymp-docs__items a::before {
    content: "📄";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
}*/

/* Hover */
.page_olymp .olymp-docs__items a:hover {
    text-decoration: underline;
}

.page_olymp .olymp-docs{
    background: #fff;
    padding: 60px 0 120px;
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
}

.page_landing .olymp-docs {
    margin-top: 40px;
}

/* Заголовок */
.page_landing .olymp-docs__title {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 60px;
    color: var(--dark-blue);
}

/* Сетка */
.page_landing .olymp-docs__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1.2fr;
    gap: 20px;
}

/* Карточки */
.page_landing .olymp-docs__card {
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 200px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.page_landing .olymp-docs__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Цвета карточек */
.page_landing .olymp-docs__card--blue {
    background: linear-gradient(135deg, #2a5caa, #3b82f6);
    color: #fff;
    background-position: center;
    background-size: cover;
}

.page_landing .olymp-docs__card--gray {
    background: #f3f4f6;
    background-position: center;
    background-size: cover;
}

.page_landing .olymp-docs__card--gray .olymp-docs__card-footer span{
    color: var(--dark-blue);
}


/* Изображение */
.page_landing .olymp-docs__image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.page_landing .olymp-docs__image img {
    max-width: 100%;
    max-height: 120px;
    object-fit: contain;
}

/* Подпись карточки */
.page_landing .olymp-docs__card-footer {
    padding: 14px 16px;
    font-size: 22px;
    font-weight: 500;
    height: 100%;
    display: flex;
    justify-content: end;
    flex-direction: column;
}

/* Правая колонка */
.page_landing .olymp-docs__list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Заголовок списка */
.page_landing .olymp-docs__list-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    color:#000;
}

/* Описание */
.page_landing .olymp-docs__list-desc {
    font-size: 16px;
    color: var(--dark-grey);
    margin-bottom: 15px;
}

/* Список */
.page_landing .olymp-docs__items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page_landing .olymp-docs__items li {
    margin-bottom: 10px;
    display:flex;
    gap:5px;
    align-items:center;
    color: #5C5C5C;
    font-size: 16px;
}

/* Ссылки */
.page_landing .olymp-docs__items a {
    text-decoration: none;
    color: var(--dark-blue);
    font-size: 16px;
    position: relative;
}

/* Иконка "документ" */
/*.page_landing .olymp-docs__items a::before {
    content: "📄";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
}*/

/* Hover */
.page_landing .olymp-docs__items a:hover {
    /* text-decoration: underline; */
}

.page_landing .olymp-docs{
    background: #fff;
    padding: 0px 0 120px;
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
}

.page_olymp #consultation-form {
    display:none!important;
}

.page_olymp .section_form .text {
    max-width:100%;
}

.page_olymp .professors {
    padding: 72px 0 120px;
}

.page_olymp .section_form {
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
    padding: 72px 0 65px;
    background: var(--blue);
}

.page_olymp .how-work-oly .splide__slide{
    height:480px;
    background-color:#123;
    border-radius:24px;
    background-position: center;
    background-size: contain;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding:24px;
}


.page_olymp .how-work-oly .slide_title{
    color:var(--dark-blue);
    font-size:24px;
    font-weight:500;
}
.page_olymp .how-work-oly .content .text{
    font-size:18px;
    color:#000;
}
.page_olymp .how-work-oly .content .status{
    padding: 8px 12px;
    background: var(--dark-blue);
    width: auto;
    display: flex;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight:500;
    font-size:18px;
    margin-top: 40px;
    text-align:center;
}
.page_olymp .olymp-faq {
    background: var(--blue);
    padding: 30px 20px;
    border-radius: 24px 24px 0 0;
}

/* Заголовок */
.page_olymp .olymp-faq__title {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 60px;
}

/* Список */
.page_olymp .olymp-faq__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Элемент */
.page_olymp .olymp-faq__item {
    background: #f1f5f9;
    border-radius: 12px;
    overflow: hidden;
    padding:24px;
}
.page_olymp .olymp-faq__item .quest{
    font-size:18px;
    font-weight:500;
    color:var(--dark-blue);
}
/* Вопрос */
.page_olymp .olymp-faq__question {
    width: 100%;
    background: none;
    border: none;
    padding: 16px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #1f2a37;
    cursor: pointer;
    text-align: left;
}

/* Иконка */
.page_olymp .olymp-faq__icon {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #2a5caa;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
}

/* Ответ */
.page_olymp .olymp-faq__answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 18px;
    font-size: 18px;
    color: #4b5563;
    transition: all 0.3s ease;
}

/* Активный */
.page_olymp .olymp-faq__item.active .olymp-faq__answer {
    max-height: 100%;
    padding: 0 18px 16px;
    font-size: 18px;
}

.page_olymp .olymp-faq__item.active .olymp-faq__icon {
    background: #1f5fa8;
}

/* Hover */
.page_olymp .olymp-faq__question:hover {
    background: rgba(0,0,0,0.02);
}
.olymp-photos__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.olymp-photos {
    position: relative;
    height: 400px;
}

.olymp-photos img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    display: block;
    object-position: center;
}

/* ПЕРВАЯ СТРОКА */
.olymp-photos:nth-child(1) {
    grid-column: span 1; /* 1/3 */
}

.olymp-photos:nth-child(2) {
    grid-column: span 2; /* 2/3 */
}

/* ВТОРАЯ СТРОКА */
.olymp-photos:nth-child(n+3):nth-child(-n+5) {
    grid-column: span 1;
}

/* скрытые фото */
.hidden-photo {
    display: none;
}

/* overlay */
.photo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background: rgba(0,0,0,0.6);
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;
    cursor: pointer;
    flex-direction: column;
}
.photo-overlay span{
    font-size:64px;
    font-weight:500;
}
.page_arenda .about-program {
    background:#fff;
}

.page_arenda .about-program .container .head h1{
    font-size: 36px;
    font-weight: 500;
}

.page_arenda .about-program .container {
    flex-direction:column;
}



.page_arenda  .about-program .content {
    flex: inherit;
    color:#111;
}

.page_arenda .about-program .container .content{
    display: flex;
    gap: 20px;
}

.page_arenda .about-program .container .content .text-block{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.page_arenda .about-program .container .content .text-block .text-up,.page_arenda .about-program .container .content .text-block .text-down{
    font-size:24px;
    font-weight:500;
}
.page_arenda .about-program .container .content .microblocks{
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
    gap: 20px;
}
.page_arenda .about-program .container .content .microblocks .block{
    padding: 24px;
    background-color: #F0F4FA;
    border-radius: 16px;
    flex-direction: column;
    justify-content: space-between;
}
.page_arenda .about-program .container .content .microblocks .block .block_title{
    color:var(--dark-blue);
    font-weight:500;
    font-size: 48px;
    display: flex;
    gap: 10px;
}
.page_arenda .about-program .container .content .microblocks .block .block_text{
    color:var(--dark-grey);
    font-size:14px;
}
.page_arenda .space-block .head h1{
    color: var(--dark-blue);
    font-size: 36px;
    font-weight: 500;
}
.page_arenda .space-block .head{
    margin-bottom: 60px;
}
.page_arenda .space-block{
    padding-bottom: 96px;
}
.page_arenda .space-grid{
    grid-template-columns: repeat(3,1fr);
    display: grid;
    gap: 16px;
}
.page_arenda .space-grid .space-card {
    background: #F0F4FA;
    border-radius: 8px;
    padding: 24px;
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);
}
.page_arenda .professors .head .head-title {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.page_arenda .professors .head .head-title{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.page_arenda .professors .head .head-title span{
    font-size: 20px;
}
.page_arenda .professors .head{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.page_arenda .professors .name {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}
.page_arenda .professors .status {
    margin-top: 20px;
    font-size: 16px;
    color: var(--dark-grey);
}

.page_arenda .professors .sub-block {
    font-size: 20px;
    margin-top: 30px;
}
.page_arenda .professors .content{
    height: 300px;
    background-position: center;
    background-size: cover;
}
.page_arenda .olymp-docs{
    background: #fff;
    padding: 60px 0 120px;
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
}
.page_arenda .olymp-docs__title {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 60px;
  color: var(--dark-blue);
}

.page_arenda .olymp-faq {
    background: var(--blue);
    padding: 30px 20px;
    padding-bottom: 96px;
}

/* Заголовок */
.page_arenda .olymp-faq__title {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 60px;
}

/* Список */
.page_arenda .olymp-faq__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Элемент */
.page_arenda .olymp-faq__item {
    background: #f1f5f9;
    border-radius: 12px;
    overflow: hidden;
    padding: 5px;
}
.page_arenda .olymp-faq__item .quest{
    font-size:18px;
    font-weight:500;
    color:var(--dark-blue);
}
/* Вопрос */
.page_arenda .olymp-faq__question {
    width: 100%;
    background: none;
    border: none;
    padding: 16px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #1f2a37;
    cursor: pointer;
    text-align: left;
}

/* Иконка */
.page_arenda .olymp-faq__icon {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #2a5caa;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
}

/* Ответ */
.page_arenda .olymp-faq__answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 18px;
    font-size: 18px;
    color: #4b5563;
    transition: all 0.3s ease;
}

/* Активный */
.page_arenda .olymp-faq__item.active .olymp-faq__answer {
    max-height: 100%;
    padding: 0 18px 16px;
    font-size: 18px;
}

.page_arenda .olymp-faq__item.active .olymp-faq__icon {
    background: #1f5fa8;
}

/* Hover */
.page_arenda .olymp-faq__question:hover {
    background: rgba(0,0,0,0.02);
}


/* Адаптив */

/* Адаптив */


.modal-max {
position: fixed;
inset: 0;
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
padding: 20px;
font-family: Inter, Arial, sans-serif;
}

.modal-max.is-active {
display: flex;
}

.modal-max__overlay {
position: absolute;
inset: 0;
background: rgba(8, 15, 45, 0.55);
backdrop-filter: blur(2px);
}

.modal-max__dialog {
position: relative;
width: 100%;
max-width: 1136px;
background: #ffffff;
border-radius: 20px;
padding: 56px 74px 70px;
box-sizing: border-box;
box-shadow: 0 20px 80px rgba(0, 0, 0, 0.2);
}

.modal-max__close {
position: absolute;
top: 28px;
right: 28px;
width: 44px;
height: 44px;
border: 0;
background: transparent;
cursor: pointer;
padding: 0;
}

.modal-max__close span {
position: absolute;
top: 50%;
left: 50%;
width: 34px;
height: 2px;
background: #9b9ba3;
border-radius: 2px;
transform-origin: center;
}

.modal-max__close span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}

.modal-max__close span:last-child {
transform: translate(-50%, -50%) rotate(-45deg);
}

.modal-max__close:hover span {
background: #686874;
}

.modal-max__head {
margin-bottom: 38px;
}

.modal-max__logos {
display: flex;
align-items: center;
gap: 22px;
flex-wrap: wrap;
}

.modal-max__logo-app {
width: 84px;
height: 84px;
object-fit: contain;
border-radius: 20px;
display: block;
}

.modal-max__logo-academy {
max-width: 280px;
width: 100%;
height: auto;
object-fit: contain;
display: block;
}

.modal-max__title {
margin: 0 0 28px;
max-width: 820px;
font-size: 38px;
line-height: 1.18;
font-weight: 500;
color: #101116;
letter-spacing: -0.02em;
}

.modal-max__text {
margin: 0 0 52px;
max-width: 860px;
font-size: 28px;
line-height: 1.45;
font-weight: 400;
color: #2c2d34;
letter-spacing: -0.01em;
}

.modal-max__subscribe {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 256px;
min-height: 74px;
padding: 16px 34px;
border-radius: 999px;
text-decoration: none;
font-size: 24px;
line-height: 1;
font-weight: 500;
color: #ffffff;
background: linear-gradient(90deg, #3b82f6 0%, #9333ea 100%);
box-shadow: 0 10px 24px rgba(98, 74, 255, 0.28);
transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.modal-max__subscribe:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px rgba(98, 74, 255, 0.34);
}

.modal-max__subscribe:active {
transform: translateY(0);
opacity: 0.96;
}

.campus-tabs {
    margin: 0 auto;
    padding: 72px 0 96px;
    background: #fff;
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
}

.campus-tabs__nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    background: #eef2f7;
    border-radius: 18px;
    padding: 10px;
    margin-bottom: 28px;
    gap: 10px;
}

.campus-tabs__btn {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--dark-blue);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 16px 24px;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.campus-tabs__btn:hover {
    background: rgba(37, 89, 166, 0.08);
}

.campus-tabs__btn.is-active {
    background: #1f56a6;
    color: #ffffff;
}

.campus-tabs__panel {
    display: none;
}

.campus-tabs__panel.is-active {
    display: block;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.stat-card {
    min-height: 110px;
    background: #eef2f7;
    border-radius: 16px;
    padding: 18px 18px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stat-card--tall {
    grid-column: 3;
    grid-row: 1 / span 2;
    min-height: 230px;
}

.stat-card__top {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1f56a6;
    margin-bottom: 8px;
}

.stat-card__icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: inherit;
}

.stat-card__value {
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.stat-card__label {
    font-size: 13px;
    line-height: 1.2;
    color: #6b7280;
    text-transform: lowercase;
}

.stat-card--tall .stat-card__value {
    font-size: 26px;
}

.page_complex .about-program {
  background: inherit;
  margin: 0;
  margin-top: 0px;
  padding: 30px 0px;
}

.page_complex .about-program .content {
  color: #111;
}

.page_complex .about-program .content .text-block .text-up, .page_complex .about-program .content .text-block .text-down {
  font-size: 24px;
  font-weight: 500;
}

.page_complex .about-program .content{
    display: flex;
    gap: 20px;
}

.page_complex .about-program .content .text-block{
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
}
.page_complex .about-program .content .text-block .text-up,.page_complex .about-program .content .text-block .text-down{
    font-size:24px;
    font-weight:500;
}
.page_complex .about-program .content .microblocks{
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
    gap: 20px;
    width: 100%;
}
.page_complex .about-program .content .microblocks .block{
    padding: 24px;
    background-color: #F0F4FA;
    border-radius: 16px;
    flex-direction: column;
    justify-content: space-between;
}
.page_complex .about-program .content .microblocks .block .block_title{
    color:var(--dark-blue);
    font-weight:500;
    font-size: 48px;
    display: flex;
    gap: 10px;
}
.page_complex .about-program .content .microblocks .block .block_text{
    color:var(--dark-grey);
    font-size:14px;
}
.page_complex .about-program .content .microblocks-row{
    flex:1;
    display: flex;
    gap: 10px;
}
.page_complex .about-program .content .microblocks-row .block5 .block{
    padding: 24px;
    background-color: #F0F4FA;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    align-items: center;
    display: flex;
    text-align: center;
}
.page_complex .about-program .content .microblocks-row .block5 .block .block_title{
    color:var(--dark-blue);
    font-weight:500;
    font-size: 48px;
    display: flex;
    gap: 10px;
    display: flex;
    align-items: center;
}
.page_complex .about-program .content .microblocks-row .block5 .block .block_text{
 color:var(--dark-grey);
    font-size:14px;
}
.page_complex .about-program .content .microblocks{
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
    gap: 10px;
}
.page_complex .about-program .content .microblocks .block{
    padding: 24px;
    background-color: #F0F4FA;
    border-radius: 16px;
    flex-direction: column;
    justify-content: space-between;
    
}
.page_complex .about-program .content .microblocks .block .block_title{
    color:var(--dark-blue);
    font-weight:500;
    font-size: 48px;
    display: flex;
    gap: 10px;
    display: flex;
    align-items: center;
}
.page_complex .about-program .content .microblocks .block .block_text{
    color:var(--dark-grey);
    font-size:14px;
}







.room-card {
    padding: 60px 0px;
}

.room-card__title {
    margin: 0 0 8px;
    font-size: 36px;
    font-weight: 500;
    color: var(--dark-blue);
}

.room-card__desc {
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}

.room-card__content {
    gap: 15px;
    align-items: start;
    display: flex;
}

.room-card__gallery {
    display: grid;
    grid-template-columns: 1fr 190px;
    grid-template-rows: 153px 153px auto;
    gap: 14px;
    flex: 1;
}

.room-card__image {
    overflow: hidden;
    border-radius: 16px;
    background: #dfe5ee;
}

.room-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.room-card__image--large {
    grid-row: 1 / span 2;
    min-height: 320px;
}

.room-card__image--small {
    min-height: 107px;
}

.room-card__button {
    height: 43px;
    font-weight: 500;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    width: -moz-fit-content;
    width: fit-content;
    background: var(--dark-blue);
    color: #fff;
    padding: 0 92px;
}


.room-card__side {
    display: flex;
    flex-direction: column;
    gap: 28px;
    flex: 1;
    height: 320px;
    justify-content: space-between;
}

.room-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
}

.room-card__tag {
   display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: #F0F4FA;
  color: #000000;
  font-size: 20px;
  white-space: nowrap;
  font-weight: 400;
}

.room-card__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.stat {
    padding: 24px;
    background-color: #F0F4FA;
    border-radius: 16px;
    flex-direction: column;
    justify-content: space-between;

}

.stat__label {
    color: var(--dark-grey);
    font-size: 14px;
}

.stat__value-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stat__value {
    color: var(--dark-blue);
    font-weight: 500;
    font-size: 48px;
    display: flex;
    gap: 10px;
    display: flex;
    align-items: center;
}

.stat__icon {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    display: block;
}
.extra-info{
	padding-bottom: 70px;
    border-radius: 24px 24px 0 0;
  position: relative;
  z-index: 2;
  margin-top: -24px;
  padding: 72px 0 64px;
  background: #FFF;
}
.extra-info__title {
	color: var(--dark-blue);
	font-size: 36px;
  font-weight: 500;
}

.extra-info__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 16px;
}

.info-card {
  position: relative;
  min-height: 320px;
  padding: 24px;
  border-radius: 16px;
  background: #eef2f8;
  color: var(--dark-blue);
  text-decoration: none;
  display: flex;
  align-items: flex-end;
  transition: 0.2s ease;
  overflow: hidden;
}

.info-card:hover {
  transform: translateY(-2px);
}

.info-card--active {
  background: #0053a6;
  color: #ffffff;
}

.info-card__icon {
  position: absolute;
  top: 18px;
  right: 18px;
  line-height: 0;
}

.info-card__text {
  font-size: 22px;
  font-weight: 500;
}





.menu-pk-list {
    display: flex;
    align-items: center;
    gap: 48px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-pk-item {
    position: relative;
}

.menu-pk-link {
    display: block;
    padding: 12px 0;
    text-decoration: none;
}

.menu-pk-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    list-style: none;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 100;
    border-radius: 16px;
    padding: 24px;
    flex-direction:column;
    gap:24px;
}

.menu-pk-item:hover .menu-pk-dropdown {
    display: flex;
}

.menu-pk-dropdown-item {
    margin: 0;
    padding: 0;
}

.menu-pk-dropdown-link {
    display: block;
    /* padding: 10px 16px; */
    text-decoration: none;
    white-space: nowrap;
    color: #000;
    font-size:18px;
    font-weight:500;
}

.menu-pk-dropdown-link:hover {
    color: #14005C;
}
.burger_header_new {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 14px;
}

.burger_header_new span {
    display: block;
    height: 2px;
    background: #fff;
    width: 100%;
}
.is-burger .menu-pk-link{
    display: flex;
    justify-content: center;
    align-items: center;
}
.minimal-dropdown {
    position: relative;
    display: flex;
}

.minimal-menu {
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    width: 200px;
    list-style: none;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 24px;
    display:flex;
    flex-direction: column;
    gap: 24px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.95);
    transition: all 0.2s ease;
    transform-origin: top right;
    z-index: 100;
}

.minimal-dropdown:hover .minimal-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.minimal-menu a {
    display: block;
    /* padding: 10px 16px; */
    text-decoration: none;
    white-space: nowrap;
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.minimal-menu-title{
    display: block;
    text-decoration: none;
    white-space: nowrap;
    color: var(--blue);;
    font-size: 18px;
    font-weight: 500;
}

.minimal-menu a:hover {
    color: #14005C;
}
.spaces-tabs{
	margin-top: -24px;
	padding: 60px 0 96px;
	border-radius: 24px 24px 0 0;
	position: relative;
	z-index: 2;
	background: #fff;
}

.spaces-tabs .spaces__title {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 60px;
  color: var(--dark-blue);
}

.spaces-tabs .spaces__tabs {
  display: inline-flex;
  gap: 10px;
  padding: 10px;
  margin-bottom: 24px;
  border-radius: 10px;
  background: #e9eef6;
}

.spaces-tabs .spaces__tab {
  padding: 15px 25px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #1558a7;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.spaces-tabs .spaces__tab.is-active {
  background: #1558a7;
  color: #fff;
}

.spaces-tabs .spaces__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.spaces-tabs .space-card {
  display: flex;
  flex-direction: column;
  min-height: 400px;
  padding: 24px;
  border-radius: 16px;
  background: #F0F4FA;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.spaces-tabs .space-card:hover {
  transform: translateY(-2px);
}

.spaces-tabs .space-card__image {
  height: 100%;
  border-radius: 7px;
  background:
    linear-gradient(45deg, #ececec 25%, transparent 25%),
    linear-gradient(-45deg, #ececec 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #ececec 75%),
    linear-gradient(-45deg, transparent 75%, #ececec 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
  background-color: #f7f7f7;
}

.spaces-tabs .space-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 10px;
}

.spaces-tabs .space-card__title {
  margin: 0 0 15px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  color: #111;
}

.spaces-tabs .space-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.spaces-tabs .space-card__tag {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  background: #1558a7;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}
.section_learning_v2 .grid {
  grid-template-columns: 1fr 1fr;
}
.section_learning_v2 .card {
  flex-direction: row;
  align-items: center;
}
.section_learning .olymp-faq__icon {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #2a5caa;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
}


#splide_partners_mob .partners-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 30px;
}

#splide_partners_mob .partner-item img {
    height: 50px;
    width: auto;
    display: block;
}

#splide_partners_mob .partner-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

#splide_partners_mob .hidden {
    display: none;
}

#splide_partners_mob #showMorePartners{
    height: 43px;
  font-weight: 500;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  background: var(--dark-blue);
  margin-top: 30px;
}

#splide_partners_mob {
    display: none!important;
}


.page_open-programs .olymp-faq {
    background: var(--blue);
    padding: 60px 0px;
    /* border-radius: 24px 24px 0 0; */
}

/* Заголовок */
.page_open-programs .olymp-faq__title {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 60px;
}

/* Список */
.page_open-programs .olymp-faq__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Элемент */
.page_open-programs .olymp-faq__item {
    background: #f1f5f9;
    border-radius: 12px;
    overflow: hidden;
}
.page_open-programs .olymp-faq__item .quest{
    font-size:18px;
    font-weight:500;
    color:var(--dark-blue);
}
/* Вопрос */
.page_open-programs .olymp-faq__question {
    width: 100%;
    background: none;
    border: none;
    padding: 16px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #1f2a37;
    cursor: pointer;
    text-align: left;
}

/* Иконка */
.page_open-programs .olymp-faq__icon {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #2a5caa;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
}

/* Ответ */
.page_open-programs .olymp-faq__answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 18px;
    font-size: 18px;
    color: #4b5563;
    transition: all 0.3s ease;
}

/* Активный */
.page_open-programs .olymp-faq__item.active .olymp-faq__answer {
    max-height: 100%;
    padding: 0 18px 16px;
    font-size: 18px;
}

.page_open-programs .olymp-faq__item.active .olymp-faq__icon {
    background: #1f5fa8;
}

/* Hover */
.page_open-programs .olymp-faq__question:hover {
    background: rgba(0,0,0,0.02);
}

.main-events{
    background-color: #F0F4FA;
    padding-top: 72px;
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
    padding-bottom: 72px;
}
.main-events .head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:30px;
}
.main-events .title{
     color: var(--dark-blue);
     font-size: 36px;
     font-weight: 500;
}
.main-events .all-news {
    font-weight: 500;
    border-radius: 8px;
    display: flex;
    color: var(--dark-blue);
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    width: -moz-fit-content;
    width: fit-content;
    background: #FFF;
    font-size: 14px;
    height: 34px;
    padding: 0 16px;
}
.main-events .events-top {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.main-events .is-image .image-link{
    height: 100%;
    display: flex;
    justify-content: center;
}

.main-events .events-top .col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1 1 0;
    min-width: 0;
}

/* left & center columns: image card grows to fill the column,
text cards keep their natural height */
.main-events .events-top .col .event-card.is-image {
    flex: 1 1 auto;
    min-height: 200px;
}
.main-events .has-thumb img {
    width: 100%;
}
.main-events .events-top .col .event-card:not(.is-image):not(.has-thumb) {
    flex: 1 0 auto;
}

.main-events .events-top .col-hero .event-card:not(.is-image):not(.has-thumb) {
    flex: 0 0 auto;
}

.main-events .events-top .col .event-card.has-thumb {
    flex: 1 1 auto;
}

.main-events .event-card {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 3px rgba(30, 34, 90, 0.06);
}
.main-events .has-thumb {
    padding: 0px;
}
.main-events .has-thumb .event-text{
    padding: 20px;
    padding-top:0px;
}
.main-events .event-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #8a8fa3;
    margin-bottom: 12px;
}

.main-events .event-meta .dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c3c6d6;
}

.main-events .event-title {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    margin: 0 0 10px;
}

.main-events .event-title a {
    color: #2b3fb0;
    text-decoration: none;
}

.main-events .event-title a:hover {
    text-decoration: underline;
}

.main-events .event-excerpt {
    font-size: 14px;
    line-height: 1.5;
    color: #4a4e63;
    margin: 0 0 14px;
    flex-grow: 1;
}

.main-events .event-link {
    font-size: 14px;
    color: #2b3fb0;
    text-decoration: underline;
}

.main-events .event-link:hover {
    text-decoration: none;
}

/* image cards */
.main-events .event-card.is-image {
    padding: 0;
    position: relative;
    overflow: hidden;
    color: #fff;
    justify-content: flex-end;
    min-height: 220px;
}

.main-events .event-card.is-image .event-photo {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.main-events .event-card.is-image .event-photo svg {
    width: 100%;
    height: 100%;
    display: block;
}

.main-events .event-card.is-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(10, 20, 60, 0.72) 0%,
        rgba(10, 20, 60, 0.15) 55%,
        rgba(10, 20, 60, 0) 75%
    );
    z-index: 1;
}

.main-events .event-card.is-image .event-content {
    position: relative;
    z-index: 2;
    padding: 20px;
}

.main-events .event-card.is-image .event-meta {
    color: #d6dcff;
}

.main-events .event-card.is-image .event-meta .dot {
    background: #7f8ad6;
}

.main-events .event-card.is-image .event-title a {
    color: #fff;
}

.main-events .event-card.is-image .event-excerpt {
    color: #e4e7ff;
}

.main-events .event-card.is-image .event-link {
    color: #fff;
}

/* second image-card variant */
.main-events .event-card.has-thumb {
    flex: 1 1 auto;
}

.main-events .event-card.has-thumb .event-thumb {
    flex: 1 1 50%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 14px;
    min-height: 110px;
}

.main-events .event-card.has-thumb .event-thumb svg {
    width: 100%;
    height: 100%;
    display: block;
}

.main-events .event-card.has-thumb .event-text {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
}

@media (max-width: 900px) {
    .main-events .events-top {
        flex-wrap: wrap;
    }

    .main-events .events-top .col {
        flex: 1 1 45%;
    }

    .main-events .events-top .col.col-hero {
        order: -1;
        flex: 1 1 100%;
    }

    .main-events .events-top .col.col-hero .event-card.is-image {
        min-height: 260px;
    }
    .main-events .title {
        flex: 1;
      }
      .main-events {
        padding-top: 40px;
        padding-bottom: 40px;
      }
}

@media (max-width: 620px) {
    .main-events .events-top {
        flex-direction: column;
    }

    .main-events .events-top .col.col-hero .event-card.is-image {
        min-height: 220px;
    }
}

/* ============================================================
   MEDIA QUERIES (сгруппировано по условиям)
   ============================================================ */

@media (width < 1200px) {
    :root {
        --container-padding: 40px;
    }
    .page_corporate-programs .development-steps .cards {
        grid-template-columns: repeat(6, 1fr);
    }
    .page_corporate-programs .development-steps .cards .card {
        grid-column: span 3;
    }
    .page_corporate-programs .development-steps .cards .card:nth-child(n + 3):nth-child(-n + 5) {
        grid-column: span 2;
    }
    .page_for-employees .structure .cards {
        gap: 8px;
    }
    .page_for-employees .structure .card-list {
        font-size: 14px;
    }
    .page_open-programs .how-learning .cards {
        gap: 8px;
    }
    .page_open-programs .how-learning .card-list {
        font-size: 14px;
    }
    .page_about .development-steps .cards {
        grid-template-columns: repeat(6, 1fr);
    }
    .page_about .development-steps .cards .card {
        grid-column: span 3;
    }
    .page_about .development-steps .cards .card:nth-child(n + 3):nth-child(-n + 5) {
        grid-column: span 2;
    }
}

@media (width < 1024px) {
    :root {
        --container-padding: 30px;
    }
    .page_for-employees .info-desc .big,
    .page_main .start .title,
    .section_start .title {
        font-size: 39px;
    }
    .page_activity .event .title,
    .page_event .event .title,
    .page_for-employees .comments .title,
    .page_open-programs .comments .title,
    .page_for-employees .buns .card-title,
    .page_for-employees .experts .title,
    .page_for-employees .selection-steps .title,
    .page_for-employees .structure .title,
    .page_for-employees .what-will-learn .title,
    .page_for-employees .about-program .title,
    .page_corporate-programs .professors .title,
    .page_for-employees .professors .title,    
    .page_about .professors .title,
    .page_corporate-programs .cases .title,
    .page_corporate-programs .development-steps .title,
    .page_landing .development-steps .title,
    .page_about .development-steps .title,
    .page_corporate-programs .for-whom .title,
    .page_open-programs .programs .title,
    .page_main .cases .title,
    .section_study-place .title,
    .section_popular-programs .title,
    .section_learning .title,
    .section_form .title,
    .section_events .title,
    footer .subtitle {
        font-size: 31px;
    }
    .page_main .cases .card-button,
    .page_news .news .show-more,
    .page_activity .event .send-application,
    .page_event .event .send-application,
    .page_for-employees .buns .card-button,
    .page_open-programs .programs .reset,
    .page_main .cases .card-button-text,
    .section_popular-programs .all-programs,
    .section_events .card-button,
    .section_events .card-button-text,
    .section_events .all-news,
    .page_for-employees .comments .card-button,
    .page_open-programs .comments .card-button,
    .page_corporate-programs .cases .card-button,
    .page_open-programs .programs .card-button,
    .page_main .start .button,
    .section_popular-programs .date,
    .section_start .get-consultation,
    .section_form .submit,
    header .personal-cabinet {
        font-size: 14px;
    }
    footer {
        border-radius: 24px 24px 0 0;
    }
    footer .container {
        grid-template-columns: 1fr 1fr;
    }
    footer .city-title {
        font-size: 18px;
    }
    .component_select {
        height: 38px;
    }
    .component_select__label {
        font-size: 12px;
    }
    .page_svedenia .component_select__label {
        font-size: 14px;
    }
    
    .page_svedenia .component_select__option {
        font-size: 14px;
    }
    .component_tag-checkbox {
        height: 32px;
        font-size: 12px;
    }
    .splide__arrows {
        display: none;
    }
    .section_events {
        padding: 60px 0;
    }
    .section_events .row {
        margin-top: 32px;
        flex-direction: column;
    }
    .section_events .row .card {
        padding: 24px;
        flex: 1 1 150px;
        box-shadow: none;
    }
    .section_events .row .card:nth-child(1) {
        flex: 1 1 150px;
    }
    .section_events .card-button-text {
        height: 34px;
    }
    .section_form {
        padding: 40px 0 40px;
        background: #fff;
    }
    .section_form .desk {
        padding: 0;
    }
    .section_form .profile-name {
        font-size: 20px;
    }
    .section_start .text {
        font-size: 16px;
    }
    .section_learning {
        padding: 60px 0;
    }
    .section_learning .grid {
        margin-top: 32px;
        grid-template-columns: 1fr 1fr;
    }
    .section_learning .card-title {
        font-size: 20px;
    }
    .section_learning._variant-2 {
        padding: 26px 0 40px;
    }
    .section_popular-programs {
        padding-top: 32px;
    }
    .section_popular-programs .splide__slide {
        padding: 32px 20px;
    }
    .section_popular-programs .splide__slide.is-active {
        box-shadow: 0 24px 34px 0 hsla(0, 0%, 100%, 0.3490196078);
    }
    .section_popular-programs .splide__track {
        padding: 32px 0 98px;
    }
    .section_flagman {
        padding-bottom: 40px;
      }
    .section_study-place {
        padding: 0px 0 0px;
        margin: 0;
        padding-bottom: 40px;
    }
    .type_86  .section_study-place {
        padding-top: 20px;
    }
    .section_level{
        padding-top:40px;
        padding-bottom: 0px;
    }
    .page_open-programs .section_level{
        padding-top:40px;
        padding-bottom: 0px;
    }
    .type_86 .section_level{
        padding-bottom: 60px;
    }
    .page_svedenia .seciton_head-path .container .main-title {
        margin: auto 0 66px;
        font-size: 30px;
        font-weight: 500;
        line-height: 100%;
        text-align: center;
      }
    .page_open-programs .olymp-faq {
        padding: 40px 0px;
    }
    .section_study-place .splide {
        margin-top: 24px;
    }
    .section_study-place .hovered {
        padding: 20px;
    }
    .page_main .start .text {
        font-size: 16px;
    }
    .page_main .cases {
        padding: 36px 0 60px;
    }
    .page_main .cases .row {
        margin-top: 32px;
        flex-direction: column;
    }
    .page_main .cases .row .card {
        flex: 1 1 150px;
        gap: 24px;
        padding: 24px;
        box-shadow: none;
    }
    .page_main .cases .row .card:nth-child(1) {
        flex: 1 1 150px;
    }
    .page_main .cases .card-text {
        margin: 0;
        font-size: 14px;
    }
    .page_main .cases .card-button-text {
        height: 34px;
    }
    .page_main .cases .card .card-button-more{
        display: flex!important;
    }
    .page_main .cases .card .card-button{
        display: none!important;
    }
    .page_main .cases .card .card-text {
        opacity: 1;
        visibility: visible;
        display:none;
    }
    .section_events .card .card-button-more{
        display: flex;
    }
    .section_events .card .card-button{
        display: none;
    }
    .section_events .card .card-text {
        opacity: 1;
        visibility: visible;
        display:none;
    }
    .page_main .section_learning {
        padding: 40px 0 50px;
        margin: 0;
    }
    .page_main .section_events {
        padding-top: 0;
    }
    .page_open-programs .programs {
        padding: 32px 0;
        margin-bottom: 0px;
        padding-bottom: 0;
    }
    .type_240 .programs {
        padding: 32px 0;
        margin-bottom: 30px;
    }
    .page_open-programs .programs .close {
        display: flex;
    }
    .page_open-programs .programs .card {
        border-radius: 12px;
    }
    .page_open-programs .programs .row {
        margin-top: 32px;
        flex-direction: column;
    }
    .page_open-programs .programs .left {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: var(--z-modal);
        background: var(--blue);
        translate: 100%;
        transition: 0.3s;
        overflow: auto;
        padding: 62px 32px;
        overscroll-behavior: none;
        gap: 28px;
    }
    .page_open-programs .programs .left > * {
        flex-shrink: 0;
    }
    .page_open-programs .programs .left._open {
        translate: 0;
    }
    .page_open-programs .programs .right {
        flex: unset;
    }
    .page_open-programs .programs .filter-trigger {
        display: flex;
    }
    .page_open-programs .programs .head {
        flex-direction: column;
        gap: 24px;
    }
    .page_open-programs .programs .actions {
        display: flex;
        gap: 4px;
    }
    .page_open-programs .programs .cards {
        grid-template-columns: 1fr;
    }
    .page_open-programs .programs .card-button {
        margin-top: 25px;
    }
    .page_open-programs .programs .card-title {
        margin-top: 16px;
    }
    .page_open-programs .programs .show-more {
        justify-content: center;
    }
    .page_open-programs .programs .show-more button {
        height: 34px;
    }
    .page_open-programs .programs .reset {
        align-self: center;
    }
    .page_open-programs .section_popular-programs .show-more {
        display: none;
    }
    .page_open-programs .section_popular-programs .splide__track {
        padding-bottom: 32px;
    }
    .page_open-programs .section_events {
        margin: 0;
        padding-bottom: 40px;
        padding-top: 20px;
    }
    .page_corporate-programs .for-whom {
        padding: 24px 0 32px;
    }
    .page_corporate-programs .for-whom .row {
        flex-direction: column;
    }
    .page_corporate-programs .for-whom .card {
        min-height: 200px;
        flex: unset;
    }
    .page_corporate-programs .for-whom .cards {
        margin-top: 24px;
    }
    .page_corporate-programs .for-whom .blocks {
        margin-top: 24px;
        grid-template-columns: repeat(6, 1fr);
    }
    .page_corporate-programs .for-whom .block:nth-child(1) {
        grid-column: span 2;
    }
    .page_corporate-programs .for-whom .block:nth-child(2) {
        grid-column: span 2;
    }
    .page_corporate-programs .for-whom .block:nth-child(3) {
        grid-column: span 2;
    }
    .page_corporate-programs .for-whom .block:nth-child(4) {
        grid-column: span 3;
    }
    .page_corporate-programs .for-whom .block:nth-child(5) {
        grid-column: span 3;
    }
    .page_corporate-programs .development-steps {
        margin: 0;
        padding: 44px 0;
    }
    .page_corporate-programs .development-steps .cards {
        display: none;
    }
    .page_corporate-programs .development-steps .splide {
        display: block;
        margin-top: 26px;
    }
    .page_corporate-programs .development-steps .splide__track {
        margin: 0 calc((100vw - 100%) / -2);
    }
    .page_corporate-programs .cases {
        padding: 0 0 50px;
    }
    .page_corporate-programs .cases .splide__track {
        margin: 0 calc((100vw - 100%) / -2);
        margin-top: 26px;
    }
    .page_corporate-programs .cases .splide__slide {
        height: 400px;
    }
    .page_corporate-programs .cases .card-title {
        font-size: 18px;
    }
    .page_corporate-programs .cases .card-text {
        margin-top: 10px;
        font-size: 14px;
      }
      .page_corporate-programs .cases .card-button {
        margin-top: 10px;
      }
    .page_corporate-programs .section_study-place {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .page_corporate-programs .professors {
        padding: 26px 0 32px;
    }
    .page_corporate-programs .professors .splide__track {
        margin: 26px calc((100vw - 100%) / -2) 0;
    }
    .page_corporate-programs .section_form {
        margin: 0;
        padding-top: 50px;
    }
    .page_for-employees .info-desc {
        padding: 20px 0 30px;
    }
    .page_for-employees .about-program {
        padding: 26px 0 66px;
    }
    .page_for-employees .about-program .text {
        font-size: 20px;
    }
    .page_for-employees .what-will-learn {
        padding: 28px 0 50px;
    }
    .page_for-employees .what-will-learn .grid {
        margin-top: 32px;
        grid-template-columns: repeat(2, 1fr);
    }
    .page_for-employees .section_learning {
        padding: 32px 0 66px;
    }
    .page_for-employees .section_learning .subtitle {
        margin-top: 32px;
        font-size: 20px;
    }
    .page_for-employees .section_learning .card-title {
        font-size: 18px;
    }
    .page_for-employees .structure {
        padding: 0 0 60px;
    }
    .page_for-employees .structure ._desktop {
        display: none;
    }
    .page_for-employees .structure .how-learning {
        margin: 0;
    }
    .page_for-employees .selection-steps {
        padding: 26px 0 42px;
    }
    .page_for-employees .selection-steps .steps {
        grid-template-columns: 1fr;
    }
    .page_for-employees .experts {
        padding: 26px 0 66px;
    }
    .page_for-employees .experts .splide {
        margin-top: 26px;
    }
    .page_for-employees .buns {
        padding: 32px 0 42px;
    }
    .page_for-employees .comments {
        padding: 26px 0 66px;
    }
    .page_for-employees .comments .splide__track {
        margin: 26px calc((100vw - 100%) / -2) 0;
    }

    .page_open-programs .comments .splide__track {
        /* margin: 26px calc((100vw - 100%) / -2) 0; */
    }
    .project-tabs {
      gap: 4px;
    }
    .page_for-employees .comments .card-text {
        display: -webkit-box;
        -webkit-line-clamp: 14;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        gap: 0;
    }
    .page_open-programs .comments .card-text {
        display: -webkit-box;
        -webkit-line-clamp: 14;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        gap: 0;
    }

    .page_for-employees .comments .splide__slide {
        padding: 24px;
    }
    .page_open-programs .comments .splide__slide {
        padding: 24px;
    }
    .page_for-employees .comments .card-button {
        margin-top: 24px;
    }
    .page_open-programs .comments .card-button {
        margin-top: 24px;
    }
    .page_for-employees .section_form {
        padding: 26px 0 110px;
        padding: 32px 0 42px;
        border-radius: 24px 24px 0 0;
        position: relative;
        z-index: 2;
        margin-top: -24px;
    }
    .page_open-programs .section_form {
        padding: 26px 0 110px;
        padding: 32px 0 42px;
        border-radius: 24px 24px 0 0;
        position: relative;
        z-index: 2;
        margin-top: -24px;
    }
    .page_activity .event,
    .page_event .event {
        padding: 24px 0 80px;
    }
    .page_activity .event .title,
    .page_event .event .title {
        font-size: 28px;
    }
    .page_activity .event .next-news,
    .page_event .event .next-news {
        margin-top: 32px;
    }
    .page_activity .event .next-news a,
    .page_event .event .next-news a {
        font-size: 20px;
    }
    .page_activity .event .big-text,
    .page_event .event .big-text {
        font-size: 20px;
    }
    .page_activity .section_form,
    .page_event .section_form {
        padding-bottom: 50px;
    }
    .page_activity footer,
    .page_event footer {
        border-radius: 0;
    }
    .page_news .news {
        padding: 30px 0 100px;
    }
    .page_news .news .row {
        flex-direction: column;
    }
    .page_news .news .head {
        flex-direction: column;
        text-align: left;
        align-items: start;
        gap: 20px;
    }
    .page_news .news .title {
        font-size: 28px;
    }
    .page_news .news .row {
        margin-top: 32px;
        gap: 64px;
    }

    /* Или добавить родителя */
    .page_news .news .row:last-child.row {
        gap: 0;
    }
    
    .page_news .news .column {
        gap: 64px;
    }
    .page_news .news .column:first-child .card:first-child:after {
        display: none;
    }
    .page_news .news .card::after {
        top: -32px;
    }
    .page_news .news ._activity {
        aspect-ratio: unset;
        height: 415px;
        max-width: 700px;
    }
    .page_news .news ._activity .poster {
        aspect-ratio: unset;
    }
    .page_news .news .poster {
        max-width: 700px;
    }
    .page_news .news .poster img {
        aspect-ratio: inherit;
    }
    .page_news .section_form {
        padding-bottom: 50px;
    }
    .page_news footer {
        border-radius: 0;
    }
    .page_news .case_list {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
      }
      .page_news .slide {
        height: 330px;
      }
      .page_news .news .card-text {
        display: -webkit-box;
        -webkit-line-clamp: inherit;
        font-size: 14px;
    }
    .page_open-programs .how-learning {
        padding: 40px 0px;
    }
    .page_open-programs .how-learning ._desktop {
        display: none;
    }
    .page_open-programs .how-learning .how-learning {
        margin: 0;
    }
    .section_level .grid .card .card-top {
        margin-bottom: 10px;
    }
    .section_level .grid {
        margin-top: 48px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px 16px;
    }
    .section_level .head {
        flex-direction: column;
    }
    .section_level .head .title {
        /* text-align: center; */
        font-size: 28px;
    }
    .section_level .head .subtitle {
        text-align: center;
        font-size: 16px;
    }
    .section_level .head {
        gap: 20px;
    }
    .page_corporate-programs .for-whom .card {
        color:#5C5C5C;
    }
    .page_open-programs .section_start .fpns-m-class{
        height: 652px;
    }
    .flex-buttons-baner {
        gap: 10px;
        flex-direction: column;
    }
    .flex-buttons-baner a{
        width: 100% !important;
    }
    .programs-emp {
        padding-bottom: 80px;
    } 
    .section_flagman .title{
        text-align: center;
        font-size: 24px;
    }
    .section_flagman .grid {
        margin-top: 28px;
        display: flex;
        flex-direction: column;
        gap: 30px 16px;
    }
    .section_flagman .grid .card::after {
        opacity: 0;
    }
    .section_flagman .grid .card .card-top h2 {
        font-size: 22px;
        flex: 2;
    }
    .section_flagman .grid .card .card-top .sub-date span {
        font-size: 12px;
        width: 95px;
    }
    .section_flagman .grid .card .card-top {
        gap: 10px;
    }
    .page_activity .seciton_head-path .container {
        height: 220px;
    }
    .page_open-programs .comments .splide__slide {
        height: 420px;
    }
    .page_about .professors {
        padding: 26px 0 62px;
    }
    .page_about .professors .splide__track {
        margin: 26px calc((100vw - 100%) / -2) 0;
    }
    #splide_partners .splide__slide img {
    max-height: 40px;
    }
    .masterworks {
        padding: 24px 0 32px;
    }
    .masterworks .row {
        flex-direction: column;
    }
    .masterworks .card {
        min-height: 200px;
        flex: unset;
    }
    .masterworks .cards {
        margin-top: 24px;
    }
    .masterworks .blocks {
        margin-top: 24px;
        grid-template-columns: repeat(6, 1fr);
    }
    .masterworks .block:nth-child(1) {
        grid-column: span 2;
    }
    .masterworks .block:nth-child(2) {
        grid-column: span 2;
    }
    .masterworks .block:nth-child(3) {
        grid-column: span 2;
    }
    .masterworks .block:nth-child(4) {
        grid-column: span 3;
    }
    .masterworks .block:nth-child(5) {
        grid-column: span 3;
    }
    .page_about .section_start .content .title {
        width: 100%;
    }
    .page_for-employees .info-desc .text {
        max-width: 100%;
      }
    .page_about .sovet { 
        padding: 26px 0 32px;
    }
    .page_about .sovet .splide__track {
        margin: 26px calc((100vw - 100%) / -2) 0;
    }
    .flex-error-block {
        flex-direction: column;
        
    }
    .imgblock, .contentblock {
        max-width: 100%;
    justify-content: center;
    text-align: center;
    gap: 30px;
    }   
    .imgblock img{
        max-width: 80%;
    }
    .go-home-button{
        margin-right: auto;
        margin-left: auto;
    }
    .page_about .development-steps {
        margin: 0;
        padding: 44px 0;
    }
    .page_about .development-steps .cards {
        display: none;
    }
    .page_about .development-steps .splide {
        display: block;
        margin-top: 26px;
    }
    .page_about .development-steps .splide__track {
        margin: 0 calc((100vw - 100%) / -2);
    }
    
    .page_about .structure .how-learning {
             padding-bottom: 20px;
    }
    .page_about .structure_object .shortdesc {
        font-size:16px;
        text-align: center;
      }
    .page_for-employees .professors {
        padding: 26px 0 32px;
    }
    .page_for-employees .professors .splide__track {
        margin: 26px calc((100vw - 100%) / -2) 0;
    }
}

@media (width < 768px) {
    :root {
        --container-padding: 25px;
    }
    .page_for-employees .info-desc .big,
    .page_main .start .title,
    .section_start .title {
        text-align: center;
        font-size: 30px;
    }
    .page_activity .event .title,
    .page_event .event .title,
    .page_for-employees .comments .title,
    .page_open-programs .comments .title,
    .page_for-employees .buns .card-title,
    .page_for-employees .experts .title,
    .page_for-employees .selection-steps .title,
    .page_for-employees .structure .title,
    .page_for-employees .what-will-learn .title,
    .page_for-employees .about-program .title,
    .page_corporate-programs .professors .title,
    .page_for-employees .professors .title,
    .page_about .professors .title,
    .page_corporate-programs .cases .title,
    .page_corporate-programs .development-steps .title,
    .page_landing .development-steps .title,
    .page_about .development-steps .title,
    .page_corporate-programs .for-whom .title,
    .page_open-programs .programs .title,
    .page_main .cases .title,
    .section_study-place .title,
    .section_popular-programs .title,
    .section_learning .title,
    .section_form .title,
    .section_events .title,
    .extra-info__title,
    .section_flagman .title,
    .main-events .title,
    footer .subtitle {
        /* text-align: center; */
        font-size: 28px;
        flex:1;
    }
    header {
        /* top: 67px; */
    }
    header .logo {
        flex: 0 0 140px;
    }
    header .personal-cabinet {
        padding: 0;
        width: 32px;
    }
    header .personal-cabinet span {
        display: none;
    }
    header .burger {
        width: 32px;
    }
    header .menu {
       /* width: 320px; */
         width: calc(100vw - 40px);
    }
    footer {
        padding: 32px 0;
        text-align: center;
    }
    footer .container {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    footer .logo {
        margin: 0 auto;
    }
    footer .cities {
        margin-top: 24px;
        gap: 16px;
    }
    footer .city-title {
        font-size: 16px;
    }
    footer .city-text {
        font-size: 14px;
    }
    footer .list {
        margin-top: 18px;
        font-size: 14px;
    }
    footer .group:last-child {
        margin-top: 28px;
    }
    footer .other {
        gap: 16px;
    }
    footer .social-links {
        margin: 0 auto;
    }
    .component_select__menu {
        grid-template-columns: 1fr;
        gap: 12px;
        width: 308px;
        padding: 20px 16px;
    }
    .component_select__column {
        gap: 12px;
        font-size: 14px;
    }
    .section_events .head {
        justify-content: center;
    }
    .section_events .all-news {
        display: none;
    }
    .section_events .row {
        gap: 8px;
    }
    .section_form .desk {
        flex-direction: column;
    }
    .section_form .left {
        flex: unset;
    }
    .section_form .form {
        flex: unset;
    }
    .section_form .title {
        text-align: left;
    }
    .section_form .text {
        margin-top: 16px;
        font-size: 14px;
        max-width: 100%;
    }
    .section_form .profile {
        margin-top: 24px;
    }
    .section_form .profile-avatar {
        width: 109px;
        height: 109px;
    }
    .section_form .profile-name {
        font-size: 16px;
    }
    .section_form .profile-name br {
        display: none;
    }
    .section_form .profile-status {
        font-size: 12px;
        align-self: end;
    }
    .section_form .checkboxes {
        margin-top: 24px;
    }
    .section_form .submit {
        height: 43px;
        width: calc(100% - 32px);
        margin: 26px auto 0;
    }
    .section_start {
        text-align: center;
    }
    .section_start .container {
        height: 572px;
    }

    .page_corporate-programs .section_start .container,.page_open-programs .section_start .container {
        height: 572px;
    }
    
    .section_start .content {
        gap: 24px;
        align-items: center;
    }
    .section_start .text {
        font-size: 14px;
    }
    .section_start p {
        font-size: 14px;
    }
    .section_learning::before,
    .section_learning::after {
        display: none;
    }
    .section_learning .grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .section_learning .card {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 4px 16px;
    }
    .section_learning .card-icon {
        grid-row: span 2;
        width: 56px;
    }
    .section_learning .card-icon img,
    .section_learning .card-icon svg {
        scale: 0.9;
    }
    .section_learning .card-title {
        font-size: 18px;
    }
    .section_learning._variant-2 .card-title {
        margin: 0;
    }
    .section_learning._variant-2 .card-title br {
        display: none;
    }
    .section_popular-programs ._mobile {
        display: flex;
        position: absolute;
        bottom: 32px;
        left: 50%;
        translate: -50%;
    }
    .section_popular-programs ._desktop {
        display: none;
    }
    .section_popular-programs .head {
        justify-content: center;
    }
    .section_popular-programs .date {
        font-size: 14px;
    }
    .seciton_head-path .container {
        height: 191px;
    }
    .page_main .start {
        text-align: center;
    }
    .page_main .start .splide__pagination {
        display: none;
    }
    .page_main .start .splide__slide {
        height: 660px;
    }
    .page_main .start .content {
        gap: 24px;
        margin-bottom: 57px;
        align-items: center;
    }
    .page_main .start .button {
        max-width: 303px;
        width: 100%;
    }
    .page_main .start .text {
        font-size: 14px;
    }
    .page_main .cases .row {
        gap: 8px;
    }
    .page_open-programs .programs .card {
        padding: 10px;
    }
    .page_open-programs .programs .card-head {
        font-size: 10px;
    }
    .page_open-programs .programs .card-tag {
        font-size: 10px;
    }
    .page_open-programs .programs .card-button {
        height: 28px;
        font-size: 12px;
    }
    .page_corporate-programs .for-whom .row,
    .page_corporate-programs .for-whom .cards {
        gap: 8px;
    }
    .page_corporate-programs .for-whom .blocks {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    .page_corporate-programs .for-whom .block {
        min-height: 72px;
        text-align: center!important;
        justify-content: center;
    }
    .page_corporate-programs .for-whom .block-title {
        margin: 0;
    }
    .page_corporate-programs .cases .head {
        justify-content: center;
        padding-top: 30px;
    }
    .page_corporate-programs .professors .head {
        justify-content: center;
    }
    .page_for-employees .section_start .content {
        /* margin-top: 100px; */
        gap: 10px;
    }
    .page_for-employees .section_start .container {
        height: 700px;
    }
    .page_for-employees .section_start .back-link {
        font-size: 12px;
    }
    .page_for-employees .section_start .tags {
        margin-top: 24px;
        gap: 5px;
        justify-content: center;
    }
    .page_for-employees .section_start .title {
        margin-top: 6px;
    }
    .page_for-employees .section_start .text {
        margin-top: 12px;
    }
    .page_for-employees .section_start .get-consultation {
        margin-top: 24px;
    }
    .page_for-employees .info-desc .container {
        text-align: center;
        grid-template-columns: 1fr;
    }
    .page_for-employees .info-desc .big {
        font-size: 32px;
    }
    .page_for-employees .info-desc .item {
        gap: 8px;
    }
    .page_for-employees .about-program .container {
        flex-direction: column;
    }
    .page_for-employees .about-program .content {
        flex: unset;
    }
    .page_for-employees .about-program .table {
        flex: unset;
    }
    .page_for-employees .about-program .text {
        font-size: 18px;
    }
    .page_for-employees .about-program .text-small {
        margin-top: 16px;
    }
    .page_for-employees .what-will-learn .grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .page_for-employees .what-will-learn .card {
        min-height: 200px;
    }
    .page_for-employees .what-will-learn .card-title {
        font-size: 18px;
    }
    .page_for-employees .section_learning .subtitle {
        font-size: 18px;
        text-align: center;
    }
    .page_for-employees .section_learning .card-title {
        font-size: 16px;
    }
    .page_for-employees .section_learning .card {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .page_for-employees .structure .point-title {
        font-size: 19px;
    }
    .page_for-employees .structure .point-icon {
        width: 56px;
        height: 56px;
        grid-row: span 2;
    }
    .page_for-employees .structure .point-icon svg,
    .page_for-employees .structure .point-icon img {
        scale: 0.9;
    }
    .page_for-employees .structure br {
        display: none;
    }
    .page_for-employees .structure .points {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .page_for-employees .structure .point {
        display: grid;
        gap: 8px 16px;
        grid-template-columns: auto 1fr;
    }
    .page_for-employees .buns .container {
        flex-direction: column;
        gap: 8px;
    }
    .page_for-employees .buns .card {
        padding: 24px;
        min-height: unset;
    }
    .page_for-employees .buns .card-title {
        text-align: left;
    }
    .page_for-employees .buns .card-text {
        margin-top: 20px;
        max-width: 100%;
        text-wrap: balance;
    }
    .page_for-employees .buns .card-button {
        margin-top: 28px;
    }
    .page_for-employees .comments .splide__slide {
        padding: 16px;
    }
    .page_open-programs .comments .splide__slide {
        padding: 16px;
    }
    .page_activity .event .title,
    .page_event .event .title {
        text-align: left;
        font-size: 24px;
    }
    .page_activity .event .activity-info,
    .page_event .event .activity-info {
        display: none;
    }
    .page_activity .event .activity-sticky,
    .page_event .event .activity-sticky {
        width: 100%;
        position: static;
    }
    .page_activity .event .group,
    .page_event .event .group {
        flex-direction: row;
        justify-content: space-between;
    }
    .page_activity .event .content,
    .page_event .event .content {
        flex-direction: column-reverse;
    }
    .page_activity .event .content-text,
    .page_event .event .content-text {
        flex: unset;
    }
    .page_activity .event .next-news a,
    .page_event .event .next-news a {
        font-size: 18px;
    }
    .page_news .news .title {
        font-size: 24px;
    }
        .page_activity .seciton_head-path .container {
        height: 220px;
    }
    .seciton_head-path .breadcrumb {
         display: block;
    }
    .page_open-programs .how-learning .point-title {
        font-size: 19px;
    }
    .page_open-programs .how-learning .point-icon {
        width: 56px;
        height: 56px;
        grid-row: span 2;
    }
    .page_open-programs .how-learning .point-icon svg,
    .page_open-programs .how-learning .point-icon img {
        scale: 0.9;
    }
    .page_open-programs .how-learning br {
        display: none;
    }
    .page_open-programs .how-learning .points {
        grid-template-columns: 1fr;
        gap: 32px;
        margin-top: 40px;
    }
    .page_open-programs .how-learning .point {
        display: grid;
        gap: 8px 16px;
        grid-template-columns: auto 1fr;
    }
    .page_about .professors .head {
        justify-content: center;
    }
    .masterworks .row,
    .masterworks .cards {
        gap: 8px;
    }
    .masterworks .blocks {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    .masterworks .block {
        min-height: 72px;
        text-align: center!important;
        justify-content: center;
    }
    .masterworks .block-title {
        margin: 0;
    }
    .page_for-employees .info-desc .title {
        font-size: 28px;
        text-align: center;
        width: 100%;
    }
    .page_about .sovet .head {
        justify-content: center;
    }
    .page_for-employees .professors .head {
        justify-content: center;
    }
    .component_search {
        max-width: 100%;
    }
}

@media (width < 425px) {
    :root {
        --container-padding: 20px;
    }
    .section_start .title {
        max-width: 300px;
    }
    .section_start .get-consultation {
        width: calc(100% - 32px);
        padding: 0 24px;
    }
    .section_popular-programs .title {
        /* max-width: 180px;
        text-align: center; */
    }
    .section_study-place .title {
        /* max-width: 200px; 
        margin: 0 auto; */
    }
    .page_open-programs .programs .title {
        /* max-width: 300px; */
    }
    .page_corporate-programs .professors .title {
        max-width: 250px;
    }
    .page_for-employees .section_start .get-consultation {
        padding: 0;
    }
    .page_for-employees .buns .card-title {
        font-size: 20px;
    }
    .page_activity .event .actions,
    .page_event .event .actions {
        gap: 0;
        justify-content: space-between;
    }
    .page_activity .event .title br,
    .page_event .event .title br {
        display: block;
    }
    .page_activity .event .send-application,
    .page_event .event .send-application {
        width: 100%;
    }
    .page_open-programs .section_start .fpns-m-class {
        height: 722px;
    }
    .section_flagman .grid .card .card-top .sub-date span {
        position: absolute;
    }
    .page_about .professors .title {
        max-width: 250px;
    }
    .page_about .sovet .title {
        max-width: 250px;
    }
    .page_for-employees .professors .title {
        max-width: 250px;
    }
    .main-events .title {
        max-width: 200px;
    }
}

@media (hover: hover) and (width >= 1024px) {
    .component_select__option:hover {
        color: var(--dark-blue);
    }
    .section_popular-programs .splide__slide:hover {
        scale: 1.15;
        z-index: 2;
        box-shadow: 0 24px 34px 0 hsla(0, 0%, 100%, 0.3490196078);
    }
    /* .page_open-programs .programs .card:hover {
        background: var(--dark-blue);
        --color: #0088FF;
        box-shadow: 0 14px 14px -10px hsla(0, 0%, 100%, 0.3490196078);
    } */
    /* .page_open-programs .programs .card:hover .card-button {
        background: #fff;
        color: #000;
    }
    .page_open-programs .programs .card:hover .card-title {
        color: #fff;
    } */
    .page_corporate-programs .for-whom .card:hover {
        background: var(--dark-blue);
    }
    .page_corporate-programs .for-whom .card:hover svg,
    .page_corporate-programs .for-whom .card:hover path {
        fill: #fff;
    }
    .page_corporate-programs .for-whom .card:hover .card-text,
    .page_corporate-programs .for-whom .card:hover .card-title {
        color: #fff;
    }
    .page_for-employees .what-will-learn .card:hover {
        background: var(--dark-blue);
    }
    .page_for-employees .what-will-learn .card:hover .card-title {
        color: #fff;
    }
    .page_for-employees .what-will-learn .card:hover path {
        fill: #fff;
    }
}

@media (width > 1024px) {
.section_events .card:hover {
    flex: 1 1 631px;
}

.section_events .card:hover .card-text {
    opacity: 1;
    visibility: visible;
}
.section_events .card:nth-child(1) .card-button{
    display: none;
}
.section_events .card:nth-child(1) .card-button-text{
    display: flex;
}
.section_events:has(.card:nth-child(2):hover) .card:nth-child(1),
.section_events:has(.card:nth-child(3):hover) .card:nth-child(1) {
    flex: 1 1 307px;
}
.section_events:has(.card:nth-child(2):hover) .card:nth-child(1) .card-text,
.section_events:has(.card:nth-child(3):hover) .card:nth-child(1) .card-text{
    opacity: 0;
    visibility: visible;
}
.section_events:has(.card:nth-child(2):hover) .card:nth-child(1) .card-button,
.section_events:has(.card:nth-child(3):hover) .card:nth-child(1) .card-button{
    display: flex;
}
.section_events:has(.card:nth-child(2):hover) .card:nth-child(1) .card-button-text,
.section_events:has(.card:nth-child(3):hover) .card:nth-child(1) .card-button-text{
    display: none;
}
    .page_main .cases .card:nth-child(1) .card-button-text{
        display: flex;
    }
    .page_main .cases .card:nth-child(1) .card-button{
        display: none;
    }

    .page_main .cases:has(.card:not(:nth-child(1)):hover) .card:nth-child(1) {
        flex: 1 1 273px;
    }
    .page_main .cases:has(.card:not(:nth-child(1)):hover) .card:nth-child(1) .card-text{
        opacity: 0;
    }
    .page_main .cases:has(.card:not(:nth-child(1)):hover) .card:nth-child(1) .card-button-text{
        display: none;
    }
    .page_main .cases:has(.card:not(:nth-child(1)):hover) .card:nth-child(1) .card-button{
        display: flex;
    }
    .page_main .cases .card:hover .card-text {
        opacity: 1;
        visibility: visible;
    }
}

@media (1023px < width < 1200px) {
    .page_open-programs .programs .cards {
        gap: 8px;
    }
    .page_open-programs .programs .card-head {
        flex-wrap: wrap;
    }
    .page_open-programs .programs .card-head span:last-child {
        flex: 0 1 100%;
        margin: 0;
        margin-right: auto;
        text-align: left;
    }
}

@media (width < 375px) {
    .page_open-programs .programs .left {
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
    }
}

@media (width >= 1024px) {
    .page_corporate-programs .for-whom .row:nth-child(1) {
        height: 263px;
    }
    .page_corporate-programs .for-whom .row:nth-child(1) .card:nth-child(1) {
        flex: 1 1 444px;
    }
    .page_corporate-programs .for-whom .row:nth-child(1) .card:nth-child(2) {
        flex: 1 1 357px;
    }
    .page_corporate-programs .for-whom .row:nth-child(1) .card:nth-child(3) {
        flex: 1 1 444px;
    }
    .page_news .news .card:nth-child(1)::after {
        display: none;
    }
}

@media (max-width: 1000px) {
    .flex-buttons-baner {
        display: flex;
        gap: 20px;
    }
}

@media (width < 1280px) {
    .menu-pk {
        gap: 15px;
    }
    .menu-pk a {
        font-size: 14px;
      }
}

@media (width < 933px) {
    .menu-pk {
        display: none;
    }
    .profile-block .burger {
        display: inline-block;
    }
    .rektor-block .rektor-head img {
        width: 70px;
        height: 70px;
    }
    .rektor-block .rektor-head {
        gap: 10px;
    }
    .rektor-block .rektor-head .rector-name h4 {
        font-size: 18px;
    }
    .rektor-block .rektor-head .rector-name h4 {
        font-size: 18px;
    }
    .rektor-block .rektor-head .rector-name span {
        font-size: 14px;
    }
    .rektor-block .rektor-bottom {
        font-size: 14px;
    }
    .page_gos .masterworks .blocks {
        grid-template-columns: repeat(1, 1fr);
    }
    .page_about .comments .head .title, .page_about .sovet .title, .page_gos .masterworks .title, .masterworks  .head .title{
        font-size:28px;
        /* text-align:center; */
    }
    .page_gos .masterworks .title, .masterworks .head .title,.masterworks .head span {
    margin-bottom: 20px;
    }
    
    .page_gos .masterworks {
        padding: 40px 0 30px;
    }
    .masterworks .head {
        flex-direction: column;
    }
    .masterworks .head .title, .masterworks .head span {
        max-width: 100%;
    }
}

@media (width < 767px) {
    .NewProgrammBlock {
        display: none!important;
    }
}

@media (max-width: 768px) {
	.review-modal__content {
		width: calc(100% - 20px);
		margin: 20px auto;
		padding: 24px 16px 16px;
		max-height: calc(100vh - 40px);
	}

	.review-modal__title {
		font-size: 20px;
	}
     .page_svedenia .content {
        font-size: 14px;
    }

     .page_svedenia .content h3 {
        font-size: 18px;
    }

     .page_svedenia .content table,
     .page_svedenia .content tbody,
     .page_svedenia .content tr,
     .page_svedenia .content td {
        display: block;
        width: 100% !important;
    }

     .page_svedenia .content tr {
        margin-bottom: 12px;
        border: 1px solid #d9d9d9;
    }

     .page_svedenia .content table {
        border: 0;
    }

     .page_svedenia .content table td {
        border: 0;
        border-bottom: 1px solid #e5e5e5;
    }

     .page_svedenia .content table td:last-child {
        border-bottom: 0;
    }

     .page_svedenia .content table tr:first-child {
        /* display: none; */
    }
}

@media (max-width: 600px) {
    .page_olymp .olymp-faq {
        padding: 20px 15px;
    }
}

@media (max-width: 900px) {
    .page_olymp .about-program .container .content .microblocks{
        grid-template-columns: 1fr;
    }
     .page_for-employees .structure .cards {
        flex-direction: column;
     }
    .page_olymp .olymp-docs__grid {
        grid-template-columns: 1fr;
    }
    .page_landing .olymp-docs__grid {
        grid-template-columns: 1fr;
    }
    .page_landing .section_form .left {
         flex: 0;
    }
    .popup-window {
        padding: 20px;
    }

    .page_olymp .about-program .container .content {
        flex-direction: column;
    }
    .page_olymp .how-work-oly .content .status {
        font-size: 16px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page_olymp .how-work-oly .splide__slide {
        background-position: bottom;
        background-size: cover;
    }
    .page_olymp .olymp-results__table-wrapper {
        padding: 0px;
    }
    .how-work-oly .head .title,.page_olymp .about-program .container .head h1,.page_olymp .olymp-results__title,.page_olymp .olymp-docs__title,.page_olymp .olymp-faq__title{
        text-align: center;
        font-size:28px;
    }
    .page_olymp .professors .title {
        max-width: 100%;
    }
    .page_olymp .professors .head .head-title span,.page_olymp .professors .sub-block{
        text-align:center;
    }
    .page_olymp .olymp-docs__card {
        min-height: 300px;
    }
    .page_olymp .section_form {
        padding: 0px 0 65px;
        background: unset;
    }
    .page_olymp .olymp-faq {
        padding: 20px 0px;
    }
    .page_olymp .olymp-faq__item {
        padding: 0px;
    }
    .olymp-photos__grid {
        grid-template-columns: 1fr;
    }

    .olymp-photos {
        grid-column: span 1 !important;
    }
    .campus-layout {
    grid-template-columns: 1fr;
    }

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

    .stat-card--tall {
    grid-column: auto;
    grid-row: auto;
    min-height: 110px;
    }
  .extra-info__grid {
    grid-template-columns: 1fr;
  }

  .info-card {
    min-height: 180px;
  }
    .room-card__content {
    grid-template-columns: 1fr;
    }

    .room-card__gallery {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    }

    .room-card__image--large {
    grid-column: 1 / -1;
    grid-row: auto;
    }
  .spaces-tabs .spaces__grid {
    grid-template-columns: repeat(2, 1fr);
  }
    #splide_partners {
        display: none!important;
    }
    #splide_partners_mob {
        display: grid!important;
    }
    .page_arenda .about-program .container .content {
        flex-direction: column;
    }
    .page_arenda .about-program .container .content .microblocks {
        display: grid;
        grid-template-columns: repeat(1, minmax(250px, 1fr));
        gap: 20px;
    }
    .page_arenda .space-grid {
        grid-template-columns: repeat(1,1fr);
        display: grid;
        gap: 16px;
    }
    .page_arenda .space-block .head h1 {
        text-align: center;
        font-size: 28px;
    }
    .page_arenda .professors .title {
        max-width: 100%;
    }
    .spaces-tabs .spaces__title {
        font-size: 28px;
        text-align: center
    }   
    #splide_comfort-list {
        /* padding-left: 24px!important; */
    }
    .page_arenda .professors {
        padding: 26px 0 62px;
    }
    .spaces-tabs .spaces__tab {
        padding: 5px 10px;
    }
    .spaces-tabs .spaces__tabs {
        padding: 5px;
    }
    .spaces-tabs {
         padding: 60px 0 60px;
    }
    .page_arenda .olymp-faq {
        padding: 0px;
    }
    .campus-tabs__btn {
        font-size: 16px;
        padding: 5px 10px;
    }

    .stats-grid {
        grid-template-columns: 1fr;
    }
    .page_complex .about-program .content {
        flex-direction: column;
    }
    .page_complex .about-program .content .microblocks {
        grid-template-columns: repeat(1, minmax(250px, 1fr));=
    }
    .page_complex .about-program .content .microblocks-row {
         flex-direction: column;
    }
    .page_complex .about-program .content .microblocks-row .block5 .block {
        align-items: start;
    }
    .room-card__title {
         text-align: center;
    }
    .room-card {
        padding: 0px;
        padding-bottom: 60px;
    }
    .room-card__content {
        flex-direction: column;
    }
}

@media (max-width: 560px) {

}

@media (max-width: 991px) {
.modal-max__dialog {
    max-width: 760px;
    padding: 40px 32px 40px;
    border-radius: 18px;
}

.modal-max__logo-app {
    width: 68px;
    height: 68px;
}

.modal-max__logo-academy {
    max-width: 220px;
}

.modal-max__title {
    font-size: 30px;
    margin-bottom: 20px;
}

.modal-max__text {
    font-size: 22px;
    margin-bottom: 36px;
}

.modal-max__subscribe {
    min-width: 220px;
    min-height: 64px;
    font-size: 22px;
}
    /* .page_open-programs .programs .card:hover a.card-button {
        background: #0088FF !important;
    } */
}

@media (max-width: 640px) {
    .search-modal__head {
        width: 320px;
    }
    .modal-max {
        padding: 12px;
    }

    .modal-max__dialog {
        padding: 24px 20px 28px;
        border-radius: 16px;
    }

    .modal-max__close {
        top: 14px;
        right: 14px;
        width: 36px;
        height: 36px;
    }

    .modal-max__close span {
        width: 24px;
    }

    .modal-max__head {
        margin-bottom: 24px;
        padding-right: 28px;
    }

    .modal-max__logos {
        gap: 14px;
    }

    .modal-max__logo-app {
        width: 56px;
        height: 56px;
        border-radius: 14px;
    }

    .modal-max__logo-academy {
        max-width: 170px;
    }

    .modal-max__title {
        font-size: 24px;
        line-height: 1.25;
        margin-bottom: 16px;
    }

    .modal-max__text {
        font-size: 18px;
        line-height: 1.45;
        margin-bottom: 28px;
    }

    .modal-max__subscribe {
        width: 100%;
        min-width: 0;
        min-height: 56px;
        font-size: 20px;
    }
    .room-card {
    padding: 20px 16px;
    }

    .room-card__gallery {
    grid-template-columns: 1fr;
    }

    .room-card__stats {
    grid-template-columns: 1fr;
    }

    .room-card__tags {
    max-width: 100%;
    }
  .spaces-tabs .spaces__tabs {
    width: 100%;
    overflow-x: auto;
  }

  .spaces-tabs .spaces__grid {
    grid-template-columns: 1fr;
  }

  .spaces-tabs .space-card {
    min-height: 350px;
  }
}


/* ============================================================
   TABLET ADAPTIVE 769-1199
   Desktop-like tablet layout overrides.
   ============================================================ */

@media (min-width: 769px) and (max-width: 1199px) {
    .page_for-employees .info-desc .big,
    .page_main .start .title,
    .section_start .title {
        font-size: clamp(38px, 4vw, 44px);
        text-align: left;
    }

    .page_activity .event .title,
    .page_event .event .title,
    .page_for-employees .comments .title,
    .page_open-programs .comments .title,
    .page_for-employees .buns .card-title,
    .page_for-employees .experts .title,
    .page_for-employees .selection-steps .title,
    .page_for-employees .structure .title,
    .page_for-employees .what-will-learn .title,
    .page_for-employees .about-program .title,
    .page_corporate-programs .professors .title,
    .page_for-employees .professors .title,
    .page_about .professors .title,
    .page_corporate-programs .cases .title,
    .page_corporate-programs .development-steps .title,
    .page_landing .development-steps .title,
    .page_about .development-steps .title,
    .page_corporate-programs .for-whom .title,
    .page_open-programs .programs .title,
    .page_main .cases .title,
    .section_study-place .title,
    .section_popular-programs .title,
    .section_learning .title,
    .section_form .title,
    .section_events .title,
    footer .subtitle,
    .page_about .comments .head .title,
    .page_about .sovet .title,
    .page_gos .masterworks .title,
    .masterworks .head .title,
    .how-work-oly .head .title,
    .page_olymp .about-program .container .head h1,
    .page_olymp .olymp-results__title,
    .page_olymp .olymp-docs__title,
    .page_olymp .olymp-faq__title,
    .page_arenda .space-block .head h1,
    .spaces-tabs .spaces__title {
        font-size: clamp(30px, 3.2vw, 34px);
        text-align: left;
    }

    header {
        top: 24px;
    }

    header .logo {
        flex: 0 0 168px;
    }

    header .personal-cabinet {
        padding: 0 14px;
        width: fit-content;
    }

    header .personal-cabinet span {
        display: inline-block;
    }

    header .menu {
        width: min(420px, calc(100vw - 64px));
    }

    footer {
        padding: 40px 0;
        text-align: left;
    }

    footer .container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 36px;
    }

    footer .column:last-child {
        grid-column: 1 / -1;
    }

    footer .logo,
    footer .social-links {
        margin: 0;
    }

    .component_select {
        max-width: 100%;
    }

    .component_select__menu {
        width: min(560px, calc(100vw - 2 * var(--container-padding)));
    }

    .seciton_head-path .container {
        height: 176px;
    }

    .seciton_head-path .breadcrumb {
        display: flex;
    }

    .section_start,
    .page_main .start,
    .page_for-employees .section_start {
        text-align: left;
    }

    .section_start .content,
    .page_main .start .content,
    .page_for-employees .section_start .content {
        align-items: flex-start;
        gap: 28px;
    }

    .section_start .text,
    .page_main .start .text {
        font-size: 16px;
        max-width: 680px;
    }

    .page_main .start .splide__pagination {
        display: flex;
    }

    .page_main .start .button,
    .section_start .get-consultation,
    .page_for-employees .section_start .get-consultation {
        width: fit-content;
        max-width: none;
    }

    .page_for-employees .section_start .tags {
        justify-content: flex-start;
    }

    .section_popular-programs ._mobile {
        display: none;
    }

    .section_popular-programs ._desktop {
        display: flex;
    }

    .section_popular-programs .head,
    .section_events .head,
    .page_corporate-programs .cases .head,
    .page_corporate-programs .professors .head,
    .page_about .professors .head,
    .page_about .sovet .head,
    .page_for-employees .professors .head,
    .page_for-employees .comments .head,
    .page_open-programs .comments .head {
        justify-content: space-between;
    }

    .section_events {
        padding: 56px 0;
    }

    .section_events .all-news {
        display: flex;
    }

    .section_events .row,
    .page_main .cases .row {
        margin-top: 28px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .section_events .card,
    .page_main .cases .card {
        height: auto;
        min-height: 320px;
        padding: 24px;
        gap: 20px;
        flex: unset;
    }

    .section_events .card:nth-child(1),
    .page_main .cases .card:nth-child(1),
    .page_main .cases .card._big {
        grid-column: 1 / -1;
        flex: unset;
    }

    .section_events .card-title,
    .section_events .card:nth-child(1) .card-title,
    .page_main .cases .card-title,
    .page_main .cases .card._big .card-title,
    .page_main .cases .card-title._big {
        font-size: 22px;
    }

    .section_events .card-text,
    .page_main .cases .card-text {
        display: block;
        opacity: 1;
        visibility: visible;
        max-width: 100%;
        font-size: 14px;
        margin: 0;
    }

    .section_events .card .card-button-more,
    .page_main .cases .card .card-button-more {
        display: flex !important;
    }

    .section_events .card .card-button,
    .page_main .cases .card .card-button {
        display: none !important;
    }

    .section_events .card-button-text,
    .page_main .cases .card-button-text {
        height: 36px;
    }

    .section_events .card:hover,
    .page_main .cases .card:hover,
    .page_main .cases:has(.card:not(:nth-child(1)):hover) .card:nth-child(1),
    .section_events:has(.card:nth-child(2):hover) .card:nth-child(1),
    .section_events:has(.card:nth-child(3):hover) .card:nth-child(1) {
        flex: unset;
    }

    .page_main .cases:has(.card:not(:nth-child(1)):hover) .card:nth-child(1) .card-text,
    .section_events:has(.card:nth-child(2):hover) .card:nth-child(1) .card-text,
    .section_events:has(.card:nth-child(3):hover) .card:nth-child(1) .card-text {
        opacity: 1;
        visibility: visible;
    }

    .page_main .cases:has(.card:not(:nth-child(1)):hover) .card:nth-child(1) .card-button,
    .section_events:has(.card:nth-child(2):hover) .card:nth-child(1) .card-button,
    .section_events:has(.card:nth-child(3):hover) .card:nth-child(1) .card-button {
        display: none !important;
    }

    .page_main .cases:has(.card:not(:nth-child(1)):hover) .card:nth-child(1) .card-button-text,
    .section_events:has(.card:nth-child(2):hover) .card:nth-child(1) .card-button-text,
    .section_events:has(.card:nth-child(3):hover) .card:nth-child(1) .card-button-text {
        display: flex;
    }

    .section_study-place {
        padding: 48px 0 64px;
    }

    .section_study-place .splide {
        margin-top: 28px;
    }

    .section_study-place .splide__slide {
        height: 430px;
    }

    .section_study-place .card-title {
        font-size: 48px;
    }

    .page_open-programs .programs {
        padding: 48px 0 64px;
        margin-bottom: 0;
    }

    .page_open-programs .programs .head {
        flex-direction: row;
        align-items: flex-end;
        gap: 16px;
    }

    .page_open-programs .programs .actions {
        display: flex;
        gap: 8px;
        margin-left: auto;
    }

    .page_open-programs .programs .filter-trigger,
    .page_open-programs .programs .close {
        display: none !important;
    }

    .page_open-programs .programs .left,
    .page_open-programs .programs .left._open {
        translate: none;
    }

    .page_open-programs .programs .card-head {
        flex-wrap: wrap;
    }

    .page_open-programs .programs .card-head span:last-child {
        flex: 0 1 100%;
        margin-left: 0;
        text-align: left;
    }

    .page_open-programs .programs .card-title {
        margin-top: 16px;
    }

    .page_open-programs .programs .card-button {
        margin-top: 32px;
    }

    .page_open-programs .programs .show-more {
        justify-content: flex-start;
    }

    .page_open-programs .section_popular-programs .show-more {
        display: flex;
        position: static;
        margin-top: 20px;
    }

    .page_open-programs .how-learning,
    .page_for-employees .structure {
        padding-bottom: 64px;
    }

    .page_open-programs .how-learning ._desktop,
    .page_for-employees .structure ._desktop {
        display: block;
    }

    .page_open-programs .how-learning .how-learning,
    .page_for-employees .structure .how-learning {
        margin-top: 96px;
    }

    .page_open-programs .how-learning .points,
    .page_for-employees .structure .points {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 16px;
    }

    .page_open-programs .how-learning .point,
    .page_for-employees .structure .point {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .section_level {
        padding: 56px 0;
    }

    .section_level .head {
        flex-direction: row;
        gap: 24px;
        align-items: flex-start;
    }

    .section_level .head .title {
        text-align: left;
        font-size: 32px;
    }

    .section_level .head .subtitle {
        text-align: left;
        font-size: 18px;
    }

    .section_level .grid {
        margin-top: 32px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 16px;
    }

    .section_level .grid .card .card-content {
        font-size: 20px;
    }

    .page_corporate-programs .for-whom {
        padding: 40px 0 56px;
    }

    .page_corporate-programs .for-whom .cards,
    .masterworks .cards {
        margin-top: 32px;
        gap: 12px;
    }

    .page_corporate-programs .for-whom .row {
        gap: 12px;
    }

    .page_corporate-programs .for-whom .blocks,
    .masterworks .blocks,
    .page_gos .masterworks .blocks {
        gap: 12px;
    }

    .page_corporate-programs .for-whom .block:nth-child(n) {
        grid-column: auto;
    }

    .page_corporate-programs .development-steps,
    .page_about .development-steps {
        padding: 48px 0 56px;
        margin: 0;
    }

    .page_corporate-programs .development-steps .cards,
    .page_about .development-steps .cards {
        display: grid;
    }

    .page_lan .development-steps .splide,
    .page_about .development-steps .splide {
        display: none;
    }

     .page_landing .development-steps,
    .page_about .development-steps {
        padding: 48px 0 56px;
        margin: 0;
    }

    .page_landing .development-steps .cards,
    .page_about .development-steps .cards {
        display: grid;
    }

    .page_landing .development-steps .splide,
    .page_about .development-steps .splide {
        display: none;
    }

    .page_corporate-programs .cases {
        padding: 48px 0 64px;
    }

    .page_corporate-programs .cases .splide__slide {
        height: 400px;
    }

    .page_corporate-programs .cases .card-button {
        margin-top: 18px;
    }

    .page_corporate-programs .professors,
    .page_about .professors,
    .page_about .sovet,
    .page_for-employees .professors {
        padding: 48px 0 56px;
    }

    .page_corporate-programs .professors .splide__track,
    .page_about .professors .splide__track,
    .page_about .sovet .splide__track,
    .page_for-employees .professors .splide__track,
    .page_for-employees .comments .splide__track,
    .page_open-programs .comments .splide__track {
        margin: 36px calc((100vw - 100%) / -2) 0;
    }

    .page_for-employees .info-desc {
        padding: 40px 0 48px;
    }

    .page_for-employees .info-desc .container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 16px;
        text-align: left;
    }

    .page_for-employees .info-desc .text {
        max-width: 100%;
    }

    .page_for-employees .about-program {
        padding: 48px 0 72px;
    }

    .page_for-employees .about-program .text {
        font-size: 20px;
    }

    .page_for-employees .what-will-learn {
        padding: 40px 0 56px;
    }

    .page_for-employees .what-will-learn .grid,
    .page_for-employees .selection-steps .steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .page_for-employees .what-will-learn .card {
        min-height: 220px;
    }

    .page_for-employees .section_learning {
        padding: 40px 0 72px;
    }

    .page_for-employees .section_learning .subtitle {
        text-align: left;
        font-size: 20px;
    }

    .page_for-employees .section_learning .card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .page_for-employees .selection-steps {
        padding: 40px 0 56px;
    }

    .page_for-employees .experts {
        padding: 48px 0 64px;
    }

    .page_for-employees .buns {
        padding: 40px 0 56px;
    }

    .page_for-employees .comments,
    .page_open-programs .comments {
        padding: 48px 0 56px;
    }

    .page_for-employees .comments .card-text,
    .page_open-programs .comments .card-text {
        display: flex;
        gap: 16px;
        -webkit-line-clamp: unset;
        font-size: 16px;
    }

    .page_open-programs .comments .splide__slide {
        min-height: 320px;
        height: auto;
    }

    .page_activity .event,
    .page_event .event {
        padding: 36px 0 72px;
    }

    .page_activity .event .body,
    .page_event .event .body {
        max-width: 100%;
    }

    .page_activity .event .content,
    .page_event .event .content {
        gap: 24px;
    }

    .page_activity .event .activity-sticky,
    .page_event .event .activity-sticky {
        flex: 0 0 260px;
    }

    .page_news .news {
        padding: 40px 0 80px;
    }

    .page_news .news .head {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    .page_news .news .row {
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 16px;
    }

    .page_news .news .column {
        gap: 48px;
    }

    .page_news .news .card::after {
        top: -24px;
    }

    .page_news .news .poster,
    .page_news .news ._activity {
        max-width: 100%;
    }

    .page_news .news ._activity {
        height: 360px;
    }

    .section_flagman .title {
        text-align: left;
        font-size: 32px;
    }

    .section_flagman .grid {
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 16px;
    }

    .section_flagman .grid .card::after {
        opacity: 0.3;
    }

    .section_flagman .grid .card {
        gap: 28px;
    }

    .section_flagman .grid .card .card-top {
        gap: 16px;
    }

    .section_flagman .grid .card .card-top h2 {
        font-size: 30px;
    }

    .masterworks,
    .page_gos .masterworks {
        padding: 48px 0 64px;
    }

    .masterworks .head {
        flex-direction: row;
        align-items: flex-start;
        gap: 16px;
    }

    .masterworks .head .title,
    .masterworks .head span {
        max-width: 48%;
    }

    .masterworks .block {
        min-height: 160px;
        justify-content: space-between;
    }

    .page_about .comments .head .title,
    .page_about .sovet .title,
    .page_gos .masterworks .title,
    .masterworks .head .title,
    .page_for-employees .info-desc .title {
        text-align: left;
    }

    .flex-buttons-baner {
        gap: 12px;
        flex-direction: row;
    }

    .flex-buttons-baner a {
        width: fit-content !important;
    }

    .flex-error-block {
        flex-direction: row;
        align-items: center;
    }

    .imgblock,
    .contentblock {
        max-width: 50%;
        text-align: left;
        justify-content: center;
        gap: 24px;
    }

    .imgblock img {
        max-width: 100%;
    }

    .go-home-button {
        margin-left: 0;
        margin-right: 0;
    }

    .page_olymp .section_form {
        padding: 56px 0 65px;
        background: var(--blue);
    }

    .page_olymp .about-program .container .content,
    .page_arenda .about-program .container .content,
    .page_complex .about-program .content {
        flex-direction: row;
        gap: 16px;
    }

    .page_olymp .about-program .container .content .microblocks,
    .page_arenda .about-program .container .content .microblocks,
    .page_complex .about-program .content .microblocks,
    .page_complex .about-program .content .microblocks-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .page_complex .about-program .content .microblocks-row {
        display: flex;
        flex-direction: row;
    }

    .page_arenda .space-grid,
    .page_olymp .olymp-docs__grid,
    .olymp-photos__grid,
    .extra-info__grid,
    .campus-layout,
    .spaces-tabs .spaces__grid,
    .stats-grid,
    .room-card__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .room-card__content {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    }

    .room-card__gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .room-card__image--large {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .page_olymp .olymp-results__table-wrapper {
        padding: 32px;
    }

    .page_olymp .olymp-results__table thead th,
    .page_olymp .olymp-results__table td {
        font-size: 18px;
    }

    #splide_partners {
        display: block !important;
    }

    #splide_partners_mob {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    :root {
        --container-padding: 36px;
    }

    .splide__arrows {
        display: flex;
    }

    .section_form {
        background: var(--dark-blue);
        padding: 40px 0;
    }

    .section_form .desk {
        padding: 32px;
        gap: 24px;
        flex-direction: row;
        align-items: stretch;
    }

    .section_form .left {
        flex: 0 1 360px;
    }

    .section_form .form {
        flex: 1 1 480px;
    }

    .section_form .text {
        max-width: 100%;
        margin-top: 24px;
    }

    .section_form .profile {
        margin-top: 28px;
    }

    .section_form .checkboxes {
        margin-top: 32px;
    }

    .section_form .submit {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .page_open-programs .programs .row {
        margin-top: 32px;
        display: grid;
        grid-template-columns: 248px minmax(0, 1fr);
        gap: 20px;
        align-items: start;
    }

    .page_open-programs .programs .left {
        position: sticky;
        top: 24px;
        width: auto;
        height: auto;
        z-index: 5;
        padding: 0;
        background: transparent;
        overflow: visible;
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .page_open-programs .programs .right {
        flex: unset;
    }

    .page_open-programs .programs .cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .page_open-programs .programs .left .component_search,
    .page_open-programs .programs .left .component_select {
        max-width: 100%;
        width: 100%;
    }

    .page_open-programs .programs .left .component_select {
        padding: 0 16px;
        height: 40px;
    }

    .page_open-programs .programs .left .component_select__menu {
        width: min(540px, calc(100vw - 72px));
    }

    .page_corporate-programs .for-whom .row,
    .page_for-employees .buns .container,
    .page_for-employees .about-program .container {
        flex-direction: row;
        gap: 12px;
    }

    .page_corporate-programs .for-whom .blocks,
    .masterworks .blocks,
    .page_gos .masterworks .blocks {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    :root {
        --container-padding: 28px;
    }

    .page_for-employees .info-desc .big,
    .page_main .start .title,
    .section_start .title {
        font-size: 38px;
    }

    .page_activity .event .title,
    .page_event .event .title,
    .page_for-employees .comments .title,
    .page_open-programs .comments .title,
    .page_for-employees .buns .card-title,
    .page_for-employees .experts .title,
    .page_for-employees .selection-steps .title,
    .page_for-employees .structure .title,
    .page_for-employees .what-will-learn .title,
    .page_for-employees .about-program .title,
    .page_corporate-programs .professors .title,
    .page_for-employees .professors .title,
    .page_about .professors .title,
    .page_corporate-programs .cases .title,
    .page_corporate-programs .development-steps .title,
    .page_landing .development-steps .title,
    .page_about .development-steps .title,
    .page_corporate-programs .for-whom .title,
    .page_open-programs .programs .title,
    .page_main .cases .title,
    .section_study-place .title,
    .section_popular-programs .title,
    .section_learning .title,
    .section_form .title,
    .section_events .title,
    footer .subtitle {
        font-size: 30px;
    }

    .splide__arrows {
        display: none;
    }

    .section_form {
        background: var(--dark-blue);
        padding: 40px 0;
    }

    .section_form .desk {
        padding: 28px;
        gap: 24px;
        flex-direction: column;
    }

    .section_form .left,
    .section_form .form {
        flex: unset;
    }

    .page_open-programs .programs .head {
        flex-direction: column;
        align-items: stretch;
    }

    .page_open-programs .programs .actions {
        margin-left: 0;
    }

    .page_open-programs .programs .row {
        margin-top: 28px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .page_open-programs .programs .left {
        position: static;
        width: 100%;
        height: auto;
        z-index: 1;
        padding: 0;
        background: transparent;
        overflow: visible;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .page_open-programs .programs .left .component_search,
    .page_open-programs .programs .left .component_select,
    .page_open-programs .programs .left .group {
        max-width: 100%;
        width: 100%;
        min-width: 0;
    }

    .page_open-programs .programs .left .reset {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .page_open-programs .programs .cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .page_corporate-programs .for-whom .row,
    .page_for-employees .buns .container,
    .page_for-employees .about-program .container,
    .masterworks .head,
    .page_for-employees .structure .head,
    .page_open-programs .how-learning .head,
    .section_level .head {
        flex-direction: column;
    }

    .page_corporate-programs .for-whom .blocks,
    .masterworks .blocks,
    .page_gos .masterworks .blocks {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page_for-employees .structure .subtitle,
    .page_open-programs .how-learning .subtitle,
    .section_level .head .subtitle,
    .masterworks .head span {
        max-width: 100%;
    }

    .page_for-employees .about-program .table {
        flex: unset;
    }

    .page_open-programs .how-learning .how-learning,
    .page_for-employees .structure .how-learning {
        margin-top: 72px;
    }

    .page_activity .event .activity-sticky,
    .page_event .event .activity-sticky {
        flex: 0 0 220px;
    }
}

.page_activity .event .cases .splide__slide img{
    max-width: 100%!important;
}
.red-tag{
    background:#FF383C!important;
    border: 1px solid #FF383C!important;
    font-weight: 700!important;
}
.page_landing .section_start .bg {
    scale: 1;
}
.page_landing .info-desc .big {
    font-size: 36px;
}
.page_for-employees .info-desc .container {
    gap:20px;
}
.page_landing .section_start .title {
    margin-top: 32px;
}
.page_landing .info-desc .big {
    font-size: 36px;
}
.page_landing .about-program .container{
    flex-direction: column;
}
.page_landing .about-program .content {
    display: flex;
    justify-content: space-between;
    flex:1;
    gap:30px;
}
.page_landing .about-program .content .content-left, .page_landing .about-program .content .content-right{
    flex:1;
}
.page_landing .about-program .content .content-left{
    font-size: 22px;
    font-weight: 500;
}
.page_landing .about-program .content .content-right{
    font-size: 16px;
}
.page_landing  .olymp-faq {
  border-radius: 24px 24px 0 0;
}
.page_landing .development-steps {
    padding: 72px 0;
    background: #fff;
    padding-top: 40px;
}
.page_landing .development-steps .title {
    color: var(--dark-blue);
}
.page_landing .development-steps .cards {
    margin-top: 36px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}
.page_landing .development-steps .card {
    background: var(--light-grey);
    border-radius: 8px;
    padding: 24px;
    min-height: 228px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
}
.page_landing .development-steps .card:nth-child(-n + 2) {
    grid-column: span 6;
}
.page_landing .development-steps .card:nth-child(n + 3) {
    grid-column: span 4;
}
.page_landing .development-steps .card-number {
    top: 24px;
    left: 24px;
    line-height: 90px;
    font-weight: 500;
    font-size: 128px;
    position: absolute;
    opacity: 0.4;
    z-index: 1;
}
.page_landing .development-steps .card-title {
    position: relative;
    z-index: 2;
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);
}
.page_landing .development-steps .card-text {
    position: relative;
    z-index: 2;
    margin-top: 8px;
    font-size: 14px;
    color: var(--dark-grey);
}
.page_landing .development-steps .splide {
    display: none;
}
@media (width < 1200px) {
    :root {
        --container-padding: 40px;
    }
    .page_landing .development-steps .cards {
        grid-template-columns: repeat(6, 1fr);
    }
    .page_landing .development-steps .cards .card {
        grid-column: span 3;
    }
    .page_landing .development-steps .cards .card:nth-child(n + 3):nth-child(-n + 5) {
        grid-column: span 2;
    }
}
@media (width < 1024px) {
     .page_landing .development-steps {
        /* margin: 0; */
        padding-bottom: 70px;
        padding: 44px 0;
        overflow-y: hidden;
    }
    .page_landing .development-steps .cards {
        display: none;
    }
    .page_landing .development-steps .splide {
        display: block;
        margin-top: 26px;
    }
    .page_landing .development-steps .splide__track {
        margin: 0 calc((100vw - 100%) / -2);
    }
}
.ads-partners-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    margin-top: 30px;
}
.ads-partners-grid .partner-item{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.pb-20 {
    padding-bottom: 20px!important;
}
.page_landing .steps-sec .cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.page_landing .steps-sec .card:nth-child(-n+2) {
  grid-column: inherit;
}

.page_landing .steps-sec .card:nth-child(n+3) {
  grid-column: inherit;
}

.page_landing .info-desc {
  background: #fff;
  padding: 70px 0 70px;
}

.steps-sec .head span{
    color: #5C5C5C;
    font-size: 20px;
    max-width: 70%;
    margin-top: 10px;
}

.tematic-places {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
    margin-top: 30px;
}

.tematic-card {
	min-height: 250px;
	padding: 22px 24px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #f3f5f9;
	border-radius: 7px;
}

.tematic-card__title {
	margin: 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.12;
	color:  var(--dark-blue);
}

.tematic-card__list {
	margin: 22px 0 0;
	padding-left: 18px;
	color: #6b6f76;
	font-size: 15px;
	line-height: 1.55;
}

.tematic-card__list li{
    list-style: disc;
}

.tematic-card__bottom {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

.tematic-card__date {
	min-height: 23px;
	padding: 5px 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #ff4545;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.tematic-card__tag {
	min-height: 23px;
	padding: 5px 17px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #aeb4bf;
	border-radius: 999px;
	color: #555b64;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

.raspisanie {
	background: #fff;
  padding: 62px 0 72px;
	border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
	overflow: hidden;
}

.raspisanie .head {
	margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.raspisanie .title {
	margin: 0;
	font-size: 36px;
    font-weight: 500;
	line-height: 1.15;
	color: var(--dark-blue);
}

.raspisanie-slider {
	overflow: visible;
}

.raspisanie-slider .splide__track {
	overflow: visible;
}

.raspisanie-slider .splide__list {
	align-items: stretch;
}

.raspisanie-slider .splide__slide {
	height: auto;
}

.raspisanie-card {
	position: relative;
	height: 100%;
	/* min-height: 680px; */
	padding: 42px 24px 24px;
	background: #eef2f8;
	border-radius: 7px;
	box-sizing: border-box;
}

.raspisanie-card__top {
	position: absolute;
	left: 24px;
	top: -10px;
	right: 24px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.raspisanie-card__date {
	min-height: 23px;
	padding: 5px 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #ff4545;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.raspisanie-card__tag {
	min-height: 23px;
	padding: 5px 17px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #aeb4bf;
	border-radius: 999px;
	background: #ffffff;
	color: #555b64;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

.raspisanie-card__title {
	margin: 0 0 22px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.12;
	color: var(--dark-blue);
}

.raspisanie-card__program {
	display: flex;
	flex-direction: column;
}

.raspisanie-card__row {
    padding: 14px 0;
	border-bottom: 1px dashed #d8dde7;
}

.raspisanie-card__row.single-row{
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) 130px;
	gap: 14px;
}

.row-rasp-first {
    display: grid;
	grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1fr);
	gap: 14px;
}

.row-rasp-first .raspisanie-card__info{
    display: flex;
    align-items: center;
}
.row-rasp-second{
    margin-top: 5px;
}
.row-rasp-second .raspisanie-card__info{
    margin-left: 78px;
}


.raspisanie-card__row:first-child {
	padding-top: 0;
}

.raspisanie-card__row:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.raspisanie-card__time {
	color: #3157a5;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
}

.raspisanie-card__info {
	min-width: 0;
}

.raspisanie-card__type {
	margin-bottom: 3px;
	color: #6b6f76;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.1;
}

.raspisanie-card__name {
	color: #666b73;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.15;
}

.raspisanie-card__name_blue {
	color: #3157a5;
}

.raspisanie-card__format {
	align-self: center;
	color: #6b6f76;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.05;
	text-align: right;
}

/* Стрелки Splide */
/* №к */

.page_activity .event .mw-100 {
    max-width: 100%;
}

.stream-box {
    padding: 50px 0px;
    height: 720px;
}

.stream-box iframe{
    border-radius: 50px;
}
@media (max-width: 1280px) {
	.raspisanie-card {
		min-height: 640px;
	}
}

@media (max-width: 1024px) {
    .container {
        max-width: 1380px;
        padding: 0 20px;
        margin: auto;
    }
	.raspisanie-card {
		min-height: 600px;
	}

	.raspisanie-card__title {
		font-size: 20px;
	}
    .page_landing .info-desc {
        background: #fff;
        padding: 30px 0 30px;
    }
    .page_for-employees .info-desc .container {
        gap:20px;
    }
    .page_landing .about-program .content {
        flex-direction: column;
        gap: 20px;
      }
      .page_landing .about-program .content .content-left {
        font-size: 16px;
        font-weight: 500;
      }
      .tematic-places {
        grid-template-columns: repeat(1, minmax(0, 1fr));
      }
      .page_landing .professors {
        padding: 26px 0 32px;
        padding-bottom: 70px;
        overflow-y: hidden;
      }
      .raspisanie {
        padding: 44px 0;
      }
        .ads-partners-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-top: 20px;
        }

        /* Фиксированная высота для изображений на мобилке */
        .ads-partners-grid .partner-item {
        height: 80px; /* Установите нужную высоту */
        }

        .ads-partners-grid .partner-item img {
        height: 100%;
        width: auto;
        max-width: 100%;
        object-fit: contain;
        /* height: 40px; */
        }
        .steps-sec .head span{
        font-size: 12px;
        max-width: 100%;
        }
        .page_landing .steps-sec .cards {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
        }
        .page_landing .development-steps .cards .card:nth-child(n+3):nth-child(-n+5) {
            grid-column: span 1;
        }

        .raspisanie-card__row.single-row {
            grid-template-columns: 40px minmax(0, 1fr) auto;
        }
        .row-rasp-second .raspisanie-card__info {
            margin-left: 0px;
        }

        .row-rasp-first {
            grid-template-columns: 40px minmax(0, 1fr) auto;
        }
        .stream-box {
            height: 300px;
        }
}

@media (max-width: 560px) {

	.raspisanie .title {
		font-size: 28px;
	}

	.raspisanie-card {
		min-height: auto;
		padding: 50px 10px 20px;
	}

	.raspisanie-card__top {
		left: 16px;
		right: 16px;
		gap: 6px;
	}

	.raspisanie-card__tag {
		padding: 5px 12px;
		white-space: normal;
	}

	.raspisanie-card__title {
		font-size: 19px;
	}

	.raspisanie-card__row {
		grid-template-columns: 40px minmax(0, 1fr) 60px;
		gap: 5px;
		padding: 12px 0;
	}

	.raspisanie-card__time {
		font-size: 14px;
	}

	.raspisanie-card__name {
		font-size: 14px;
	}

	.raspisanie-card__format {
		font-size: 9px;
	}
}
.page_landing .section_form .text {
    max-width: 100%;
}

.programm-buttons-blog{
    display: flex;
    flex-direction: row;
    margin-bottom: 50px;
    gap: 20px;
}

.programm-buttons-blog a{
    height: 43px;
    font-weight: 500;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    width: -moz-fit-content;
    width: fit-content;
    gap: 5px;
    cursor: pointer;
}

.programm-buttons-blog .online-orf{
    background: #2F51A2;
}
.programm-buttons-blog .offline-ord{
    background: #FF383C;
}

@media (max-width: 1024px) {
    .programm-buttons-blog{
        flex-direction: column;
        align-items: center;
    }
    .raspisanie .head {
         text-align: center;
    }
    .page_open-programs .olymp-faq__title {
        /* text-align: center; */
        font-size: 28px;
        flex: 1;
        margin-bottom: 20px;
    }
    .extra-info {
        padding-top: 40px;
  padding-bottom: 40px;
    }
    .page_open-programs .comments {
        padding: 20px 0 0px;
    }
}

.leter-card h4{
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);
}
.leter-card .prepod-list{
    display: flex;
  flex-direction: column;
  gap: 7px;
}


.citys-land {
  position: relative;
  margin-top: 30px;
}

.citys-track {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.city-card {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  border-radius: 10px;
  color: #fff;
  isolation: isolate;
}

.city-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      180deg,
      rgba(3, 10, 18, 0.42) 0%,
      rgba(3, 10, 18, 0.7) 48%,
      rgba(3, 10, 18, 0.9) 100%
    );
}

.city-card__img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.city-card__content {
  position: relative;
  z-index: 2;
  min-height: 326px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px 16px 18px;
}

.city-card__title {
  margin: 0 0 14px;
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  color: #fff;
}

.city-card__text {
  max-width: 94%;
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1;
  color: #fff;
}

.city-card__list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.city-card__list li {
  position: relative;
  font-size: 12px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.95);
}

.city-card__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1.25C4.79 1.25 3 3.04 3 5.25C3 8.25 7 12.75 7 12.75C7 12.75 11 8.25 11 5.25C11 3.04 9.21 1.25 7 1.25ZM7 6.65C6.23 6.65 5.6 6.02 5.6 5.25C5.6 4.48 6.23 3.85 7 3.85C7.77 3.85 8.4 4.48 8.4 5.25C8.4 6.02 7.77 6.65 7 6.65Z' fill='%2329B7E8'/%3E%3C/svg%3E") center / contain no-repeat;
}

.city-card__list a {
  display: inline-block;
  padding-left: 16px;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity 0.2s ease;
  font-size: 14px;
}

.city-card__list a:hover {
  opacity: 0.75;
}

.event .content-text iframe {
    min-height: 350px!important;
    height: 100%!important;
}
/* mobile: карточки одна за одной */
@media (max-width: 767px) {
  .citys-land {
    margin-top: 22px;
  }
  .event .content-text iframe {
    min-height: 150px!important;
    height: 100%!important;
}
  .citys-track {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .city-card {
    min-height: 360px;
  }

  .city-card__content {
    min-height: 360px;
    padding: 24px 16px 20px;
  }

  .city-card__title {
    font-size: 44px;
  }

  .city-card__text,
  .city-card__list li {
    font-size: 12px;
  }
}

@media (max-width: 420px) {
  .city-card {
    min-height: 340px;
  }

  .city-card__content {
    min-height: 340px;
  }

  .city-card__title {
    font-size: 38px;
  }
}

.page_open-programs .programs .card:hover{
    /* box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.63); */
    box-shadow: 0px 10px 10px 0px #00000080;
}

.wrap {
    background: #fff;
    padding: 60px 0 120px;
    border-radius: 24px 24px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -24px;
}

.wrap .title {
    font-size: 36px;
    font-weight: 500;
    color: var(--dark-blue);
}

.wrap .intro{
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    color: #5C5C5C;
    max-width: 70%;
    margin: 30px 0 60px 0;
}

/* ===== Timeline (desktop) ===== */
.wrap .timeline{
    position:relative;
    width:100%;
    height:330px;
}

.wrap .timeline .line{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background-image:repeating-linear-gradient(
        to right,
        #aab4ca 0,
        #aab4ca 16px,
        transparent 16px,
        transparent 26px
    );
}

.wrap .dot{
    position:absolute;
    top:50%;
    width:6px;
    height:6px;
    margin-top:-2.5px;
    margin-left: -2.2px;
    border-radius:50%;
    background:#2554c7;
    z-index:2;
}

.wrap .content {
    margin-left: 30px;
    height: 100%;
}

.wrap .bottom .content {
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}
.wrap .top .year {
    justify-content: end;
}
.wrap .vline{
    position:absolute;
    width:1px;
    background:#2554c7;
    left:0;
}

.wrap .vline.top{
    top:0;
    bottom:50%;
}

.wrap .vline.bottom{
    top:50%;
    bottom:0;
}

.wrap .item{
    position:absolute;
    display:flex;
    width:320px;
}

.wrap .item.top{
    top:0;
    /* height:calc(50% - 6px); */
    align-items:flex-start;
}

.wrap .item.bottom{
    top:calc(50% + 6px);
    height:calc(50% - 6px);
    align-items:flex-start;
}

.wrap .item .year{
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    font-size:40px;
    line-height:1;
    color:#c7cdd8;
    /* margin-right:14px; */
    flex-shrink:0;
    letter-spacing:1px;
    align-self:stretch;
    display:flex;
    align-items:flex-start;
}

.wrap .item.accent .year{
    color:#3a6bd6;
}

.wrap .content h3{
    margin: 0 0 8px 0;
    font-size: 22px;
    font-weight: 500;
    color: #5C5C5C;
    line-height: 1;
}

.wrap .content p{
    margin: 0;
    font-size: 16px;
    line-height: 1;
    color: #5C5C5C;
}

.wrap #it-1922{ left:0%; }
.wrap #dot-1922{ left:3.53%; }
.wrap #vl-1922{ left:3.53%; }

.wrap #it-1981{ left:20%; }
.wrap #dot-1981{ left:23.5%; }
.wrap #vl-1981{ left:23.5%; }

.wrap #it-2012{ left:45%; }
.wrap #dot-2012{ left:48.48%; }
.wrap #vl-2012{ left:48.48%; }

.wrap #it-2024{ left:62.6%; }
.wrap #dot-2024{ left:66.28%; }
.wrap #vl-2024{ left:66.28%; }

@media (max-width:900px){
    .wrap .timeline{
        height:auto;
    }

    .wrap .timeline .line,
    .wrap .dot,
    .wrap .vline{
        display:none;
    }

    .wrap .item{
        position:static;
        width:100%;
        height:auto !important;
        align-items:flex-start !important;
        margin-bottom:36px;
    }

    .wrap .item .year{
        writing-mode:horizontal-tb;
        transform:none;
        font-size:30px;
        margin-right:16px;
        align-items:flex-start !important;
    }
}