/*
Theme Name: lift
Theme URI: http://lift/
Author: admin
Author URI: http://lift/
Description: test
Version: 1.0.0
*/

html {
  scroll-behavior: smooth;
}

:root {
    --font-family: "Inter", sans-serif;
    --second-family: "Manrope", sans-serif;
    --third-family: "Poppins", sans-serif;
}

p, a, button, div {
    font-family: var(--font-family);
}

p {
    margin: 0;
}

.all-content {
    width: 100%;
}

section {
    margin-top: 120px;
}

.h-mb120 {
    margin-bottom: 120px !important ;
}

a {
    text-decoration: none;
}

p.f-default {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #000;
}

p.f-default-gray {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
}

.f-light-gray {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #9e9e9e !important;
}

.f-s20 {
    font-size: 20px !important;
}

.f-w500 {
    font-weight: 500 !important;
}

.all-content .container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 10px;
}

.all-content.mission-content {
    width: 100%;
    background-image: url(./images/mission-banner.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 120px;
    height: 520px;
    margin-top: 120px;
}

.all-content.mission-content .container {
    height: 100%;
}

.all-content.mission-content section {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
}
.top-banner {
    width: 100%;
    background-image: url(./images/top-banner.jpg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 150px;
}

.top-banner .top-banner_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 24.06em;
}

.top-banner:not(.top-banner_violet) .top-banner_content {
    margin-top: 380px;
}

.top-banner:not(.top-banner_violet) .top-banner_content-right {
    display: flex;
    align-items: center;
}
.top-banner .top-banner_content-right .lift-phrase {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 220px;
    line-height: 77%;
    text-transform: uppercase;
    color: #fff;
}

.top-banner .top-banner_content-left, .top-banner .top-banner_content-right {
    flex-grow: 1;
    flex-basis: 48%;
}

.top-banner_marker {
    border: 1px solid #cacaca;
    border-radius: 100px;
    padding: 8px 12px;
    width: fit-content;
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    text-align: center;
    color: #fff;
    margin-bottom: 32px;
}

.top-banner_title {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 32px;
}

.block-with-image .block-with-image_subtitle, .top-banner_subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
}

.top-banner_button {
    border-radius: 8px;
    padding: 16px 40px;
    background: #17c7a0;
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
    border: none;
    margin-top: 32px;
    transition: border-radius .3s ease-in-out;
}

.top-banner_button:hover {
    border-radius: 16px;
    transition: border-radius .3s ease-in-out;
}

body {
    position: relative;
    margin: 0;
}

a, button {
    cursor: pointer;
}

header.sticky {
    position: sticky;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

header.sticky a, header.sticky button.active-lang {
    color: #000 !important;
}

.header_content {
    display: flex;
    align-items: center;
    padding: 12px 0;
    gap: 30px;
}

.header_content .header_content-logo {
    flex-shrink: 0;
}

.header_content .header_content-menu {
    flex-grow: 1;
    flex-basis: 55%;
}

.header_content .header_content-menu .header-menu {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 0;
}

.header_content .header_content-menu .header-menu li {
    padding: 12px;
}

.header_content .header_content-menu .header-menu a {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
    text-decoration: none;
    transition: color .3s ease-in-out;
}

header .header_content .header_content-menu .header-menu a:hover, header .header-email:hover {
    color: #17C7A0 !important;
    transition: color .3s ease-in-out;
}

.header_content .header_content-menu .header-menu .menu-item-has-children {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header_content .header_content-menu .header-menu .menu-item-has-children.active a,
.header_content .header_content-menu .header-menu .menu-item-has-children:hover a {
    color: #17c7a0;
}

.header .show-childs_btn {
    position: relative;
    border: none;
    background-color: transparent;
    height: 100%;
    width: 20px;
    height: 20px;
}

.header .menu-item-has-children .show-childs_btn::before {
    content: url(./images/black-burger-arrow.svg);
    position: absolute;
    left: 0;
    top: 0px;
    transition: transform .4s ease-in-out;
}

.header .menu-item-has-children.active .show-childs_btn::before, .header.fixed .menu-item-has-children.active .show-childs_btn::before,
.header .menu-item-has-children:hover .show-childs_btn::before, .header.fixed .menu-item-has-children:hover .show-childs_btn::before {
    content: url(./images/green-burger-arrow.svg);
    position: absolute;
    left: 0;
    top: -4px;
    transform: rotate(180deg);
    transition: transform .4s ease-in-out;
}

.header-white .menu-item-has-children .show-childs_btn::before , .header.fixed .menu-item-has-children .show-childs_btn::before {
    content: url(./images/black-burger-arrow.svg);
    position: absolute;
    left: 0;
    top: 0px;
    transition: transform .4s ease-in-out;
}

.header_content .header_content-menu .header-menu .menu-item-has-children:hover .submenu-wrapper {
    display: block;
}

.header-menu .submenu-wrapper {
    display: none;
    position: absolute;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    padding: 20px;
    top: 45px;
    min-width: 160px;
    box-shadow: 0 1px 17px 0 rgba(0, 0, 0, 0.15);
}

.header-menu .submenu-wrapper.active {
    display: block;
}

.header-menu .submenu-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header-menu .submenu-wrapper li {
    padding: 0 !important;
}

.header-menu .submenu-wrapper a {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #313131 !important;
}

.header-white .header_content .header_content-menu .header-menu a, .header-white .header-email {
    color: #000;
}
.header_content .header_content-actions {
    flex-grow: 1;
    flex-basis: 20%;
}

.block-with-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 130px;
}

.block-with-image .block-with-image_title {
    font-weight: 500;
    font-size: 48px;
    line-height: 95%;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 32px;
}

.block-with-image .image-absolute {
    position: relative;
}

.block-with-image .image-absolute.image-absolute_right .image-absolute_main-image {
    display: block;
    margin-left: auto;
}

.block-with-image .image-absolute img.image-absolute_right {
    position: absolute;
    bottom: 0;
    right: 75px;
}

.block-with-image .image-absolute img.image-absolute_left {
    position: absolute;
    top: 0;
    left: 65px;
}

.block-with-image .image-absolute, .block-with-image img {
    flex-grow: 1;
    flex-basis: 30%;
}

.block-with-image_text {
    flex-grow: 1;
    flex-basis: 30%;
}

.block-with-image .block-with-image_subtitle {
    color: #000;
    font-weight: 400;
    margin-bottom: 40px;
}

h2, .h2 {
    font-weight: 500;
    font-size: 48px;
    line-height: 95%;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 40px;
}

h1, .h1 {
    font-weight: 500;
    font-size: 48px;
    line-height: 95%;
    letter-spacing: -0.02em;
    color: #000;
    margin-top: 36px;
    margin-bottom: 40px;
}

.header_content-actions {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    justify-content: end;
    gap: 20px;
}

.header_content-actions .search-container .search {
    background-image: url(./images/search.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    width: 32px;
    height: 32px;
    border: none;
}

.header-white .header_content-actions .search-container .search {
    background-image: url(./images/search-md.svg);
}

.header-email {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.social-media_content {
    display: flex;
    align-items: center;
    gap: 8px;
}

.social-media_link {
    border-radius: 50%;
    background-color: #f5f7f9;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s ease-in-out;
}

.social-media_link:hover {
    background-color: #17C7A0;
    transition: background-color .3s ease-in-out;
}

.social-media_link:hover .path-fill {
    fill: #fff;
    transition: fill .3s ease-in-out;
}

header .lang-btns_content {
    border: 1px solid #cacaca;
    border-radius: 100px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

header .lang-btns_content button {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    text-align: center;
    color: #9b9b9b;
    background: transparent;
    border: none;
    padding: 0;
}

header .lang-btns_content button.active-lang {
    color: #fff;
}

header.header-white .lang-btns_content button.active-lang {
    color: #17C7A0;
}

.cards-block {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.cards-block .card-item {
    border-radius: 12px;
    padding: 20px 20px 8px;
    background: #f5f7f9;
    gap: 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: box-shadow .3s ease-in-out, border-radius .3s ease-in-out;
}

.cards-block .card-item:hover, .person-cards-block .person-card-item:hover, .person-cards .person-card:hover {
    transition: box-shadow .3s ease-in-out, border-radius .3s ease-in-out;
    box-shadow: 0 1px 17px 0 rgba(0, 0, 0, 0.15);
    border-radius: 24px;
}

.event.event-gorizontal:hover  {
    transition: box-shadow .3s ease-in-out, border-radius .3s ease-in-out;
    box-shadow: 0 1px 17px 0 rgba(0, 0, 0, 0.15);
    border-radius: 26px;
}

.event.event-gorizontal:hover .event-center {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    transition: border-top-right-radius .3s ease-in-out, border-bottom-right-radius .3s ease-in-out;
}

.cards-block .card-item:hover .card-item_white-content {
    border-radius: 20px;
}

.person-cards-block .person-card-item:hover {
    border-radius: 24px;
    transition: box-shadow .3s ease-in-out,  border-radius .3s ease-in-out;
    box-shadow: 0 1px 17px 0 rgba(0, 0, 0, 0.15);
}

.card-item_top:not(.card-item_top-oblasti) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.card-item_top.card-item_top-oblasti .card-item_images {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 16px;
}

.card-item_top.card-item_top-oblasti .card-item_images .card-item_arrow-image {
    padding: 10px;
}

.cards-block:not(.cards_areas-of-research) .card-item_top .card-item_white-image {
    width: 72px;
    height: 72px;
}

.areas-of-research_content .cards-block .card-item_top {
    background-color: #fff;
    padding: 16px;
    border-radius: 12px;
    height: 100%;
    gap: 16px;
    flex-wrap: wrap;
}

.areas-of-research_content .card-item:hover .card-item_top {
    border-radius: 24px;
}

.areas-of-research_content .cards-block .card-item {
    gap: 24px;
}

.areas-of-research_content .cards-block .card-item_top .card-item_title {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000;
    flex-basis: 100%;
    /* word-break: break-all; */
}

.cards-block.cards_areas-of-research .card-item {
    gap: 16px;
}

.cards-block.cards_areas-of-research .card-item .card-item_white-content {
    margin-top: 0;
}

.cards-block.cards_areas-of-research .card-item .card-item_white-image {
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.card-item_bottom .card-item_title {
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    color: #000;
    margin-bottom: 16px;
}

.card-item .card-item_author {
    display: flex;
    gap: 12px;
    align-items: center;
}

.card-item .card-item_author img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.card-item .card-item_author .author-descr p {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #313131;
}

.card-item_bottom {
    padding-bottom: 12px;
}

.card-item .card-item_author .author-descr p:first-child {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #000;
}

.blue-content, .violet-content, .gray-content {
    background: #21869e;
    padding: 120px 0;
    margin-top: 120px;
}

.violet-content {
    background: #a38bd7;
}

.blue-content .block-with-image p {
    color: #fff;
}

.button-white, .button-green {
    border-radius: 8px;
    padding: 16px 40px;
    background-color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #000;
    border: none;
    transition: border-radius .3s ease-in-out;
}

.button-green.frame-button {
    width: fit-content;
    margin-top: 40px;
}

.button-white:hover, .button-green:hover {
    border-radius: 16px;
    transition: border-radius .3s ease-in-out;
}

.button-green {
    background-color: #17c7a0;
    color: #fff;
    width: 100%;
}

.h-mt60 {
    margin-top: 60px;
}

.h-mt20 {
    margin-top: 20px;
}

.card-item .card-item_markers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.card-item .card-item_markers p {
    background: #21869E;
    border-radius: 100px;
    padding: 4px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #fff;
}

.f-500 {
    font-weight: 500;
}

.cards-block:not(.cards_areas-of-research) .card-item .card-item_white-content p {
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    color: #000;
}

.cards_areas-of-research .card-item .card-item_white-content p {
    font-size: 14px;
}

.card-item .card-item_white-content {
    background: #fff;
    border-radius: 8px;
    /* min-height: 160px; */
    margin-left: -12px;
    margin-right: -12px;
    /* height: 100%; */
    padding: 16px;
    margin-top: 16px;
}

.h-mb8 {
    margin-bottom: 8px !important;
}

.h-mt8 {
    margin-top: 8px !important;
}

.h-mb0 {
    margin-bottom: 0px !important;
}

.projects {
    display: grid;
    margin-top: 40px;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
}

.projects .project {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.projects_content h2 {
    margin-bottom: 20px;
}

.project .project-image {
    height: 170px;
}

hr {
    background: #e1e1e1;
    width: 100%;
    height: 2px;
    margin: 0;
    border: none;
}

.project .project-descr p {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #313131;
}

.h2-with-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 24px;
}

h2.h2-white {
    color: #fff;
}

.violet-content .h2-white {
    margin-top: 0;
}

.h2-with-link h2 {
    margin: 0;
}

.h2-with-link .h2-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.events {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(425px, 1fr));
}

.events .event {
    background-color: #B4A0DE;
    display: flex;
    position: relative;
    border-radius: 16px;
    transition: box-shadow .3s ease-in-out, border-radius .3s ease-in-out;
    cursor: pointer;
}


.events .event.event-news {
    background-color: #2493AD;
}

.event.event-news .event-descr {
    gap: 0 !important;
}

.event.event-news .event-title {
    margin-bottom: 16px;
}

.event.event-news .event-info {
    margin-bottom: 12px;
}

.event.event-news .frame-center_labels {
    margin-bottom: 12px;
}

.events .event:hover {
    transition: box-shadow .3s ease-in-out, border-radius .3s ease-in-out;
    box-shadow: 0 1px 17px 0 rgba(0, 0, 0, 0.15);
    border-radius: 26px;
}

.event .event-left {
    /* width: 79px; */
    display: flex;
}

.events .event .event-image_main {
    width: 100%;
    display: block;
    height: 100%;
    border-top-right-radius: 16px;
}

.event .event-left .event-type {
    margin: 0;
    font-weight: 900;
    font-size: 40px;
    color: rgba(255, 255, 255, 0.2);
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    padding: 32px 8px;
    text-transform: uppercase;
}

.event-gorizontal.event .event-left .event-type {
    text-align: center;
    text-transform: uppercase;
}

.event .event-link_container {
    position: absolute;
    right: 20px;
    top: 20px;
}

.event .event-link_container .event-link {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
}

.event .event-descr {
    background-color: #fff;
    padding: 20px;
    border-bottom-right-radius: 16px;
}

.event:not(.event-gorizontal) .event-descr{
    height: 100%;
}

.event:not(.event-gorizontal) {
    overflow-y: hidden;
}

.event.event-gorizontal .event-descr {
    background: transparent;
}

.event .event-descr p {
    margin: 0;
}

.event .event-descr .event-date {
    font-family: var(--font-family);
    background: #a38bd7;
    width: fit-content;
    border-radius: 8px;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    text-transform: uppercase;
    color: #fff;
}

.event .event-descr .event-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: #000;
    margin-top: 20px;
}

.event .event-descr .event-adress {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #313131;
    margin-top: 8px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.event-speaker_container {
    margin-top: 16px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.event-speaker_container .event-speaker p {
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
}
.event-speaker_container .event-speaker p:last-child {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    margin-top: 4px;
}

.advantages-content .block-with-image {
    align-items: flex-start;
}

.advantages-content .block-with-image img {
    max-width: 630px;
}

.footer {
    background-color: #313131;
    padding: 120px 0px;
}

.footer-content {
    display: flex;
    min-height: 400px;
    height: 100%;
}

.footer-left, .footer-right {
    display: flex;
    gap: 95px;
    align-items: flex-start;
    padding-right: 32px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    flex-basis: 48%;
    flex-grow: 1;
}

.footer-right {
    border: none;
    padding: 0;
    padding-left: 32px;
}

.footer-left_col, .footer-right_col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    flex-grow: 1;
    flex-basis: 25%;
}

.footer .footer-rekvizity {
    margin-top: 32px;
}

.footer .footer-rekvizity .footer-rekvizity_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
    margin: 0;
    margin-bottom: 8px;
}

.footer .footer-rekvizity .footer-rekvizity_descr {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #fff !important;
    margin: 0;
    text-decoration: none;
}

.footer .footer-rekvizity .footer-rekvizity_descr a {
    color: #fff !important 
}

.footer-left .footer-links a {
    text-decoration: none;
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
    transition: color .3s ease-in-out;
}

.footer-left .footer-links a:not(:last-child) {
    margin-bottom: 8px;
}

.footer-left_col.footer-left_col-flex {
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: start;
}

.footer .footer-tel {
    font-weight: 500;
    font-size: 40px;
    line-height: 95%;
    letter-spacing: -0.02em;
    color: #fff;
    text-decoration: none;
    margin: 0;
}

.footer .footer-mail, .footer .footer-adress {
    font-weight: 400;
    font-size: 20px;
    line-height: 145%;
    color: #fff;
    margin: 0;
    transition: color .3s ease-in-out;
}

.footer .footer-menu {
    display: flex;
    list-style-type: none;
    gap: 16px;
    padding: 0;
    flex-direction: column;
    margin: 0;
}

.footer .footer-menu a {
    transition: color .3s ease-in-out;
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    color: #fff;
}

.footer .footer_social-media p {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
}

.footer-left .footer-links a:hover, .footer .footer-mail:hover, .footer .footer-menu a:hover {
    color: #17C7A0;
    transition: color .3s ease-in-out;
}

.footer .footer-form {
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    min-width: 300px;
}

.footer .footer-form .footer-form_title {
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #000;
}

.footer .form-input {
    margin-bottom: 24px;
}
.footer .footer-form_text {
    margin-top: 24px;
}
.footer .footer-form_text, .footer .footer-form_text a{
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: rgba(0, 0, 0, 0.4);
}

.footer .footer-form_text a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
}

.form-input {
    border-radius: 12px;
    width: 100%;
    padding: 16px;
    background: #f5f7f9;
    border: none;
    outline: none;
    width: -webkit-fill-available;
}

.form-input::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: rgba(0, 0, 0, 0.4);
}

.top-banner_violet {
    background-image: none;
    background-color: #A38BD7;
    padding-bottom: 0;
}

.banner-violet_content {
    position: relative;
    margin-top: 70px;
}

.banner-violet_year img {
    width: 100%;
    margin-bottom: -45px;
    margin-top: 20px;
}

.banner-violet_content .button-green, .banner-violet_content .button-outline {
    width: fit-content;
}

.breadcrumbs-container {
    margin-bottom: 82px;
}

.breadcrumbs-container ul {
    margin: 0;
    display: flex;
    list-style-type: none;
    padding: 0;
    gap: 20px;
}

.breadcrumbs-container ul a {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #f5f7f9;
}

.breadcrumbs-container ul span {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
}

.breadcrumbs-container ul a::after {
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    background-color: #f5f7f9;
    width: 6px;
    height: 6px;
}

.breadcrumbs-green {
    margin-bottom: 0;
}

.breadcrumbs-green ul a {
    color: #000;
}

.breadcrumbs-green ul span {
    color: #17c7a0;
}

.breadcrumbs-white ul a::after {
    background-color: #f5f7f9 !important;
}

.breadcrumbs-container ul a.active::after {
    background-color: #cacaca;
}

.breadcrumbs-container ul a::after {
    background-color: #17C7A0;
}




.banner-violet_content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.banner-violet_content .banner-violet_left, .banner-violet_content .banner-violet_right {
    flex-grow: 1;
    flex-basis: 45%;
}

.banner-violet_content .banner-violet_right img {
    width: 100%;
}

.banner-violet_marker {
    border: 1px solid #fff;
    width: fit-content;
    border-radius: 100px;
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    text-align: center;
    color: #fff;
    padding: 8px 12px;
}

.banner-violet_content .banner-violet_title {
    font-weight: 500;
    font-size: 48px;
    line-height: 95%;
    letter-spacing: -0.02em;
    color: #fff;
    margin-top: 24px;
    margin-bottom: 40px;
}

.button-outline {
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 16px 40px;
    width: 100%;
    background: transparent;
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
    transition: border-radius .3s ease-in-out;
}

.button-outline:hover {
    border-radius: 16px;
    transition: border-radius .3s ease-in-out;
}

.button-outline_black {
    border: 1px solid #000;
    color: #000;
    width: fit-content;
}

.banner-violet_buttons {
    display: flex;
    gap: 13px;
}

.organizations {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.organizations .organiization {
    padding: 25px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.organizations .organization img {
    margin: 0 auto;
    height: 157px;
    object-fit: none;
    display: block;
    width: 157px;
}

.organizations .organization-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    text-align: center;
    color: #000;
}

.person-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); 
    gap: 24px;
}

.person-cards .person-card {
    transition: box-shadow .3s ease-in-out;
    background: #f5f7f9;
    border-radius: 12px;
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.person-card .person-card_name{
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    color: #000;
}

.person-card img {
    width: 157px;
    border-radius: 50%;
    height: 157px;
}

.person-card .person-card_descr {
    height: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #313131;
}

.gray-content {
    background-color: #f5f7f9;
}

.image-container {
    width: 100%;
}

.image-container img {
    width: 100%;
    height: 100%;
    min-height: 205px;
    object-fit: cover;
    border-radius: 20px;
    display: block;
}

.stages-of-training {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.stages-of-training .stage {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.stages-of-training .stage-number {
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    color: #313131;
}

.stages-of-training .stage-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #000;
}

.stages-of-training .stage-blue {
    background: #21869e;
}

.stages-of-training .stage-blue .stage-title, .stages-of-training .stage-blue .stage-number {
    color: #fff;
}

.directions {
    display: grid;
    gap: 30px 20px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.directions .direction-image {
    display: flex;
    margin: 0 auto;
    height: 157px;
    width: 157px;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    margin-bottom: 32px;
}

.directions .direction-name {
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    text-align: center;
    color: #fff;
}

.structure-top_markers {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 12px;
}

.structure-top_markers .structure-marker {
    white-space: nowrap;
    background: #17c7a0;
    border-radius: 100px;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    color: #fff;
}

.structure-top_markers p {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
}

.structure-main {
    border-radius: 20px;
    padding: 32px;
    background: #f5f7f9;
    margin-top: 32px;
}

.structure-main .structure-main_title {
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #000;
    margin-bottom: 32px;
    font-family: var(--second-family);
}

.structure-main_container {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.structure-main_container .structure-main_left {
    column-count: 2;
    flex-basis: 70%;
    flex-grow: 1;
}

.ul_black-default {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ul_black-default li {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #000;
    position: relative;
    padding-left: 15px;
}

.ul_black-default li::before {
    top: 10px;
    left: 0px;
    content: "";
    border-radius: 50%;
    background-color: #000;
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
}

.structure-main_container .structure-main_right {
    border-radius: 12px;
    padding: 24px;
    gap: 32px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 30%;
    flex-grow: 1;
}

.structure-main_right .green-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #17C7A0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 16px;
}

.h-mb15 {
    margin-bottom: 15px !important;
}

.ul_check-green {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 24px;
}

.ul_check-green li {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    padding-left: 32px;
    margin-bottom: 16px;
    color: #000;
}

.ul_check-green li::before {
    position: absolute;
    content: url(./images/check-circle.svg);
    display: block;
    width: 24px;
    height: 24px;
    height: 24px;
    top: -2px;
    left: 0;
}

.questions-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.questions-container_white p, .questions-container_white li {
    color: #fff !important;
}

.questions-container .question-item {
    display: flex;
    gap: 100px;
    padding-bottom: 32px;
    border-bottom: 1px solid #cacaca;
}

.question-item .question {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #000;
    flex-grow: 1;
    flex-basis: 40%;
}

.question-item .answer {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #000;
    flex-grow: 1;
    flex-basis: 60%;
}

.ul_white-default li {
    color: #fff;
    line-height: 145%;
}

.h-mb20 {
    margin-bottom: 20px !important;
}

.ul_white-default li::before {
    background-color: #fff;
}

.contact-links {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 20px;
    margin-top: 32px;
}

.contact-link {
    border-radius: 8px;
    padding: 20px;
    background-color: #fff;
    display: block;
}
.contact-link .contact-link_top {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.contact-link .contact-link_top .contact-link_image {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #17C7A0;
    width: 60px;
    height: 60px;
    margin-bottom: 16px;
}

.contact-link .contact-link_link {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
    margin-bottom: 8px;
}

.contact-link .contact-link_url {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #000;
}

.white-to-blue-body {
    background: linear-gradient(to bottom, #fff 50%, #21869e 50%);
    background-size: 100% 1500px;
    background-repeat: no-repeat;
    height: 100vh;
    margin: 0;
}

.white-to-violet-body {
    background: linear-gradient(to bottom, #fff 50%, #A38BD7 50%);
    height: 100vh;
    background-size: 100% 1000px;
    background-repeat: no-repeat;
    height: 100vh;
    margin: 0;
}


.groups-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.groups-container .group-item {
    flex-grow: 1;
    flex-basis: 40%;
    background: #f5f7f9;
    border-radius: 8px;
    padding: 24px 24px 40px;
    display: flex;
    gap: 40px;
    transition: box-shadow .3s ease-in-out, border-radius .3s ease-in-out;
    flex-direction: column;
}

.groups-container .group-item .group-members {
    margin-top: auto;
}

.groups-container .group-item:hover {
    border-radius: 24px;
    transition: box-shadow .3s ease-in-out, border-radius .3s ease-in-out;
    box-shadow: 0 1px 17px 0 rgba(0, 0, 0, 0.15);
}

.groups-container .group-item .group-center {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.groups-container .group-item .group-title {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #000;
    margin-bottom: 20px;
    display: inline-block;
}

.groups-container .group-item .group-descr {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
    max-width: 720px;
}

.groups-container .group-item .group-right {
    flex-grow: 1;
}

.groups-container .group-item .group-right img {
    margin-left: auto;
    display: block;
}

.groups-container .group-item .group-members_container {
    display: flex;
    gap: 12px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.groups-container .group-item .group-members_container .member {
    border-radius: 100px;
    padding: 4px 16px 4px 4px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    color: #313131;
    background-color: #fff;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

.groups-container .group-item .group-left .group-img {
    width: 72px;
}

.groups-container .group-item .group-left {
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
    padding: 20px;
}

.groups-container .group-members .member {
    display: flex;
    gap: 20px;
    align-items: center;
}

.groups-container .group-members .member .member-img {
    border-radius: 50%;
    display: block;
}

.groups-container .group-members .member .member-name {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 16px;
    display: inline-block;
}

.groups-container .group-item .group-left__image {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: flex-start;
}

.groups-container .group-members .member .member-tags, .blue-tags {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.blue-tags {
    margin: 16px 0;
}

.groups-container .group-members .member .member-tags span, .blue-tags span {
    background-color: #21869E;
    border-radius: 100px;
    padding: 4px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #fff;
}

.violet-tags span {
    background-color: #A38BD7;
}

.groups-container .group-members .member .member-tags_violet span {
    background: #A38BD7;
}
.groups-container .group-item .group-members_container .member:hover {
    background-color: #17C7A0;
    color: #fff;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

.groups-container .group-item .group-members_container .member img.hover, .groups-container .group-item .group-members_container .member:hover img.without-hover {
    display: none;
}

.groups-container .group-item .group-members_container .member:hover img.hover, .groups-container .group-item .group-members_container .member img.without-hover {
    display: block;
}

.groups-container .group-item .group-members_container .member .member-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.purposes-content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 120px;
}

.purpose .purpose-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.purpose-container_top {
    padding: 24px 24px 0;
}

.purpose-container_bottom {
    padding: 0 24px 24px;
}

.purpose.purpose-blue {
    background: #2187a0;
}

.purpose {
    border-radius: 8px;
    /* height: 360px; */
}

.purpose.purpose-image {
    padding: 0;
}

.purpose.purpose-image img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.purpose.purpose-white {
    background: #fff;
}

.purpose .purpose_big-text {
    font-weight: 500;
    font-size: 32px;
    line-height: 95%;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 20px;
}

.purpose-flex {
    padding: 24px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.purpose .purpose_default-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #000;
}
.purpose.purpose-gray {
    background: #f5f7f9;
}

.purpose .purpose_text-after-icon {
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    color: #313131;
    margin-top: 8px;
}

.purpose.purpose-blue p {
    color: #fff;
}

.purpose.purpose-circle {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.purpose.purpose.purpose-circle p {
    background-color: #17c7a0;
    height: 270px;
    width: 270px;
    border-radius: 50%;
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.frame-with-label {
    border-radius: 8px;
    display: flex;
    margin-top: 40px;
    gap: 60px;
    background: #f5f7f9;
    margin-bottom: 80px;
}

.frame-with-label .frame-left {
    position: relative;
    background-color: rgba(33, 134, 158, 1);
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    max-width: 100px;
    width: 100%;
}

.frame-with-label.frame-with-label_events .frame-left {
    background-color: rgba(163, 139, 215, 1);
}

.frame-with-label .frame-center {
    padding: 60px 0;
}

.frame-with-label .frame-right {
    display: flex;
    align-items: start;
    padding-top: 48px;
    padding-right: 40px;
}

.frame-with-label .frame-right img {
    height: 370px;
    width: 370px;
}

.frame-with-label .frame-left p {
    position: absolute;
    margin: 0;
    font-weight: 900;
    font-size: 40px;
    color: rgba(255, 255, 255, 0.2);
    writing-mode: vertical-rl;
    white-space: nowrap;
    left: 50%;
    top: 50%;
    text-transform: uppercase;
    transform: translateX(-50%) translateY(-50%) rotate(180deg);
}

.frame-with-label.frame-with-label_events .frame-left.frame-left_news {
    padding: 0;
}
.frame-with-label.frame-with-label_events .frame-left p {
    font-size: 50px;
}

.frame-with-label .frame-title {
    font-weight: 500;
    font-size: 48px;
    line-height: 95%;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 40px;
}

.frame-descr p, .description-with-border_content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
    margin-bottom: 20px;   
}

.two-col {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.two-col .two-col_item {
    flex-grow: 1;
    flex-basis: 40%;
    min-width: 400px;
}

.two-col.two-col_white .two-col_item p {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
    margin-bottom: 20px;
}

.two-col.two-col_gray .two-col_item p {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
    margin-bottom: 20px;
}

.description-with-border {
    margin-bottom: 40px;
    position: relative;
}

.description-with-border::before {
    content: "";
    background-color: rgba(33, 134, 158, 1);
    width: 6px;
    height: 100%;
    position: absolute;
    border-radius: 2px;
}

.description-with-border.description-with-border_violet::before {
    background-color: #A38BD7;
}

.description-with-border_content {
    padding-left: 24px;
}

.container-with-aside {
    display: flex;
    gap: 125px;
}

.container-with-aside .column-left {
    flex-grow: 1;
    flex-basis: 65%;
}

.container-with-aside .column-right {
    flex-grow: 1;
    flex-basis: 30%;
}

.h-mt0 {
    margin-top: 0;
}

.column-right .aside-content {
    background: #f5f7f9;
    border-radius: 8px;
    padding: 20px;
    max-width: 325px;
    margin-bottom: 20px;
}

.aside-content .aside-content_links-block {
    display: flex;
    gap: 8px;
    margin-top: 20px;
}

.aside_white-content .aside_white_date-content  {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}
.aside-content .aside-content_links-block .links-block_link {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
}

.column-right .aside-content .aside-head_top, .aside-content .participant-content_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
}

.column-right .aside-content .aside-head_top img.aside-head_top-main-image {
    display: block;
    width: 155px;
    height: 155px;
    border-radius: 50%;
}

.aside-content .participant-content_top .participant-content_top_image {
    display: block;
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.column-right .aside-content .participant-content_fio {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.column-right .aside-content .aside-head_type, .aside-content .aside-participants_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
}

.column-right .aside-content .aside-head_name {
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    color: #000;
    margin-top: 8px;
}

.column-right .aside-content .aside_white-content {
    border-radius: 8px;
    padding: 16px;
    background: #fff;
    margin-top: 20px;
    transition: border-radius .3s ease-in-out;
}

.column-right .aside-content .aside_white-content:hover {
    border-radius: 16px;
    transition: border-radius .3s ease-in-out;
}

.column-right .aside-content .aside_white-content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #313131;
}

.aside-content .aside-participants_title {
    font-size: 20px;
}

.gray-description {
    background: #f5f7f9;
    border-radius: 8px;
    padding: 24px;
    max-width: 880px;
    margin-bottom: 40px;
}

.block-with-icon {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.block-with-icon .item-icon {
    display: flex;
    border-radius: 50%;
    background-color: #17C7A0;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
}

.block-with-icon .item-text {
    flex-grow: 1;
    flex-basis: 90%;
}

.contacts {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 40px;
}

.contacts .contact_soc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.contacts .contacts-item {
    display: flex;
    flex-direction: column;
    max-width: 440px;
    flex-basis: 30%;
    flex-grow: 1;
    gap: contacts-item;
    gap: 12px;
}

.contacts .contacts-item .contact-icon {
    background-color: #FE575E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-bottom: 12px;
}

.contacts .contacts-item p {
    font-size: 16px;
    font-weight: 400;
}

.contacts .contacts-item .contacts-text {
    font-size: 20px;
    font-weight: 500;
}

.contacts-item .contact_soc-links a {
    border: 1px solid #313131;
    background: #fff;
    border-radius: 100px;
    padding: 11px 16px;
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    color: #000;
    margin-right: 8px;
    transition: all .3s ease-in-out;
}

.contacts-item .contact_soc-links a:hover {
    background: #17C7A0;
    border: 1px solid #17C7A0;
    color: #fff;
    transition: all .3s ease-in-out;
}

.form-container {
    display: flex;
    gap: 180px;
    justify-content: space-between;
}
.form-container .form-container_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    flex-basis: 60%;
}

.form-container .form-container_right .form_big-text {
    font-weight: 500;
    font-size: 48px;
    line-height: 95%;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 22px;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-form .button-green {
    width: fit-content;
    margin-top: 12px;
    margin-bottom: 24px;
}

.contact-form .form-input {
    border-radius: 12px;
    padding: 16px;
    background: #fff;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: rgba(0, 0, 0, 0.2);
    margin-bottom: 12px;
}

.contact-form textarea.form-input {
    max-height: 125px;
}

.contact-form .contact-form_inputs {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact-form .agreement-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: rgba(0, 0, 0, 0.5);
}

.form-container .form-container_left {
    flex-grow: 1;
    flex-basis: 40%;
    max-width: 460px;
    flex-basis: 35%;
    flex-grow: 1;
}

.person-frame {
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f5f7f9;
    margin-top: 40px;
    margin-bottom: 80px;
}

.person-frame .person-frame_name {
    font-weight: 500;
    font-size: 48px;
    line-height: 95%;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 16px;
}

.person-frame .person-marker {
    border: 1px solid #9e9e9e;
    border-radius: 100px;
    padding: 14px 20px;
    width: fit-content;
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
}

.person-frame .person-markers_container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-top: 40px;
}

.person-frame .person-frame_label {
    flex-basis: 10%;
    position: relative;
    min-height: 260px;
    height: 100%;
    background: #17c7a0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.person-frame_label p {
    position: absolute;
    margin: 0;
    font-weight: 900;
    font-size: 40px;
    color: rgba(255, 255, 255, 0.2);
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    right: 50%;
    top: 50%;
    transform: translateY(-50%) rotate(180deg) translateX(-50%);
}

.person-frame .person-frame_center {
    flex-basis: 70%;
    padding-left: 80px;
}

.person-tabs_container .person-tabs_nav {
    display: flex;
    list-style-type: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
    margin-bottom: 32px;
    width: 100%;
    cursor: pointer;
    flex-wrap: wrap;
}

.person-tabs_nav.events-tabs_nav {
    margin-bottom: 24px;
}

.person-tabs_container {
    margin-bottom: 120px;
}

.person-tabs_container .person-tabs_nav .person-tab_link {
    background: #f5f7f9;
    border-radius: 100px;
    padding: 12px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
    white-space: nowrap;
}

.person-tabs_container .person-tabs_nav .person-tab_link.active {
    background: #17c7a0;
    color: #f5f7f9;
}

.person-tab_content .content-row {
    display: flex;
    align-items: start;
    gap: 16px;
    margin-bottom: 20px;
    flex-direction: column;
    background: #f5f7f9;
    border-radius: 8px;
    padding: 24px;
}

.person-tab_content .content-row.content-two-col {
    align-items: flex-start;
}

.person-tab_content .content-row .content-row_left {
    flex-basis: 20%;
    flex-grow: 1;
    min-width: 320px;
}

.person-tab_content .content-row .content-row_left.content-with-arrow p {
    position: relative;
}
.person-tab_content .content-row .content-row_left.content-with-arrow p:not(.f-default-gray) {
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
    color: #313131;
    min-width: 150px;
}

.person-tab_content .content-row .content-row_right {
    flex-basis: 80%;
    flex-grow: 1;
}

.person-tab_content .person-tab_content-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #313131;
    margin-bottom: 24px;
}

.person-tab_content .content-two-col .content-row_left, 
.person-tab_content .content-two-col .content-row_right {
    flex-basis: 48%;
    flex-grow: 1;
}

.events-tabs_container .events {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.event.event-gorizontal {
    border-radius: 10px;
    transition: box-shadow .3s ease-in-out border-radius .3s ease-in-out;
}

.event.event-gorizontal .event-center {
    display: flex;
    flex-direction: row;
    background: #f5f7f9;
    gap: 40px;
    padding: 25px 40px;
    padding-right: 25px;
    align-items: center;
    flex-grow: 1;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    transition: border-top-right-radius .3s ease-in-out, border-bottom-right-radius .3s ease-in-out;
}

.event.event-gorizontal .event-center .event-link {
    align-self: flex-start;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

.event.event-gorizontal .event-title {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #000;
    margin-top: 0;
    margin-bottom: 16px;
}

.event.event-gorizontal .event-info {
    display: flex;
    align-items: center;
    gap: 8px 24px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.event.event-gorizontal .event-info_col {
    display: flex;
    align-items: start;
    gap: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: rgba(0, 0, 0, 0.5);
}

.event.event-gorizontal .event-descr {
    display: flex;
    gap: 24px;
    flex-direction: column;
    padding: 0;
    height: 100%;
}

.event.event-gorizontal .event-descr {
    justify-content: space-between;
    width: 100%;
}

.event.event-gorizontal .event-descr .button-green {
    width: fit-content;
}

.event.event-gorizontal .event-image img {
    display: block;
    border-radius: 1000px;
    width: 270px;
    height: 270px;
}

.person-cards-block {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 20px;
}

.person-cards-block .person-card-item {
    background: #f5f7f9;
    border-radius: 8px;
    padding: 20px 20px 24px 20px;
    display: flex;
    gap: 24px;
    flex-direction: column;
    transition: box-shadow .3s ease-in-out,  border-radius .3s ease-in-out;
}

.person-cards-block .card-item_main-image img, .person-cards-block .card-item_main-image, .person-frame_left  img {
    width: 216px;
    height: 216px;
    display: block;
    border-radius: 50%;
}

.person-cards-block .person-card-item_title {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
        width: 90%;
    color: #000;
}

.person-card-item .card-item_label {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #313131;
    border-radius: 8px;
    padding: 4px 8px;
    width: fit-content;
    margin-bottom: 8px;
    background: #fff;
}

.person-card-item .card-item_label.card-item_label-violet {
    background-color: #d0c3ed;
}
.person-card-item.card-item_violet {
    background-color: #d0c3ed;
}

.person-card-item.card-item_green, .person-card-item .card-item_label-green {
    background: #98d4e2;
}

.person-card-item .card-item_label-yellow, .person-card-item.card-item_yellow {
    background: #f1df96;
}

.person-card-item .card-item_label-dark, .person-card-item.card-item_dark {
	background: #313131;
    color: #fff;
}

.person-card-item.card-item_dark p {
    color: #fff;
}

.person-card-item.card-item_not-person.card-item_pink, .person-card-item .card-item_label-pink{
    background-color: #f0b1b3;
}

.person-card-item.card-item_not-person.card-item_orange, .person-card-item .card-item_label-orange {
    background-color: #F1DF96;
}

.person-card-item.card-item_not-person.card-item_green-light, .person-card-item .card-item_label-green-light {
    background-color: #93D6C7;
}

.header_content .lang-btns_content.tablet_show, .footer .mob-show__footer {
    display: none;
}

.header-burger_btn {
    background: transparent;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    border: none;
}

.map-container iframe {
    width: 100%;
    filter: grayscale(100%);
}

.partner-container {
    margin-top: 120px;
    margin-bottom: 120px;
    overflow: hidden;
}

.partner-container h2 {
    margin-top: 0;
}

.partners-block {
    display: flex;
    column-gap: 24px;
    margin-bottom: 20px;    
}

.partners-block:last-child {
    margin-bottom: 0;
}

@keyframes marqueeLeftToRight {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes marqueeRightToLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.partners-block .partner-row_left {
    display: flex;
    animation: marqueeLeftToRight 40s linear infinite;
}

.partners-block .partner-row_right {
    display: flex;
    animation: marqueeRightToLeft 40s linear infinite;
}

.partners-block .partner-item {
    height: 170px;
}

.partners-block .partner-item img {
    height: 100%;
    object-fit: contain;
}

.person-frame_left {
    padding-left: 32px;
}

.frame-with-label_events .frame-center {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    flex-grow: 1;
}

.frame-with-label.frame-with-label_events .frame-right {
    padding: 60px;
    padding-left: 0;
}

.frame-with-label.frame-with-label_events .frame-right img {
    width: 350px;
    height: 350px;
    border-radius: 50%;
}

.advantages-content .block-with-image {
    justify-content: space-between;
    gap: 20px;
}
.advantages-content .block-with-image .advantages-images_main {
    width: 800px;
    max-width: unset;
}

.advantages-content_images {
    position: relative;
    top: -70px;
    transition: transform .3s ease-in-out;
}

.advantages-content_images .images_1 {
    position: absolute;
    left: 45px;
    top: 25px;
}

.advantages-content_images .images_2 {
    position: absolute;
    bottom: 65px;
    left: 135px;
}

.advantages-content_images .images_3 {
    position: absolute;
    top: 50px;
    right: 225px;
}

.advantages-content_images .images_4 {
    position: absolute;
    bottom: -55px;
    right: 60px;
}

.advantages-content_images .advantages-images p {
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 85%;
}

/* .advantages-content .block-with-image .advantages-images_mobile {
    display: none;
} */

.advantages-content_images-mobile {
    display: none;
}

header.fixed {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05);
    top: 0;
}

header.fixed .header-email, header.fixed .header_content-menu .header-menu a {
    color: #000;
}

header.fixed .lang-btns_content button.active-lang {
    color: #17C7A0;
}

header.fixed .search-container .search {
    background-image: url(./images/search-md.svg);
}


.top-banner:not(.top-banner_violet) .top-banner_content.header-fixed {
    margin-top: 0;
    padding-top: 480px;
    margin: 0;
}

.animation-circle_loader {
  position: relative;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: linear-gradient(#17c7a0, #21869e, #a38bd7);
}

@keyframes animate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.animation-circle_loader .animation-circle_loader-item {
  position: absolute;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: linear-gradient(#21869e, #17c7a0, #a38bd7 );
}

.animation-circle_loader.hover .animation-circle_loader-item:nth-child(1) {
  filter: blur(5px);
}

.animation-circle_loader.hover .animation-circle_loader-item:nth-child(2) {
  filter: blur(10px);
}

.animation-circle_loader::after {
    content: "";
    position: absolute;
    top: 75px;
    left: 75px;
    right: 75px;
    bottom: 75px;
    background: #fff;
    border-radius: 50%;
}

.animation-circle {
    position: relative;
    width: fit-content;
    margin: auto;
}

.animation-circle .animation-circle_item {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
}

.animation-circle .img-green {
    bottom: 0px;
    left: -35px;
    background-color: #17C7A0;
}

.animation-circle .img-blue.animation {
    background: linear-gradient(75deg, #17c7a0 0%, #17c7a0 22%, #21879e 60%, #21879e 75%, #17c7a0 100%);
    background-size: 300% 300%;
    animation: gradientAnimation 2s linear infinite;
}

.animation-circle .img-violet {
    background-color: #a38bd7;
    right: -45px;
    bottom: 0px;
}

.animation-circle .img-violet.animation {
    animation: gradientAnimation 2s linear infinite;
    background: linear-gradient(75deg, #a38bd7 0%, #a38bd7 22%, #21869e 60%, #21869e  75%, #a38bd7  100%);
    background-size: 300% 300%;
}

.animation-circle .img-blue {
    top: -60px;
    background-color: #21869e;
    left: 100px;
}

.animation-circle .img-green.animation {
    animation: gradientAnimation 2s linear infinite;
    background: linear-gradient(75deg, #17c7a0 20%, #a38bd7 50%, #17c7a0  100%);
    background-size: 300% 300%;
}

@keyframes gradientAnimation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.animation-circle .img-green_span {
    position: absolute;
    bottom: 35px;
    left: -5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.animation-circle .img-violet_span {
    position: absolute;
    bottom: 50px;
    right: -15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.animation-circle .img-blue_span {
    position: absolute;
    top: -20px;
    left: 134px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.animation-circle .img-blue_span span, .img-green_span span, .img-violet_span span {
    color: #fff;
    text-align: center;
}

.animation-circle_loader .img-logo_center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    z-index: 8;
    width:120px;
}

.burger-menu_container {
    display: none;
    background-color: #fff;
    z-index: 1000;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
}

.burger-menu_container.active {
    display: block;
}

.burger-menu_container .burger-menu_content {
    padding: 20px 32px 40px;
    height: 90%;
}

.burger-menu_content .burger-menu_top .cross-btn {
    display: flex;
    margin-left: auto;
    background-color: #f5f7f9;
    border: none;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
}

.burger-menu_content .burger-menu_top {
    margin-bottom: 20px;
}

.burger-menu_content .burger-menu_nav {
    margin-top: 40px;
}

.burger-menu_content .burger-menu_nav ul.header-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.burger-menu_content .burger-menu_nav ul.header-menu li.menu-item-has-children {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.burger-menu_content .burger-menu_nav ul.header-menu li a {
    flex-grow: 1;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #000;
}

.burger-menu_container .header-menu .submenu-wrapper.active {
    flex-grow: 1;
    flex-basis: 100%;
    background-color: transparent;
    position: static;
    padding: 0;
    margin-top: 20px;
    box-shadow: none;
}

.burger-menu_container .header-menu .submenu-wrapper .sub-menu a {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #000;
}

.burger-menu_container .menu-item-has-children.active .show-childs_btn::before {
    top: 6px;
    transform: rotate(225deg);
}

.burger-menu_container .burger-menu_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.burger-menu_bottom-col {
    max-width: 350px;
}

.burger-menu_bottom-col .burger-menu_email, .burger-menu_bottom-col .burger-menu_adress {
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    color: rgba(0, 0, 0, 0.5);
    display: block;
    margin-bottom: 16px;
}

.burger-menu_main {
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.media-kit_container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
    gap: 20px;
    margin-bottom: 120px;
}

.media-kit_container .media-kit_item {
    background-color: #f5f7f9;
    border-radius: 8px;
    padding: 24px 24px 32px 24px;
}

.media-kit_item-name {
    margin-top: 32px;
    margin-bottom: 24px;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #000;
}

.media-kit_item-links {
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.media-kit_item-links a {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color .3s ease-in-out;
}

.media-kit_item-links a:hover {
    color: #17c7a0;
    transition: color .3s ease-in-out;
}

.media-kit_item-links a:hover path {
    stroke: #17C7A0;
    transition: stroke .3s ease-in-out;
}

.h-mt180 {
    margin-top: 180px;
}

.images-block {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 20px;
    margin-bottom: 24px;
}

.images-block_item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}

.images-block_item span {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: rgba(0, 0, 0, 0.5);
}

.text-with-image {
    display: flex;
    gap: 32px;
    margin-top: 40px;
}

.text-with-image .image-content img {
    max-width: 320px;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

/* .group-page {
    margin-bottom: 120px;
} */

@media (max-width: 1300px) {
    .all-content .container {
        padding: 0 30px;
    }
    .footer-content {
        flex-direction: column;
        gap: 40px;
    }
    .footer-left, .footer-right {
        border: none;
        padding: 0;
    }
    .header_content .header_content-menu .header-menu {
        display: none;
    }
    .header_content .lang-btns_content.tablet_show {
        display: flex;
        margin-left: 30px;
    }
    .header_content-actions .lang-btns_content {
        display: none;
    }
    .header-burger_btn.tablet_show {
        display: flex;
    }
    .frame-with-label {
        gap: 20px;
    }
    .form-container {
        gap: 120px;
    }
    .form-container .form-container_right .form_big-text {
        margin-top: 20px;
    }
    .frame-with-label_events .frame-center {
        padding: 40px 0;
    }
    .frame-with-label.frame-with-label_events .frame-right {
        padding: 40px;
        padding-left: 0;
    }
    .frame-with-label.frame-with-label_events .frame-right img {
        width: 250px;
        height: 250px;
    }
    .block-with-image {
        gap: 50px;
    }
}

@media (max-width: 1220px) {
    .advantages-content_images {
        top: unset;
    }
    .advantages-content .block-with-image_subtitle {
        max-width: 680px;
    }
}

@media (max-width: 1130px) {
    .events:not(.events-tabs_content) {
        max-width: 1100px;
        overflow: auto;
    }
    .events::-webkit-scrollbar {
        display: none;
    }
    .block-with-image {
        gap: 32px;
    }
    .block-with-image img {
        max-width: 320px;
    }
    .frame-with-label .frame-left {
        display: none;
    }
    .frame-with-label {
        padding: 0 30px;
    }
    .frame-with-label:not(.frame-with-label_events) {
        position: relative;
    }
    .frame-with-label:not(.frame-with-label_events) .frame-right {
        display: block;
        position: absolute;
        right: 32px;
        top: 0;
        padding-top: 15px;
    }
    .frame-with-label.frame-with-label_events .frame-right {
        padding-right: 0;
    }
    .frame-with-label:not(.frame-with-label_events) .frame-right img {
        width: 190px;
        height: 190px;
    }
    .frame-with-label .frame-title {
        width: 80%;
    }
    .container-with-aside {
        gap: 20px;
    }
    h2, .h2 {
        font-size: 32px;
    }
    .person-frame {
        padding: 20px;
    }
    .person-frame .person-frame_label {
        display: none;
    }
    .person-frame .person-frame_name {
        font-size: 32px;
    }
    .footer-mob-hide {
        display: none;
    }
    .footer .mob-show__footer {
        display: flex;
        width: 100%;
        margin-top: 32px;
        gap: 20px 95px;
        flex-wrap: wrap;
    }
    .footer .mob-show__footer .footer-links, .mob-show__footer .footer_social-media {
        flex-grow: 1;
        flex-basis: 40%;
    }
    .mob-show__footer .footer-links a {
        text-decoration: none;
        display: block;
        font-weight: 400;
        font-size: 16px;
        line-height: 145%;
        color: #fff;
    }
    /* .purpose:first-child {
        grid-column: 1 / -1;
        height: fit-content;
    } */
    .purpose:first-child .purpose_big-text br {
        display: none;
    }
    .person-cards-block .card-item_not-person {
        grid-column: 1 / -1;
        height: fit-content;
        min-height: unset;
    }
    .banner-violet_year img {
        margin-bottom: -30px;
    }
    .banner-violet_content {
        flex-direction: column;
    }
    .banner-violet_content .banner-violet_right {
        align-self: center;
    }
    .banner-violet_content .banner-violet_title {
        font-size: 40px;
    }
    .structure-main_container {
        flex-direction: column;
    }
    .frame-with-label_events .frame-center {
        gap: 32px;
    }
    .frame-with-label_events.frame-with-label .frame-title {
        margin-bottom: 32px;
    }
    .frame-with-label.frame-with-label_events .frame-right {
        align-self: flex-start;
    }
    .advantages-content .block-with-image {
        justify-content: center;
    }
    .advantages-content .block-with-image_text {
        max-width: unset;
    }
    .top-banner:not(.top-banner_violet) .top-banner_content {
        margin-top: 180px
    }
    .top-banner:not(.top-banner_violet) .top-banner_content.header-fixed {
        padding-top: 280px;
    }
    .block-with-image_animation {
        gap: 50px;
    }
    .button-green.frame-button {
        margin-top: 32px;
    }
    .text-with-image {
        flex-direction: column;
    }
    .container-with-aside:not(.container-with-aside__project) {
        flex-direction: column;
    }
    .frame-blue.frame-violet__project .frame-blue_marker {
        display: block;
    }
    .container-with-aside:not(.container-with-aside__project) .column-right {
        flex-basis: 100%;
    }
    .column-right .aside-content {
        max-width: unset;
    }
    .person-frame_left {
        padding: 0;
    }
    .person-frame {
        gap: 32px;
        justify-content: flex-start;
    }
    .person-frame .person-frame_center {
        padding-left: 0;
    }
    .person-frame_left img {
        width: 120px;
        height: 120px;
    }
    .container-with-aside {
        margin-bottom: 60px;
    }
}

@media (max-width: 1000px) {
    .groups-container {
        flex-direction: column;
    }
}
@media (max-width: 900px) {
    .banner-violet_content .banner-violet_title {
        margin-bottom: 32px;
        margin-top: 20px;
    }
    .events {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    .banner-violet_content .button-green, .banner-violet_content .button-outline {
        width: 100%;
    }
    .banner-violet_year img {
        margin-bottom: -15px;
    }
    .questions-container .question-item {
        gap: 20px;
    }
    .question-item .question {
        font-size: 28px;
    }
    .person-tabs_container .person-tabs_nav .person-tab_link {
        white-space: wrap;
    }
    .person-frame .person-markers_container {
        margin-top: 24px;
        gap: 8px;
    }
    .person-frame .person-marker {
        padding: 10px 15px;
    }
    .top-banner .top-banner_content {
        margin-top: 10em;
        gap: 24px;
    }
    .top-banner .top-banner_content-right img {
        width: 295px;
        height: fit-content;
    }
    .cards-block, .projects {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    .all-content .container {
        overflow: hidden;
    }
    /* .groups-container .group-item {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .groups-container .group-item .group-right {
        order: 1;
    }
    .groups-container .group-item .group-center {
        flex-basis: 100%;
        flex-grow: 1;
        order: 2;
    } */
    .groups-container .group-item .group-title {
        font-size: 28px;
    }
    .form-container {
        gap: 40px;
        flex-direction: column-reverse;
    }
    .form-container .form-container_right .form_big-text {
        font-size: 40px;
    }
    .form-container .form-container_left {
        flex-basis: 100%;
        max-width: unset;
    }
    .contacts {
        flex-direction: column;
    }
    .contacts .contacts-item {
        max-width: unset;
        flex-basis: 100%;
        gap: 16px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .contacts .contacts-item p:last-child, .contacts .contact_soc-links {
        flex-basis: 100%;
        padding-left: 76px;
        margin-top: -45px;
    }
    .contacts .contacts-item .contact-icon {
        flex-shrink: 0;
    }
    .event.event-gorizontal .event-left {
        display: none;
    }
    .event.event-gorizontal .event-center {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-between;
        padding: 20px;
    }
    .event.event-gorizontal .event-center .event-image img {
        width: 100px;
        height: 100px;
    }
    .event.event-gorizontal .event-center .event-link {
        order: 1;
    }
    .event.event-gorizontal .event-center .event-descr {
        order: 2;
        flex-basis: 100%;
        padding: 0;
    }
    .person-frame {
        gap: 10px 20px;
    }
    .person-frame .person-frame_center {
        padding-left: 0px;
    }
    .partners-block .partner-item {
        height: 140px;
    }
    .breadcrumbs-container ul {
        flex-wrap: wrap;
        gap: 8px 20px;
    }

    .frame-with-label.frame-with-label_events .frame-right img {
        width: 180px;
        height: 180px;
    }
    .block-with-image {
        flex-direction: column;
    }
    .top-banner .top-banner_content-right .lift-phrase {
        font-size: 140px;
    }
    .container.advantages-container {
        padding-bottom: 60px;
    }
    .block-with-image .image-absolute img.image-absolute_right {
        right: -85px;
    }
    .block-with-image .image-absolute img.image-absolute_left {
        left: -95px;
    }
    .media-kit_item-links {
        flex-direction: row;
        gap: 20px;
    }
    .purpose-flex, .purpose.purpose-image {
        height: 240px
    }

}

@media (max-width: 800px) {

    .frame-blue.frame-violet__project .frame-blue_marker {
        display: none;
    }
    .container-with-aside.container-with-aside__project {
        flex-direction: column;
    }
    .container-with-aside.container-with-aside__project .column-right {
        flex-basis: 100%;
    }
    /* .advantages-content .block-with-image .advantages-images_mobile {
        display: block;
        width: 100%;
    } */
    /* .advantages-content_images {
        width: 100%;
    }
    .advantages-content_images .images_1 {
        left: 0;
        top: 0;
    }
    .advantages-content_images .images_3 {
        top: 200px;
        right: 0;
    }
    .advantages-content_images .images_2 {
        bottom: 300px;
        left: 0;
    }
    .advantages-content_images .images_4 {
        bottom: 135px;
        right: 0;
    }
    .advantages-content_images .images_3 img {
        width: 200px;
    }
    .advantages-content_images .images_4 img {
        width: 250px;
    }
    .advantages-content_images .images_2 {
        bottom: 400px;
    } */
    .top-banner:not(.top-banner_violet) {
        padding-bottom: 80px;
    }
    .mob-reverse {
        flex-direction: column-reverse;
    }
    .h-mt0_mob {
        margin-top: 0;
    }
    .frame-with-label .frame-title {
        font-size: 40px;
    }
    .breadcrumbs-container {
        margin-bottom: 37px;
    }
    .banner-violet_content {
        margin: 0;
    }
}

@media (max-width: 700px) {
    .events {
        display: flex;
        overflow-x: scroll;
    }
    .events .event {
        min-width: 400px;
    }
    .frame-with-label {
        flex-direction: column-reverse;
    }

    .frame-with-label.frame-with-label_events .frame-right {
        padding-bottom: 0;
    }
    .frame-with-label_events .frame-center {
        padding-top: 0;
    }
}
@media (max-width: 600px) {
    .purpose {
        height: 100%;
    }
    .cards-block .card-item {
        gap: 32px;
    }
    .card-item_bottom .card-item_title {
        margin-bottom: 12px;
    }
    .top-banner .top-banner_content-right .lift-phrase {
        font-size: 120px;
    }
    .groups-container .group-item .group-center {
        gap: 12px;
    }
    .groups-container .group-item .group-members_container {
        gap: 8px;
    }
    .purpose .purpose_big-text {
        font-size: 24px;
    }
    .purpose .purpose_top {
        margin-bottom: 20px;
    }
    .purposes-content {
        display: flex;
        flex-direction: column;
    }
    .organizations:not(.lift-today) {
        display: flex;
        overflow: scroll;
        /* margin-bottom: 10px; */
    }
    .organizations.lift-today {
        grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    }
    .organizations .organization {
        min-width: 250px;
    }
    .organizations::-webkit-scrollbar, .person-tabs_container .person-tabs_nav::-webkit-scrollbar {
        background: transparent;
        height: 0;
    }
    .person-cards {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    .question-item .question {
        font-size: 23px;
    }
    .questions-container .question-item {
        gap: 12px;
        flex-direction: column;
    }
    .person-cards-block .person-card-item {
        min-height: fit-content;
    }
    .person-cards-block {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    h2, .h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }
    h1, .h1 {
        font-size: 32px;
        margin-top: 20px;
    }
    .footer-left, .footer-right {
        flex-direction: column;
        gap: 20px;
    }
    .footer .footer-rekvizity {
        margin-top: 20px;
    }
    .footer .footer-tel {
        font-size: 28px;
    }
    .footer .footer-form {
        min-width: unset;
        margin-top: 12px;
    }
    .mob-hide {
        display: none !important;
    }
    .top-banner_button {
        width: 100%;
    }
    .h-mt60 {
        margin-top: 30px;
    }
    .footer {
        padding: 70px 0;
    }
    .groups-container .group-item {
        gap: 10px;
    }
    .frame-with-label:not(.frame-with-label_events) .frame-center {
        padding-top: 175px;
    }
    .frame-with-label .frame-right {
        right: unset;
        left: 32px;
    }
    .frame-with-label .frame-title, .frame-with-label.frame-with-label_events .frame-title {
        width: 100%;
        font-size: 32px;
        margin-bottom: 20px;
    }
    .block-with-icon {
        flex-direction: column;
    }
    .contact-form .button-green {
        width: 100%;
    }
    .blue-content, .violet-content, .gray-content {
        padding: 75px 0;
        margin-top: 75px;
    }
    .event.event-gorizontal .event-title {
        font-size: 24px;
    }
    .person-frame {
        flex-direction: column;
        align-items: start;
        margin-bottom: 40px;
    }
    .person-frame .person-frame_left img {
        height: 100px;
        width: 100px;
    }

    .person-tab_content .content-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .footer-content {
        gap: 32px;
    }
    .footer .mob-show__footer {
        margin-top: 0;
    }
    .partners-block .partner-item {
        height: 100px;
    }
    .groups-container .group-item .group-title {
        font-size: 18px;
    }
    /* .groups-container .group-item .group-left {
        height: 155px;
    } */
    /* .groups-container .group-item .group-left img {
        width: 150px;
    } */
    .header_content {
        gap: 16px;
    }
    .header_content .lang-btns_content.tablet_show {
        margin-left: 0;
    }
    .contacts .contacts-item {
        flex-direction: column;
        gap: 8px;
    }
    .contacts .contacts-item p:last-child, .contacts .contact_soc-links {
        margin-top: 0;
        padding: 0;
    }
    .person-tab_content .content-row {
        margin-bottom: 32px;
    }
    .frame-with-label:not(.frame-with-label_events) .frame-center {
        padding-top: 210px;
    }
    .stages-of-training .stage {
        height: 160px;
    }
    .directions {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
    .directions .direction-image {
        width: 120px;
        height: 120px;
    }
    .directions .direction-image img {
        width: 75px;
        object-fit: scale-down;
    }
    .structure-main_container .structure-main_left {
        column-count: 1;
    }
    .header_content .header_content-logo img {
        width: 60px;
    }
    .person-tabs_container .person-tabs_nav {
        flex-wrap: nowrap;
        overflow: scroll;
    }
    .person-tabs_container .person-tabs_nav .person-tab_link {
        white-space: nowrap;
    }
    .block-with-image .image-absolute {
        align-self: start;
    }
    .block-with-image .image-absolute.image-absolute_right {
        align-self: flex-end;
    }
    .block-with-image .image-absolute img {
        max-width: 265px;
    }
    .burger-menu_container .burger-menu_content {
        padding: 16px 16px 32px;
    }
    .burger-menu_container .burger-logo img {
        width: 60px;
    }
    .burger-menu_content .burger-menu_nav {
        margin-top: 24px;
    }
    .burger-menu_content .burger-menu_nav ul.header-menu {
        gap: 20px;
    }
    .burger-menu_content .burger-menu_nav ul.header-menu li a {
        font-size: 24px;
    }
    .burger-menu_container .burger-menu_bottom {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .card-item .card-item_white-content {
        min-height: unset;
    }
    .images-block {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    .breadcrumbs-container {
        margin-bottom: 20px;
    }
    .banner-violet_content {
        margin-top: 20px;
    }
    .structure-main_container .structure-main_right, .structure-main {
        padding: 20px;
    }
    .structure-main_container .structure-main_right .button-outline_black {
        text-align: center;
        width: auto;
    }
    .block-with-image .block-with-image_subtitle {
        margin-bottom: 8px;
    }
    .ul_check-green {
        margin-top: 8px;
    }
    .partner-container {
        margin-bottom: 75px;
    }
    section, .partner-container {
        margin-top: 75px;
    }
    .h-mb120 {
        margin-bottom: 75px !important;
    }
    .group-page {
        margin-bottom: 75px;
    }
    .person-tab_content .content-row .content-row_left {
        min-width: unset;
    }
    .two-col .two-col_item {
        min-width: 290px;
    }
    .person-frame_left {
        padding-left: 0;
        padding-bottom: 10px;
    }
    .banner-violet_buttons {
        flex-wrap: wrap;
    }
    .banner-violet_content .banner-violet_title {
        font-size: 32px;
    }
    .groups-container .group-item .group-members {
        margin-top: 10px;
    }
    .groups-container .group-members .member .member-img {
        width: 70px;
        height: 70px;
    }
    .groups-container .group-members .member .member-name {
        font-size: 16px;
    }
}

@media (max-width: 550px) {
        .advantages-content .block-with-image .advantages-images_main {
        display: none;
    }
    .advantages-content_images-desktop {
        display: none;
    }
    .advantages-content_images-mobile {
        display: block;
        position: relative;
        width: 100%;
        height: 1045px;
    }
    .advantages-content_images-mobile .advantages-item-1 {
        position: absolute;
        top: 21px;
        right: 14px;
    }

    .advantages-content_images-mobile .advantages-item_blue {
        border-radius: 50%;
        background-color: #28a4c2;
        width: 196px;
        height: 190px;
        text-align: center;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        line-height: 145%;
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
    }
    .advantages-content_images-mobile .advantages-item_violet {
        border-radius: 50%;
        background-color: #a38bd7;
        width: 155px;
        height: 155px;
        color: #fff;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 145%;
        display: flex;
        align-items: center;
        position: absolute;
        top: 190px;
        right: 0;
    }
    .advantages-content_images-mobile .advantages-item_green {
        border-radius: 50%;
        background-color: #17c7a0;
        width: 205px;
        height: 205px;
        color: #fff;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 145%;
        display: flex;
        align-items: center;
        position: absolute;
        top: 400px;
        left: 0;
    }
    .advantages-content_images-mobile .advantages-item_red {
        border-radius: 50%;
        background-color: #fe575e;
        width: 225px;
        height: 225px;
        color: #fff;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 145%;
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 210px;
        right: 0;
        padding: 10px;
    }
    .advantages-content_images-mobile .advantages-item-2 {
        position: absolute;
        top: 231px;
        left: -45px;
    }
    .advantages-content_images-mobile .advantages-item-4 {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .advantages-content_images-mobile .advantages-item-3 {
        position: absolute;
        right: -30px;
        top: 385px;
    }
}
@media (max-width: 500px) {
    .top-banner:not(.top-banner_violet) .top-banner_content {
        margin-top: 110px
    }
    .top-banner:not(.top-banner_violet) .top-banner_content.header-fixed {
        padding-top: 210px;
    }
    .top-banner {
        padding-bottom: 55px;
    }
    .animation-circle_loader {
        width: 280px;
        height: 280px;
    }
    .animation-circle_loader .animation-circle_loader-item {
        width: 280px;
        height: 280px;
    }
    .animation-circle_loader::after {
        top: 50px;
        left: 50px;
        right: 50px;
        bottom: 50px;
    }
    .animation-circle .animation-circle_item {
        width: 120px;
        height: 120px;
    }
    .animation-circle .img-blue {
        top: -30px;
        left: 85px;
    }

    .animation-circle .img-violet {
        bottom: 5px;
        right: -5px;
    }
    .animation-circle .img-green {
        bottom: 5px;
        left: -5px;
    }
    .animation-circle_loader .img-logo_center {
        width: 90px;
    }
    .block-with-image img {
        object-fit: scale-down;
    }
    .footer .social-media_link, .burger-menu_bottom-col .social-media_link {
        width: 48px;
        height: 48px;
    }
    .footer .social-media_link img, .burger-menu_bottom-col .social-media_link svg  {
        width: 28px;
        height: 28px;
    }
    .animation-circle .img-blue_span span, .img-green_span span, .img-violet_span span {
        font-size: 13px;
    }
    .animation-circle .img-blue_span {
        top: -10px;
        left: 100px;
    }
    .animation-circle .img-violet_span {
        bottom: 30px;
        right: 10px;
    }
    .animation-circle .img-green_span {
        bottom: 23px;
        left: 10px;
        gap: 4px;
    }
    .button-green.frame-button {
        margin-top: 24px;
    }
    .media-kit_container {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    .media-kit_item-name {
        margin-top: 24px;
        margin-bottom: 16px;
        font-size: 24px;
    }
    .top-banner_violet.top-banner {
        padding-bottom: 0;
    }
    .h2-with-link p br {
        display: none;
    }
    .animation-circle_container {
        width: unset;
    }
    .container-with-aside {
        margin-bottom: 20px;
    }
}

@media (max-width: 400px) {
    .events.events-on-main .event {
        min-width: 380px;
    }
    .h-mt180 {
        margin-top: 135px;
    }
    .media-kit_container {
        margin-bottom: 75px;
    }
    .all-content .container {
        padding: 0 15px;
    }
    h2 {
        font-size: 32px;
    }
    /* .events {
        flex-direction: column;
    } */
    .h2-with-link {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    /* .cards-block .card-item {
        min-height: 330px;
    } */
    .top-banner .top-banner_content-right img {
        width: 245px;
    }
    .top-banner_title {
        font-size: 24px;
    }
    .top-banner_subtitle {
        font-size: 16px;
    }
    .block-with-image .block-with-image_title {
        font-size: 32px;
        margin-bottom: 24px;
    }
    .contact-links {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

.ol-default {
    list-style-type: none;
    padding: 0;
    counter-reset: b;
}

.ol-default li {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
    padding-left: 25px;
    margin-bottom: 10px;
}

.ol-default li a {
    color: #313131;
}

.ol-default li a:hover {
    color: #17C7A0;
}

.ol-default li::before {
    content: counter(b)".";
    counter-increment: b;
    position: absolute;
    left: 0;
    top: 1px;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    color: #313131;
}

.frame-center_labels {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.frame-with-label .frame-center_info {
    display: flex;
    gap: 24px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.frame-with-label .frame-center_info .event-info_col {
    display: flex;
    align-items: center;
    gap: 8px;
}

.frame-with-label .frame-center_info .event-info_col span {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: rgba(0, 0, 0, 0.5);
}

.frame-center_labels .white-label {
    background-color: #fff;
    color: #313131;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    border-radius: 8px;
}

.top-banner_violet header .lang-btns_content button:not(.active-lang) {
    color: #cacaca;
}

.scale {
    transform: scale(1.3);
    transition: transform .3s ease-in-out;
}

.description-with-border.description-without-border::before {
    display: none;
}

.description-without-border .description-with-border_content {
    padding-left: 0;
}

.gray-link {
    color: #313131;
    text-decoration: underline;
}

.gray-link:hover {
    text-decoration: none;
}

.frame-left.frame-left_news {
    background-color: #21869e !important;
}

.wp-block-heading {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #000;
    margin-bottom: 24px;
    margin-top: 32px;
}

.image-calendar {
    width: 20px;
    height: 20px;
}

.event.event-news .f-default-gray {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6; 
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 8.5em; 
    line-height: 145%; 
    max-width: 720px;
}

h3.wp-block-heading, h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 145%;
}

ol.wp-block-list {
    padding: 0;
    margin: 0;
    counter-reset: c;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}

.frame-group ol.wp-block-list {
    flex-wrap: wrap;
    flex-direction: row;
}

.frame-group ol.wp-block-list li {
    flex-basis: 43%;
}

ol.wp-block-list li, .blue-ul li, ul.wp-block-list li {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #313131;
    padding-left: 45px;
}

ol.wp-block-list li::before {
    content: counter(c);
    counter-increment: c;
    position: absolute;
    left: 0;
    top: -4px;
    margin: 0;
    font-weight: 500;
    font-size: 20px;
    background-color: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: #21869e;
    display: flex;
    align-items: center;
    justify-content: center;
}

ol.wp-block-list.wp-block-list_gray li::before {
    background-color: #f5f7f9;
}

.description-with-border_content p.descr-title {
    margin-bottom: 24px;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
}

.blue-ul, ul.wp-block-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.blue-ul li, ul.wp-block-list li {
    padding-left: 20px;
}
.blue-ul li::before, ul.wp-block-list li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    background-color: #21869e;
    left: 0;
    position: absolute;
    top: 6px;
}

.person-tabs_container.person-page .person-tab_content {
    max-width: 880px;
}

.h-mb40 {
    margin-bottom: 40px !important;
}

/* .transfrom-block p, .transfrom-block h2, .transfrom-block a {
    transform: translateY(100px);
    transition: transform 0.9s linear;
}

.show {
    transform: translateY(0) !important;
} */

.two-col.two-col_white .ul_white-default {
    padding-left: 20px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.two-col.two-col_white .ul_white-default li {
    color: #fff;
    line-height: 145%;
    font-weight: 500;
    font-size: 16px;
}

.link-white {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 145%;
    text-decoration: underline;
    margin-top: 8px;
}

.link-white:hover {
    text-decoration: none;
}

.text-with-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.text-with-link .text-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
}
.h-mt32 {
    margin-top: 32px;
}

.block-uchenye .cards-block .card-item {
    justify-content: start;
}

.block-uchenye .cards-block .card-item .card-item_white-content {
    height: 100%;
}

.organization-big-num {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 120px;
    line-height: 130%;
    text-transform: uppercase;
    color: #21869e;
    text-align: center;
}

.organizations.lift-today .organization-title {
    font-size: 16px;
    line-height: 125%;
}

.unique-items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.unique-items .unique-item {
    flex-grow: 1;
    flex-basis: 15%;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} 

.unique-item .unique-item__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
}

.unique-item .unique-item__subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
}

.unique-item_with-img img {
    margin-bottom: 27px;
}

.unique-items:not(:last-child) {
    margin-bottom: 20px;
}

.events-on-main .event-right {
    width: 100%;
}

.events-on-main .event-right .event-image_main {
    height: 300px;
}

.person-content {
    max-width: 880px;
}

.person-content .person-tab-item {
    margin-bottom: 80px;
}

.frame-blue {
    display: flex;
    background: #f5f7f9;
    border-radius: 12px;
    margin-top: 36px;
}

.frame-blue__person .frame-blue_image img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.frame-blue.frame-blue__person .frame-blue_image {
    padding: 40px 0 30px 40px;
}

.frame-blue.frame-blue__person .frame-blue_center {
    padding: 30px 80px;
    flex-grow: 1;
}

.frame-blue .frame-blue_marker {
    position: relative;
    background-color: rgba(33, 134, 158, 1);
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    max-width: 100px;
    width: 100%;
}

.frame-blue .frame-blue_marker p {
    position: absolute;
    margin: 0;
    font-weight: 900;
    font-size: 40px;
    color: rgba(255, 255, 255, 0.2);
    writing-mode: vertical-rl;
    white-space: nowrap;
    left: 50%;
    top: 50%;
    text-transform: uppercase;
    transform: translateX(-50%) translateY(-50%) rotate(180deg);
}

.frame-blue .frame-blue_image {
    padding: 50px 0 50px 50px;
}

.frame-blue .frame-blue_center {
    padding: 40px 50px;
}

.frame-blue.frame-group .frame-blue_center {
    flex-grow: 1;
}

.frame-blue.frame-blue__person .person-mail {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}
.frame-blue .frame-blue_title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 48px;
    line-height: 100%;
    color: #000;
    margin-bottom: 20px;
}

.text-fl_content {
    display: flex;
    gap: 20px;
    margin-top: 16px;
}

.icon_deyatelnost-frame {
    margin-top: 40px;
}

.m-w680 {
    max-width: 680px;
}

.areas-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 40px 20px;
    margin-top: 32px;
}

.areas-items .areas-item {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-direction: column;
}

.areas-items .areas-item .areas-item__text {
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    text-align: center;
    color: #000;
}

.text-content__icons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.text-content__icons .text-content__item {
    background: #f5f7f9;
    border-radius: 12px;
    padding: 40px;
    flex-grow: 1;
    flex-basis: 40%;
}

.text-content__icons .text-content__item .text-content__title {
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 500;
    font-size: 48px;
    line-height: 95%;
    color: #000;
    margin-bottom: 40px;
}

.frame-violet__project .frame-violet__project-image {
    width: 120px;
}

.frame-violet__project .frame-blue_center {
    display: flex;
    flex-direction: column;
}

.frame-violet__project .frame-violet__project-title, .frame-blue.frame-group .frame-blue__title {
    font-weight: 500;
    font-size: 48px;
    line-height: 95%;
    margin-top: 24px;
    width: 60%;
}

.frame-blue.frame-group .frame-blue__title {
    width: 100%;
}

.frame-violet__project .frame-blue_marker {
    max-width: 150px;
    background-color: #A38BD7;
}

.project-content__block:not(:first-child) {
    margin-top: 80px;
}

.frame-blue.frame-violet__project {
    margin-bottom: 80px;
}
.project-content__block .project-block__title {
    font-weight: 600;
    font-size: 32px;
    font-family: var(--second-family);
    line-height: 100%;
    color: #000;
    margin-top: 24px;
    margin-bottom: 24px;
}

.otchety-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 100px;
}

.otchety-cards .otchet {
    background-color: #F5F7F9;
    border-radius: 8px;
    padding: 24px;
}

.otchety-cards .otchet__name {
    font-family: var(--second-family);
    font-size: 32px;
    font-weight: 600;
    line-height: 100%;
    margin-top: 32px;
    color: #000;
}

.otchety-cards .otchet__top {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.forum-content .forum-content__image img {
    height: 280px;
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
    margin-bottom: 60px;
}

.forum-content__title {
    font-weight: 500;
    font-size: 48px;
    line-height: 95%;
    color: #000;
    font-family: var(--font-family);
    margin-bottom: 24px;
}

.forum-content__labels span {
    background-color: #F5F7F9 !important;
}

.forum-content__date {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #9E9E9E;
    font-size: 16px;
    line-height: 145%;
    font-weight: 500;
}

.forum-content__descr {
    margin-top: 40px;
}

.forum-content__descr .button-green {
    width: fit-content;
}

.otchety-cards .otchet {
    transition: box-shadow .3s ease-in-out, border-radius .3s ease-in-out;
    box-shadow: 0 1px 17px 0 rgba(0, 0, 0, 0.15);
    border-radius: 16px;
}

.lift-images__slider .slick-next {
    position: absolute;
    bottom: 24px;
    right: 24px;
    z-index: 10;
    background: url(./images/next-arrow.svg);
    height: 40px;
    font-size: 0;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
}
.lift-images__slider .slick-prev {
    position: absolute;
    bottom: 24px;
    right: 65px;
    z-index: 10;
    background: url(./images/prev-arrow.svg);
    height: 40px;
    font-size: 0;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
}

.lift-images__slider img {
    border-radius: 12px;
}



@media (max-width: 1150px) {
    .frame-blue {
        flex-direction: column;
    }
    .frame-blue .frame-blue_marker {
        display: none;
    }
    .frame-blue .frame-blue_image, .frame-blue .frame-blue_center, .text-content__icons .text-content__item, .frame-blue.frame-blue__person .frame-blue_image {
        padding: 20px;
    }
    .frame-blue.frame-blue__person .frame-blue_center {
        padding: 0 20px 20px 20px;
    }
    .frame-blue.frame-blue__person .frame-blue_image img {
        height: fit-content;
    }
    .frame-blue .frame-blue_image img {
        width: 280px;
    }
    .text-content__icons .text-content__item .text-content__title {
        font-size: 32px;
    }
    .frame-blue.frame-violet__project {
        flex-direction: row;
    }
    .frame-violet__project .frame-violet__project-title {
        width: 100% !important;
    }
}

@media (max-width: 1025px) {
    .top-banner {
        margin-bottom: 85px;
    }
    .top-banner_title {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .block-with-image.block-with-image_animation {
        flex-direction: column-reverse;
    }
    .block-with-image.block-with-image_animation img {
        max-width: unset;
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .unique-items .unique-item {
        min-width: 300px;
        height: unset;
        min-height: 200px;
    }
    .organizations.lift-today .organization {
        min-width: 180px;

    }
    .block-with-image .block-with-image_title {
        font-size: 32px;
    }
    .project-content__block .project-block__title {
        font-size: 24px;
    }
    .project-content__block:not(:first-child) {
        margin-top: 40px;
    }
}

@media (max-width: 770px) {
    .top-banner_title {
        font-size: 28px;
    }
    .lift-images__slider img {
        min-height: 260px;
        object-fit: cover;
    }
}

@media (max-width: 700px) {
    .frame-blue .frame-blue_title {
        font-size: 32px;
    }
    .text-fl_content {
        flex-direction: column;
    }
    .text-content__icons .text-content__item .text-content__title {
        margin-bottom: 15px;
        font-size: 23px;
    }
    .all-content.mission-content {
        padding-bottom: 30px;
        height: 250px;
    }
    .unique-items .unique-item {
        min-width: 250px;
    }
}

@media (max-width: 600px) {
    .frame-violet__project .frame-violet__project-title, .frame-blue.frame-group .frame-blue__title {
        font-size: 32px;
    }
    .frame-blue.frame-violet__project {
        margin-bottom: 40px;
    }
    .otchety-cards .otchet__name {
        font-size: 20px;
    }
    .frame-blue.frame-blue__person .frame-blue_image img {
        width: 200px;
        object-fit: cover;
        height: 200px;
    }
}

@media (max-width: 400px) {
    .top-banner_title {
        font-size: 24px;
    }
    .top-banner {
        margin-bottom: 32px;
    }
}

.frame-blue.frame-blue__person {
    margin-bottom: 40px;
}


.frame-group .frame-group__title-content {
    display: flex;
    gap: 10px 40px;
    align-items: center;
    margin-bottom: 40px;
}


@media (max-width: 1000px) {
    .frame-group .frame-group__title-content {
        flex-wrap: wrap;
    }
}

.frame-blue_center-content {
    max-width: 1000px;
}

.frame-blue.frame-group {
    margin-bottom: 40px;
}