/* Start:/local/templates/ivf-index/assets/css/style.css?1748426084127108*/
/* fonts */

@font-face {
    font-family: 'TTFirsNeue-Black';
    src: url(/local/templates/ivf-index/assets/css/../font/TTFirsNeue-Black.ttf);
}

@font-face {
    font-family: 'TTFirsNeue-Bold';
    src: url(/local/templates/ivf-index/assets/css/../font/TTFirsNeue-Bold.ttf);
}

@font-face {
    font-family: 'TTFirsNeue-ExtraLight';
    src: url(/local/templates/ivf-index/assets/css/../font/TTFirsNeue-ExtraLight.ttf);
}

@font-face {
    font-family: 'TTFirsNeue-Light';
    src: url(/local/templates/ivf-index/assets/css/../font/TTFirsNeue-Light.ttf);
}

@font-face {
    font-family: 'TTFirsNeue-Medium';
    src: url(/local/templates/ivf-index/assets/css/../font/TTFirsNeue-Medium.ttf);
}

@font-face {
    font-family: 'TTFirsNeue-Regular';
    src: url(/local/templates/ivf-index/assets/css/../font/TTFirsNeue-Regular.ttf);
}

@font-face {
    font-family: 'TTFirsNeue-Thin';
    src: url(/local/templates/ivf-index/assets/css/../font/TTFirsNeue-Thin.ttf);
}

/* fonts */

/* basick style */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}

a {
    color: inherit;
    text-decoration: none;
}

ul, li {
    text-decoration: none;
    list-style: none;
}

html {
    scroll-behavior: smooth;
    /* overflow-x: hidden; */
}

html.active {
    overflow: hidden !important;
}

body {
    overflow-x: hidden;
    background-color: #ffffff;
}

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

/* Начальное состояние: скрыто */
section {
    opacity: 0;
    transform: translateY(50px); /* немного ниже начальной позиции */
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Класс, который добавляется при видимости */
section.visible {
    opacity: 1;
    transform: translateY(0); /* возвращение к изначальной позиции */
}

/* basick style */

/* Стили для блокировки скролла */
body.no-scroll {
    overflow: hidden;
}

/* Анимационный блок на всю ширину и высоту */
.start-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

/* Логотип по центру */
.logo-container {
    animation: rotateLogo 3s linear;
}

.logo {
    width: 100px; /* Настройте размер логотипа по своему усмотрению */
    height: auto;
}

/* Анимация вращения логотипа */
@keyframes rotateLogo {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

body.active {
    overflow: hidden;
}

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

.slider-wrapper {
    position: relative;
    overflow: hidden;
}

.slider-layout {
    display: flex;
    transition: transform 1.5s ease-in-out;
}

.img-banner {
    position: relative;
    height: 100vh;
    flex: 0 0 100%;
}

.img-banner img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.img-banner img.active {
    transform: scale(1);
}

header {
    z-index: 100000;
}

.header-wrapper {
    padding-top: 28px;

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.header-layout {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.header-wrapper.active {
    -webkit-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
    -moz-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
    box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
    background-color: #fff;
    padding-bottom: 24px;
}

.header-logo__layout {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 !important;
}

.header-logo img {
    cursor: pointer;
    transition: transform 2s ease;
}

.active-img {
    display: none;
}

.header-wrapper a {
    padding: 0 !important;
}

.header-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 16px;
    padding: 0 !important;
}

.header-en {
    font-family: 'TTFirsNeue-Regular';
    font-size: 14px;
    color: #000000;
    cursor: pointer;
    transition: all 0.1s ease-in-out;

    background-color: #fff;
    padding: 8px 16px;
    border-radius: 32px;
}

.header-en.blue {
    background-color: #00328A;
}

.header-en.blue p {
    color: #fff;
}

.header-en.active {
    color: #fff !important;
    background-color: #00328A !important;
}

.header-search img {
    cursor: pointer;
    display: block;
}

.header-search img.noneAct {
    display: none;
}

.header-burger {
    display: flex;
    flex-direction: column;
    gap: 7px;

    cursor: pointer;
}

.header-line {
    width: 24px;
    height: 1px;
    background-color: #d9d9d9;
}

.header-line.blue {
    background-color: #00328A;
}

.header-line:first-child {
    top: 0;
}

.header-line:last-child {
    bottom: 0;
}

.header-burger.active {
    margin-top: 5px;
}

.header-burger.active .header-line:first-child {
    transform: rotate(45deg);
    background-color: #00328A !important;
}

.header-burger.active .header-line:last-child {
    transform: translateY(-8.5px) rotate(-46deg);
    background-color: #00328A !important;
}

.header-line.active {
    background-color: #000;
    transition: all 0.1s ease-in-out;
    transform: rotate(45deg);
}

.banner-wrapper {
    position: absolute;
    z-index: 999;

    transform: translateY(25%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.banner-content {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.banner-content.active {
    opacity: 1;
    transform: translateY(0);
}

.banner-content h2 {
    font-family: 'TTFirsNeue-Thin';
    font-size: 180px;
    color: #fff;
    letter-spacing: 0.10px;
    text-transform: uppercase;
}

.banner-content h3 {
    font-size: 52px;
    font-family: 'TTFirsNeue-Medium';
    color: #fff;
    letter-spacing: 0.10px;
    text-transform: uppercase;
    max-width: 900px;
}

.banner-content h3:nth-child(2) {
    font-size: 32px;
}

.banner-content h3:nth-child(3) {
    font-size: 48px;
}

.banner-content h2:nth-child(4) {
    font-size: 96px;
}

.banner-content h3:nth-child(4) {
    font-size: 32px;
}

.banner-content button {
    outline: none;
    padding: 16px 32px;
    background: rgba(255, 255, 255, 0.10);
    border-radius: 50px;
    border: 1px white solid;.banner-content h3

    font-family: 'TTFirsNeue-Regular';
    color: #F1F1F1;
    font-size: 19px;
    letter-spacing: 0.10px;

    cursor: pointer;

    margin-top: 50px;
    transition: all 0.3s ease-in-out;
}

.banner-content button:hover {
    background-color: #fff;
    color: #000;
}

.banner-bottom {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 1000;

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.banner-bottom.active {
    display: none;
}

.banner-bottom p {
    font-family: 'TTFirsNeue-Regular';
    font-size: 14px;
    color: #f1f1f1;
    letter-spacing: 0.10px;
}

.banner-bottom__line {
    width: 87px;
    height: 1px;
    background-color: #fff;
}

.banner-breakpoints {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.banner-breakpoint {
    width: 5px;
    height: 5px;
    background-color: #fff;
    opacity: 0.40;
    border-radius: 3px;

    cursor: pointer;

    transition: all 0.3s ease-in-out;
}

.banner-breakpoint.active {
    opacity: 1;
}

.slider-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 1000;

    /* max-width: 1440px;
    margin: 0 auto; */
    padding: 0 24px;
}

.slider-controls.active {
    display: none;
}

.slider-controls button {
    background-color: transparent;
    color: white;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.burger-menu {
    width: 100vw;
    height: 100vh;

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* z-index: 9999; */

    background-color: rgba(255, 255, 255, 0.95);

    display: none;
    animation: fadeIn 0.8s ease-in-out;
    z-index: 1;
}

@keyframes fadeIn {
    0% {
        top: -900px;
    }
    100% {
        top: 0;
    }
}

.burger-menu.active {
    display: block;
    z-index: 3;
}

.search-menu {
    width: 100vw;
    height: 100vh;

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(255, 255, 255, 0.9);

    display: none;
    animation: fadeIn 0.8s ease-in-out;
    z-index: 1;
}

@keyframes fadeIn {
    0% {
        top: -900px;
    }
    100% {
        top: 0;
    }
}

.search-menu.active {
    display: block;
    z-index: 3;
}

.burger-menu__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;

    margin-top: 134px;
}

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

.burger-menu__column ul {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 32px;
}

.burger-menu__column.center ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 300px;
}

.burger-menu__column ul li {
    color: #272727;
    font-size: 48px;
    font-family: 'TTFirsNeue-Light';
    line-height: 57.60px;
    letter-spacing: 0.10px;
    text-transform: uppercase;
    cursor: pointer;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    transition: all 0s ease-in-out;
}

.burger-menu__column ul li:hover {
    color: #0061FC;
}

/* .burger-menu__column.center ul{
    display: none;
}

.burger-menu__column.center ul.active {
    display: block;
    animation: burgerFadeIn 0.5s ease-in-out;
} */

.burger-menu__column.center .hidden {
    display: none;
}
.burger-menu__column.center .visible {
    display: block;
    animation: burgerFadeIn 0.5s ease-in-out;
}

@keyframes burgerFadeIn {
    0% {
        margin-top: -100px;
        opacity: 0;
    }
    100% {
        margin-top: 0;
        opacity: 1;
    }
}

.burger-menu__column.center ul li {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-ExtraLight';
    line-height: 28.80px;
    letter-spacing: 0.10px;

    max-width: 300px;
}

.burger-menu__column.center ul li:hover {
    color: #0061FC;
}

.burger-menu__column:last-child {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.burger-menu__column:last-child span {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-Light';
    line-height: 28.80px;
    letter-spacing: 0.10px;
}

.burger-menu__column:last-child hr {
    border: 1px solid #0061FC;
    border-radius: 3px;
}

.burger-menu__column:last-child .burger-menu__phone {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.burger-menu__column:last-child .burger-menu__phone a {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-Regular';
    text-transform: uppercase;
    letter-spacing: 0.10px;
}

.burger-menu__column:last-child .burger-menu__phone span {
    color: #373737;
    font-size: 12px;
    font-family: 'TTFirsNeue-Light';
}

.burger-menu__column:last-child .burger-menu__mail {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.burger-menu__column:last-child .burger-menu__mail a {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-Regular';
    text-transform: uppercase;
    letter-spacing: 0.10px;
}

.burger-menu__column:last-child .burger-menu__mail span {
    color: #373737;
    font-size: 12px;
    font-family: 'TTFirsNeue-Light';
}

.burger-menu__social {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.burger-menu__social .icons {
    display: flex;
    flex-direction: row;
    gap: 8px;

    cursor: pointer;
}

.burger-menu__social .icons span {
    color: #272727;
    font-size: 10px;
    font-family: 'TTFirsNeue-Light';
    text-transform: uppercase;
    letter-spacing: 0.10px;
}

.burger-menu__footer {
    margin-bottom: 48px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.burger-footer__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
    align-items: center;
}

.burger-menu__footer a span {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-Regular';
    font-weight: 300;
    line-height: 28.80px;
    letter-spacing: 0.10px;
}

.burger-menu__footer a span:hover {
    color: #0061FC;
}

.burger-mobile__lines.active {
    transform: rotate(45deg);
}

.burger-mobile__line {
    border: 1px solid #000000;
    width: 17px;
    display: none;
}

.burger-mobile__lines .burger-mobile__line:first-child {
    transform: rotate(180deg);
}

.burger-mobile__lines .burger-mobile__line:last-child {
    transform: rotate(90deg);
    margin-top: -2px;
}

.search-menu__wrapper {
    margin-top: 188px;
}

.search-menu__wrapper form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.search-menu__wrapper .search-menu__input {
    width: 100%;
}

.search-menu__wrapper .search-menu__input input {
    outline: none;
    border: none;
    border-bottom: 2px solid #164734;

    color: rgba(39.34, 39.34, 39.34, 0.80);
    font-size: 48px;
    font-family: 'TTFirsNeue-ExtraLight';
    line-height: 80.60px;
    letter-spacing: 0.10px;

    width: 100%;

    background-color: transparent;
}

.search-menu__wrapper form button {
    outline: none;
    border: none;
    background: #00246A;
    border-radius: 50%;
    padding: 22px;
    cursor: pointer;
}

.search-menu__wrapper form button img {
    width: 32px;
    height: 32px;
}

.search-menu__wrapper ul {
    margin-top: 32px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.search-menu__wrapper ul li {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-Light';
    line-height: 28.80px;
    letter-spacing: 0.10px;
    cursor: pointer;
}

.search-menu__wrapper ul li:hover {
    color: #0061FC;
}

/* Общие стили для обертки с баннером */
.slider-wrapper {
    position: relative;
    height: 100vh; /* Высота баннера на весь экран */
    overflow: hidden;
}

.info-wrapper {
    margin-top: 131px;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;

    position: relative;
}

.info-content__left {
    flex: 1;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 28px;
}

.info-content__left h1 {
    color: #164734;
    font-size: 32px;
    font-family: 'TTFirsNeue-Bold';
    line-height: 38.40px;
    letter-spacing: 0.10px;
}

.info-content__left p {
    /* color: #272727;
    font-size: 18px;
    font-family: 'TTFirsNeue-Light';
    line-height: 21.60px;
    letter-spacing: 0.10px;
    max-width: 438px; */

    color: #272727;
    font-size: 28px;
    font-family: 'TTFirsNeue-ExtraLight';
    line-height: 33.60px;
    letter-spacing: 0.10px;
    max-width: 438px;
}

.info-content__left button {
    outline: none;
    padding: 16px 32px;
    background: #164734;
    border-radius: 50px;
    border: none;
    border: 1px solid transparent;

    color: #ffffff;
    font-size: 16px;
    font-family: 'TTFirsNeue-Regular';
    letter-spacing: 0.10px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.info-content__left button:hover {
    background-color: transparent;
    color: #164734;
    border: 1px solid #164734;
}

.info-layout {
    background: #F7F7F7;
    box-shadow: 0px 9px 20px rgb(163, 163, 163);
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;

    padding: 130px 50px;

    position: absolute;
    right: 0;

    max-width: 50%;
}

.info-layout.active {
    z-index: -1;
}

.info-content__right {
    flex: 1;

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

    gap: 32px;
}

.info-content__right video {
    /* max-width: 636px; */
    /* max-width: 442px; */
    width: 60%;
    height: 60%;
}

/* .info-content__right video {
    position: absolute;
    z-index: 2;
    max-width: 100%;
    height: 100%;
}

.info-content__right img {
    position: absolute;
    z-index: 3;
    border: 50px solid #F7F7F7;
    border-radius: 48px 0 0 48px;
    width: 1000px;
    height: 100%;
} */

.info-content__right p {
    color: #000000;
    font-size: 24px;
    font-family: 'TTFirsNeue-Light';
    line-height: 28.80px;
    letter-spacing: 0.10px;
}

#news-first {
    margin-top: 500px;
}

.number__wrapper {
    margin-top: 128px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.number-wrapper__left {
    flex: 1;
}

.number-wrapper__right {
    flex: 1;
}

.number-wrapper__left p{
    font-size: 24px;
    font-family: 'TTFirsNeue-ExtraLight';
    line-height: 30.60px;
    letter-spacing: 0.10px;
    color: #272727;

    max-width: 462px;
}

.number-wrapper__left button {
    color: #fff;
    font-size: 16px;
    font-family: 'TTFirsNeue-Medium';
    letter-spacing: 0.10px;

    padding: 16px 32px;
    background: #00246A;
    border-radius: 50px;
    border: 1px solid transparent;
    outline: none;

    margin-top: 32px;

    cursor: pointer;

    display: none;
}

.number-wrapper__left button:hover {
    background: transparent;
    border: 1px solid #00246A;
    color: #272727;
}

.number-wrapper__right video {
    width: 100%;
    height: 100%;
    margin-bottom: 8px;
}

.number-wrapper__right p {
    font-size: 24px;
    font-family: 'TTFirsNeue-Light';
    line-height: 21.60px;
    letter-spacing: 0.10px;
    color: #272727;

    text-align: center;
    margin-top: 8px;
    /* width: max-content; */
}

.accordion-wrapper {
    margin-top: 165px;
    background-color: #F7F7F7;
}

.accordion-layout {
    /* padding-top: 105px; */
    padding: 105px 24px !important;

    display: flex;
    flex-direction: row;
    justify-content: center;
    /* align-items: center; */
    gap: 115px;

    position: relative;
}

.accordion-el {
    width: max-content;
    height: max-content;
    position: absolute;
    top: 50%;
    bottom: 0;
    left: -130px;

    transform: rotate(270deg);
}

.accordion-el p {
    color: #272727;
    font-size: 14px;
    font-family: 'TTFirsNeue-Light';
}

.accordion-el::after {
    content: ""; /* Создаем пустой контент */
    display: block; /* Устанавливаем блоковый элемент */
    width: 100%; /* Ширина линии на всю ширину контейнера */
    height: 2px; /* Высота линии */
    background-color: #a9a9a9; /* Цвет линии */
    position: absolute; /* Абсолютное позиционирование */
    top: 50%; /* Устанавливаем линию на дно контейнера */
    left: 110%; /* Прижимаем линию к левому краю */
}

.accordion-img, .accordion-contets {
    flex: 1;
}

.accordion-img {
    position: relative;
    height: 560px;
    overflow: hidden;
}

.accordion-img img {
    position: absolute;
    left: 0;
    top: 100%;
    transition: transform 0.9s ease-in-out;
    opacity: 0;
    border-radius: 5px;
}

.accordion-img .active {
    transform: translateY(0);
    opacity: 1;
    z-index: 2;
}

.accordion-img .disabled {
    transform: translateY(-100%);
    opacity: 1;
    z-index: 1;
}

.accordion-line {
    width: 199px;
    height: 1px;
    background-color: #a9a9a9;
}

.accordion-content {
    width: 100%;
    position: relative;
}

.accordion-content::before {
    content: '';
    position: absolute;
    border: 1px solid #D9D9D9;
    width: 100%;
    bottom: -32px;
}

.accordion-content span {
    color: black;
    font-size: 38px;
    font-family: 'TTFirsNeue-Medium';
    text-transform: uppercase;
    line-height: 49.40px;
}

.accordion-content__row.first {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.accordion-content__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    width: 100%;

    cursor: pointer;
}

.accordion-content__row img {
    width: 17px;
    height: 17px;
}

.accordion-contets {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;

    max-height: calc(4 * 110px + 3 * 32px); /* Высота 4 элементов + промежутки */
    overflow-y: auto; /* Добавляем вертикальный скролл */
    padding-right: 16px; /* Отступ для скроллбара */
    padding-top: 32px;
    /* scrollbar-width: thin; */
}

.accordion-contets::-webkit-scrollbar {
    width: 8px; /* Ширина скроллбара */
}

.accordion-contets::-webkit-scrollbar-thumb {
    background-color: #d9d9d9; /* Цвет скроллбара */
    border-radius: 4px; /* Скругление */
}

.accordion-contets::-webkit-scrollbar-thumb:hover {
    background-color: #b3b3b3; /* Цвет скроллбара при наведении */
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    .accordion-contets {
        max-height: calc(4 * 100px + 3 * 24px); /* Измените высоту под мобильный дизайн */
    }
}

.accordion-contets .line {
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
}

.accordion-content h2 {
    color: #000;
    font-size: 38px;
    font-family: 'TTFirsNeue-Thin';
    text-transform: uppercase;
    line-height: 52px;
}

.accordion-contets p {
    color: #000;
    font-size: 16px;
    font-style: italic;
    font-family: 'TTFirsNeue-ExtraLight';
    line-height: 19.20px;
    letter-spacing: 0.10px;
    margin-top: 22px;
}

.accordion-content__row h2 {
    color: #000;
    font-size: 24px;
    font-family: 'TTFirsNeue-Medium';
    text-transform: uppercase;
    line-height: 31.20px;
}

.accordion-content__row.first h2 {
    color: black;
    font-size: 38px;
    font-family: 'TTFirsNeue-Thin';
    text-transform: uppercase;
    line-height: 49.40px;
}

.accordion-content__row img {
    cursor: pointer;
}

.accordion-content__el {
    display: none;
}

.accordion-content__el button {
    outline: none;
    border: 1px solid transparent;
    background-color: #00246A;
    border-radius: 50px;
    padding: 8px 16px;

    color: #FFF;
    font-family: 'TTFirsNeue-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.1px;
    cursor: pointer;

    margin-top: 24px;
}

.accordion-content__ro {
    position: relative;
}

.accordion-content__ro::before {
    content: '';
    border: 1px solid #D9D9D9;
    width: 100%;

    position: absolute;
    top: -32px;
}

.accordion-content__el button:hover {
    background-color: transparent;
    border: 1px solid #00246A;
    color: #00246A;
}

.accordion-content__el.active {
    display: block;
    animation: fadeInAccrodion 0.5s ease-in-out;
}

@keyframes fadeInAccrodion {
    0% {
        opacity: 0;
        margin-top: -30px;
    }

    100% {
        opacity: 1;
        margin-top: 0;
    }
}

.news-wrapper {
    margin-top: 120px;
}

.news-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 65px;
}

.news-header__title h2 {
    color: black;
    font-size: 48px;
    font-family: 'TTFirsNeue-Medium';
    text-transform: uppercase;
    line-height: 62.40px;
}

.news-header__title span {
    color: black;
    font-size: 48px;
    font-family: 'TTFirsNeue-Thin';
    text-transform: uppercase;
    line-height: 62.40px;
}

.news-header__title::after {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background: #0061FC;
    margin-top: 16px;
    border-radius: 3px
}

.news-header button {
    outline: none;
    border: 1px solid transparent;
    padding: 16px 32px;
    background: #00246A;
    border-radius: 50px;

    color: white;
    font-size: 16px;
    font-family: 'TTFirsNeue-Regular';
    letter-spacing: 0.10px;
    cursor: pointer;
}

.news-header button:hover {
    background-color: transparent;
    border: 1px solid #0061FC;
    color: #0061FC;
}

.news-header__img {
    margin-top: 32px;
}

.news-header__img video {
    width: 100%;
    height: 100%;
}

.news-content {
    margin-top: 65px;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}

.news img {
    margin-bottom: 39px;
    height: 242px;
}

.news h2 {
    margin-bottom: 10px;

    color: #000;
    font-size: 24px;
    font-family: 'TTFirsNeue-Medium';
    z-index: 2;
}

.news h2:hover {
    cursor: pointer;
    text-decoration: underline;
}

.news p {
    color: #000;
    font-size: 12px;
    font-family: 'TTFirsNeue-Light';
    letter-spacing: 0.10px;
}

.news-footer {
    /* position: relative;
    display: flex;
    justify-content: center; */
    width: 100%;
}

.news-footer__line {
    width: 100%;
    height: 2px;
    background-color: #d9d9d9;
    border-radius: 3px;

    margin-top: 75px;
}

.news-footer .progress-bar {
    position: absolute;
    top: 0; /* Высота по вертикали подстраивается под линию */
    left: 0;
    height: 2px;
    background: #00246A;
    border-radius: 3px;
    z-index: 999;
    width: 0; /* Изначально ширина 0 */
    transition: width 0.1s ease; /* Плавная анимация */
}

.news-footer button {
    outline: none;
    border: 1px solid transparent;
    padding: 16px 32px;
    background: #00246A;
    border-radius: 50px;

    color: white;
    font-size: 16px;
    font-family: 'TTFirsNeue-Regular';
    letter-spacing: 0.10px;
    cursor: pointer;

    display: none;
}

.news-footer button:hover {
    background-color: transparent;
    border: 1px solid #0061FC;
    color: #0061FC;
}

/* .mySwiper:hover {
    cursor: url('/local/templates/ivf-index/assets/css/../img/icons/cursorNew.svg'), auto;
    z-index: 1;
}

.mySwiper2:hover {
    cursor: url('/local/templates/ivf-index/assets/css/../img/icons/cursorNew.svg'), auto;
    z-index: 1;
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: -100% !important;
} */

/* Изначальное состояние слайда - невидимость и ниже позиции */
/* .swiper-slide {
    opacity: 0;
    transform: translateY(50px);
    padding-top: 90px;
    transition: all 0.5s ease-out;
} */

/* Класс для анимации появления */
/* .swiper-slide.slide-in {
    opacity: 1;
    padding-top: 0;
    transform: translateY(0);
} */

#news-first .swiper-scrollbar {
    opacity: 1 !important;
}

#news-first .swiper-scrollbar-drag {
    background: #00246A !important;
}

#news-first .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: -16px !important;
}

.project-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
}

.news-project {
    position: relative;
    flex: 1;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.news-project img:hover {
    transform: scale(1.05);
}

.news-project img {
    border-radius: 4px;
}

.news-project .news-project__content h2 {
    cursor: pointer;
    z-index: 999;
}

.news-project .news-project__content {
    position: absolute;
    /* top: 20px; */
    right: 20px;
    bottom: 30px;
    left: 30px;
}

.news-project .news-project__logo {
    position: absolute;
    top: 20px;
    left: 20px;

    border-radius: 5px;
    background: #FFF;
    padding: 8px;

    width: 120px;
    height: 120px;
}

.news-project .news-project__logo img {
    object-fit: contain;
}

.news-project .news-project__content h2 {
    color: #FFF;
    font-family: 'TTFirsNeue-Medium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1px;
}

.news-project .news-project__content p {
    color: #FFF;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: normal;
    letter-spacing: 0.1px;
    margin-top: 10px;
}

#news .swiper-scrollbar {
    opacity: 1 !important;
}

#news .swiper-scrollbar-drag {
    background: #00246A !important;
}

#news .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: -16px !important;
}

.freedback-wrapper {
    margin-top: 120px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    gap: 139px;
    flex-wrap: wrap;

    position: relative;
}

.freedback-wrapper__col p {
    color: #000;
    font-size: 24px;
    font-family: 'TTFirsNeue-ExtraLight';
    letter-spacing: 0.10px;
    max-width: 553px;
}

.freedback-wrapper__main {
    margin-top: 32px;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /* align-items: center; */
    gap: 14px;
}

.freedback-wrapper__main hr {
    border: 2px solid #00246A;
    transform: rotate(180deg);
}

.freedback-wrapper__main h2:last-child {
    color: #000;
    font-size: 16px;
    font-family: 'TTFirsNeue-Light';
    margin-top: 10px;
}

.freedback-wrapper__main h2 {
    color: #000;
    font-family: 'TTFirsNeue-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.freedback-wrapper__footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    margin-top: 32px;
}

.freedback-wrapper__footer button {
    padding: 16px 32px;
    background: #00246A;
    border-radius: 50px;

    color: #fff;
    font-size: 16px;
    font-family: 'TTFirsNeue-Regular';
    letter-spacing: 0.10px;
    outline: none;
    border: 1px solid transparent;
    cursor: pointer;
}

.freedback-wrapper__footer button:hover {
    background-color: transparent;
    border: 1px solid #0061FC;
    color: #0061FC;
}

.freedback-wrapper__footerDate {
    display: flex;
    flex-direction: column;
    gap: 4px;
    display: none;
}

.freedback-wrapper__footerDate p {
    color: #000;
    font-size: 16px;
    font-style: italic;
    font-family: 'TTFirsNeue-Light';
    letter-spacing: 0.10px;
}

.freedback-wrapper__footerDate a {
    color: #000;
    font-size: 14px;
    font-family: 'TTFirsNeue-Light';
    text-decoration: underline;
    letter-spacing: 0.10px;
}

.freedback-el {
    width: max-content;
    height: max-content;
    position: absolute;
    top: 70%;
    bottom: 0;
    left: -125px;

    transform: rotate(270deg);
}

.freedback-el p {
    color: #272727;
    font-size: 14px;
    font-family: 'TTFirsNeue-Light';
}

.freedback-el::after {
    content: ""; /* Создаем пустой контент */
    display: block; /* Устанавливаем блоковый элемент */
    width: 100%; /* Ширина линии на всю ширину контейнера */
    height: 2px; /* Высота линии */
    background-color: #a9a9a9; /* Цвет линии */
    position: absolute; /* Абсолютное позиционирование */
    top: 50%; /* Устанавливаем линию на дно контейнера */
    left: 110%; /* Прижимаем линию к левому краю */
}

.photo-wrapper{
    position: relative;

    margin-top: 194px;

    display: flex;
    height: 100vh;
    /* overflow: hidden; */
}

.photo-wrapper.active {
    display: none;
}

.photo-content {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    /* bottom: 0; */
    opacity: 0;
    transition: opacity 0.8s ease, transform 0.8s ease;
    transform: translateX(100%);
    /* animation: slidePhoto 0.8s ease-in-out; */
}

.photo-content.active {
    opacity: 1;
    transform: translateX(0);
}

.photo-wrapper img {
    opacity: 1;
    transition: opacity 0.8s ease, transform 0.8s ease;
    transform: translateX(0);
}

.photo-wrapper img,
.photo-content h2,
.photo-content p {
    transition: opacity 0.5s ease;
}

.photo-content h2,
.photo-content p {
    opacity: 1;
}

.photo-content h2 {
    color: #fff;
    font-size: 180px;
    font-family: 'TTFirsNeue-Thin';
    text-transform: uppercase;
    letter-spacing: 0.10px;
}

.photo-content p {
    color: #fff;
    font-size: 32px;
    font-family: 'TTFirsNeue-Medium';
    letter-spacing: 0.10px;
}

.photo-content button {
    padding: 16px 32px;
    background: #00246A;
    border-radius: 50px;

    color: #fff;
    font-size: 16px;
    font-family: 'TTFirsNeue-Regular';
    letter-spacing: 0.10px;
    outline: none;
    border: 1px solid transparent;
    cursor: pointer;
    margin-top: 32px;
}

.photo-content button:hover {
    background-color: transparent;
    border: 1px solid #0061FC;
    color: #0061FC;
}

.photo-el {
    width: max-content;
    height: max-content;
    position: absolute;
    top: 300px;
    bottom: 0;
    left: -100px;
    right: 0;

    transform: rotate(270deg);
}

.photo-el p {
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'TTFirsNeue-Light';
}

.photo-el::after {
    content: ""; /* Создаем пустой контент */
    display: block; /* Устанавливаем блоковый элемент */
    width: 199px; /* Ширина линии на всю ширину контейнера */
    height: 2px; /* Высота линии */
    background-color: #a9a9a9; /* Цвет линии */
    position: absolute; /* Абсолютное позиционирование */
    top: 50%; /* Устанавливаем линию на дно контейнера */
    left: 110%; /* Прижимаем линию к левому краю */
}

.photo-wrapper .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.photo-wrapper .slide.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.photo-content {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    opacity: 1;
    transition: opacity 0.8s ease, transform 0.8s ease;
    transform: translateX(100%);
}

.photo-content.active {
    opacity: 1;
    transform: translateX(0);
}

.subcription-wrapper {
    position: absolute;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: -156px;

    max-height: 180px;

    background-color: #00246A;

    padding: 59px 70px;
    z-index: 2;
    /* margin-bottom: 86px; */
}

.subcription-wrapper.index2 {
    margin-bottom: 86px;
}

.subcription-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.subcription-content p {
    color: #fff;
    font-size: 18px;
    font-family: 'TTFirsNeue-Regular';
    letter-spacing: 0.10px;
    margin-right: 24px;
}

.subscription-buttons {
    display: flex;
    flex-direction: row;
}

.subcription-button {
    padding: 12px 24px;
    border-radius: 50px;
    border: 1px white solid;
    background-color: transparent;

    color: #F1F1F1;
    font-size: 14px;
    font-family: 'TTFirsNeue-Regular';
    letter-spacing: 0.10px;
    margin-right: 32px;
    cursor: pointer;
}

.subcription-button:hover {
    background-color: #fff;
    border: 1px solid transparent;
    color: #164734;
}

footer {
    background-color: #1A1A1A;
    /* padding-top: 107px; */
    padding-bottom: 43px;
}

.index {
    padding-top: 107px;
}

footer hr {
    margin-bottom: 60px;
}

.footer-wrapper.pages {
    position: relative;
}

.footer-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-content__connect a {
    color: #F1F1F1;
    font-size: 20px;
    font-family: 'TTFirsNeue-Medium';
    text-transform: uppercase;
    letter-spacing: 0.10px;
}

.footer-content__connect p {
    color: #BABABA;
    font-size: 12px;
    font-family: 'TTFirsNeue-Regular';
}

.footer-content__message {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    margin-top: 20px;
}

.footer-content__message img {
    width: 20px;
    height: 20px;
}

.footer-content__message p {
    color: #F1F1F1;
    font-size: 10px;
    font-family: 'TTFirsNeue-Medium';
    text-transform: uppercase;
    letter-spacing: 0.10px;
}

.footer-content__message .message {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.footer-content__links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 51px;
}

.footer-content__col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-content__col h2 {
    color: #F1F1F1;
    font-size: 14px;
    font-family: 'TTFirsNeue-Medium';
    text-transform: uppercase;
    letter-spacing: 0.10px;
}

.footer-content__col p {
    color: #BABABA;
    font-size: 12px;
    font-family: 'TTFirsNeue-Regular';
    letter-spacing: 0.10px;
    cursor: pointer;
}

.footer-content__col p:hover {
    color: #0061FC;
}

.footer-content__en {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    gap: 18px;
}

.footer-content__en p {
    color: #BABABA;
    font-size: 12px;
    font-family: 'TTFirsNeue-Regular';
    letter-spacing: 0.10px;
}

.footer-content__imgs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.footer-content__imgs img {
    cursor: pointer;
}

.footer-content__logo {
    display: flex;
    flex-direction: column;
}

.footer-content__logo span {
    margin-top: 32px;

    color: #BABABA;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 12px;
    font-style: normal;
    font-weight: 265;
    line-height: normal;
    letter-spacing: 0.1px;
}

.footer-content__helps {
    display: flex;
    flex-direction: row;
    gap: 18px;
    justify-content: flex-start;

    margin-top: 16px;
}

.footer-content__helps img {
    width: 56px;
    height: 56px;
}

/* team css */

.team-navigation {
    margin-top: 125px;
}

.team-navigation span {
    color: #00246A;
    font-size: 18px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    line-height: 21.60px;
    letter-spacing: 0.10px;
}

.team-navigation hr {
    margin-top: 16px;
    max-width: 180px;
    border: 1px solid #00246A;
    border-radius: 3px;
}

.team-title.document {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* margin-top: 32px; */
}

.team-title {
    margin-top: 32px;
}

.team-title h2 {
    color: #272727;
    font-size: 48px;
    font-family: 'TTFirsNeue-Medium';
    font-weight: 500;
    text-transform: uppercase;
    line-height: 57.60px;
    letter-spacing: 0.10px;
}

.team-title.news h2 {
    text-transform: none;
}

.team-description p {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    line-height: 28.80px;
    letter-spacing: 0.10px;

    margin-top: 32px;
}

.team-cards {
    margin-top: 66px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 64px;
}

.team-card__content {
    max-width: 553px;

    display: flex;
    flex-direction: column-reverse;
}

.team-card__img img {
    border-radius: 5px;
}

.team-cards.pages {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 64px;
}

.team-cards__row.one {
    width: 100%;
    max-height: 100%;
}

.team-cards__row.two {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 24px;
}

.team-cards__row.two .team-card {
    flex: 1;
}

.team-cards__row.one .team-card {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /* flex-wrap: wrap; */
    gap: 32px;

    max-width: 100%;
    max-height: 100%;
}

.team-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    max-width: 553px;
}

.team-card__description p {
    color: #272727;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 20px;
    font-style: normal;
    font-weight: 265;
    line-height: normal;
    letter-spacing: 0.1px;

    margin-top: 16px;
}

.team-card hr {
    margin-top: 12px;

    width: 100%;

    border: 1px solid #00246A;
}

.team-card__title h3 {
    margin-top: 32px;

    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
}

.team-title:last-child h2{
    margin-top: 68px;
}

.team-structure {
    margin-top: 60px;

    margin-bottom: 0;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
}

.team-structure__card {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 24px;

    width: 553px;
}

.team-structure__card img {
    border-radius: 5px;
    max-width: 265px;
}

.team-structure__content {
    width: 100%;
}

.team-structure__content h3 {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    letter-spacing: 0.10px;
}

.team-structure__content span {
    color: #272727;
    font-size: 16px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    letter-spacing: 0.10px;

    margin-top: 10px;
}

.team-structure__contact {
    margin-top: 10px;

    display: flex;
    flex-direction: column;
    gap: 4px;
}

.team-structure__contact span {
    color: #353535;
    font-size: 12px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    letter-spacing: 0.10px;
}

.team-structure__contact a {
    color: #00246A;
    font-size: 16px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    letter-spacing: 0.10px;
}

footer .team {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.subcription-wrapper.team {
    bottom: 70px;
}

#footer {
    margin-top: 155px;
}

/* team css */

/* about css */

.about-wrapper {
    position: relative;
}

.about-wrapper .about-banner {
    height: 100vh;
}

.about-banner__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    text-align: center;
}

.about-banner__content h2 {
    color: #fff;
    font-size: 18px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    line-height: 21.60px;
    letter-spacing: 0.10px;
}

.about-banner__content h1 {
    color: #fff;
    font-size: 180px;
    font-family: 'TTFirsNeue-Bold';
    font-weight: 700;
    text-transform: uppercase;
    line-height: 180px;
    letter-spacing: 0.10px;
    width: max-content;

    margin-top: 47px;
}

.about-info__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 100px;

    margin-top: 100px;
}

.about-header__col video {
    max-width: 300px;
    max-height: 300px;
}

.about-header__col:first-child {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.about-header__col:first-child span {
    color: #000;
    font-size: 24px;
    font-family: 'TTFirsNeue-Regular';
    font-weight: 400;
    line-height: 28.80px;
    letter-spacing: 0.10px;
}

.about-header__col:last-child {
    max-width: 668px;
}

.about-header__col:last-child p {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    line-height: 28.80px;
    letter-spacing: 0.10px;
}

.about-info__main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 29px;

    margin-top: 128px;
}

.about-main__col.left {
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.about-main__description {
    color: #272727;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 18px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;

    margin-top: 24px;
}

.about-row__number {
    margin-top: 24px;
}

.about-row__one {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 16px;
}

.about-row__oneContent {
    flex: 1;
}

.about-row__bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;

    margin-top: 16px;
}

.about-row__oneContent.Two {
    margin-top: 32px;
    max-width: 271px;
}

.about-row__bottomTwo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.about-row__title {
    color: #00246A;
    font-family: "TTFirsNeue-Medium";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: 0.1px;
}

.about-row__bottom span {
    color: #272727;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.1px;

    cursor: pointer;
}

.about-row__bottom span:hover {
    text-decoration: underline;
}

.about-row__bottom img {
    width: 16px;
    height: 16px;
}

.about-main__col.left .about-main__row {
    max-width: 779px;
}

.about-main__col.left .about-main__row p {
    color: black;
    font-size: 48px;
    font-family: 'TTFirsNeue-Medium';
    font-weight: 500;
    text-transform: uppercase;
    line-height: 62.40px;
}

.about-main__col.left .about-main__row hr {
    margin-top: 24px;

    max-width: 180px;

    border: 1px solid #00246A;
    border-radius: 3px;
}

.about-main__col.left .about-main__row ul {
    margin-top: 24px;
}

.about-main__col.left .about-main__row li {
    list-style-type: disc;
    color: #272727;
    font-size: 18px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    line-height: 21.60px;
    letter-spacing: 0.10px;
}

.about-main__col.right {
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.about-main__col.right .about-main__row {
    max-width: 322px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.about-main__col.right .about-main__rowHeader {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 16px;
}

.about-main__col.right .about-main__rowHeader img {
    max-width: 200px;
    max-height: 100px;
    object-fit: contain;
}

.about-main__col.right .about-main__rowHeader video {
    max-width: 200px;
    max-height: 100px;
}

.about-main__col.right .about-main__rowHeader span {
    color: black;
    font-size: 24px;
    font-family: 'TTFirsNeue-Regular';
    font-weight: 400;
    line-height: 28.80px;
    letter-spacing: 0.10px;

    width: 100%;
}

.about-main__col.right .about-main__row p {
    color: #272727;
    font-size: 18px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    line-height: 21.60px;
    letter-spacing: 0.10px;
}

.about-title {
    margin-top: 128px;

    color: #272727;
    font-size: 48px;
    font-family: 'TTFirsNeue-Medium';
    font-weight: 500;
    text-transform: uppercase;
    line-height: 57.60px;
    letter-spacing: 0.10px;
}

#direction hr {
    margin-top: 32px;

    border: 1px solid #00246A;
    max-width: 180px;
    border-radius: 3px;
}

.about-direction__cards {
    margin-top: 32px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.about-direction__card {
    max-width: 360px;
}

.about-direction__card {
    position: relative;

    cursor: pointer;
}

.direction-card__img {
    opacity: 0.9;
}

.about-direction__card span {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;

    color: #FFF;
    font-family: "TTFirsNeue-Medium";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 26px */

    padding: 0 24px;
}

.about-direction__card p {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;

    color: #FFF;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 130%; /* 20.8px */

    padding: 0 24px;
}

.about-direction__card:hover span {
    text-decoration: underline;
}

.about-direction__card:hover .direction-card__img {
    opacity: 1;
}

#portfolio hr {
    margin-top: 32px;

    border: 1px solid #00246A;
    max-width: 180px;
    border-radius: 3px;
}

.about-subtitle {
    margin-top: 24px;

    color: #272727;
    font-size: 18px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    line-height: 21.60px;
    letter-spacing: 0.10px;

    max-width: 605px;
}

.portfolio-wrapper {
    margin-top: 40px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.portfolio-wrapper__col.left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.portfolio-wrapper__col.left .portfolio-wrapper__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.portfolio-wrapper__col.left .portfolio-wrapper__row .portfolio-wrapper__rowEl {
    display: flex;
    flex-direction: column;
    gap: 8px;

    width: 120px;
}

.portfolio-wrapper__col.left .portfolio-wrapper__row .portfolio-wrapper__rowEl span {
    font-size: 20px;
    font-family: 'TTFirsNeue-Medium';
    font-weight: 500;
    text-transform: uppercase;
    line-height: 26px;
}

.portfolio-wrapper__col.left .portfolio-wrapper__row .portfolio-wrapper__rowEl span:nth-child(1) {
    color: #00246A;
}

.portfolio-wrapper__col.left .portfolio-wrapper__row .portfolio-wrapper__rowEl hr {
    margin-top: 0 !important;
    border: 8px solid #00246A !important;
    border-radius: 8px !important;
    width: 0;
    transition: width 1s ease-in-out;
}

.portfolio-wrapper__col.left .portfolio-wrapper__row span {
    color: black;
    font-size: 20px;
    font-family: 'TTFirsNeue-Medium';
    font-weight: 500;
    text-transform: uppercase;
    line-height: 26px;

    max-width: 305px;
}

.portfolio-wrapper__col.right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}

.portfolio-wrapper__col.right .portfolio-wrapper__row {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;

    background: white;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
    border-radius: 100px; border: 1px #F1F1F1 solid;
    padding: 25px 20px;
}

.portfolio-wrapper__col.right .portfolio-wrapper__row span {
    color: #00246A;
    font-size: 20px;
    font-family: 'TTFirsNeue-Medium';
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.10px;
}

.portfolio-wrapper__col.right .portfolio-wrapper__row hr {
    width: 60px !important;
    height: 0;
    background: #00246A !important;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.40) inset !important;
    border-radius: 100px !important;
    transition: height 1s ease-in-out;
}

/* about css */

.tabs-header {
    margin-top: 187px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.tabs-header__arrow {
    background-color: #00246A;
    padding: 6px 12px;

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

    cursor: pointer;

    border-radius: 2px;
}

.tabs-header__arrow:hover {
    opacity: 1;
}

.tabs-header__arrow img {
    width: 12px;
    height: 24px;
}

.tabs-header__arrow.right img:nth-child(1) {
    rotate: 180deg;
}

.tabs-header__numbers {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.tabs-header__numbers span {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-Medium';
    font-weight: 500;
    line-height: 28.80px;
    letter-spacing: 0.10px;
    opacity: 0.6 !important;

    cursor: pointer;
}

.tabs-header__numbers span:hover {
    opacity: 1 !important;
}

.tabs-header__numbers span.active {
    opacity: 1 !important;
}

.tabs-date {
    margin-top: 64px;

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

.tabs-date span {
    color: #00246A;
    font-size: 48px;
    font-family: 'TTFirsNeue-Medium';
    font-weight: 500;
    line-height: 57.60px;
    letter-spacing: 0.10px;
}

.tabs-img {
    margin-top: 32px;
}

.tabs-content {
    margin-top: 64px;
}

.tabs-content__date span{
    color: #272727;
    font-size: 16px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    line-height: 19.20px;
    letter-spacing: 0.10px;
}

.tabs-content__title {
    margin-top: 8px;
}

.tabs-content__title span {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-Medium';
    font-weight: 500;
    line-height: 28.80px;
    letter-spacing: 0.10px;
}

.tabs-content__description {
    margin-top: 16px;
}

.tabs-content__description p {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    line-height: 28.80px;
    letter-spacing: 0.10px;
}

.about-team__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 12px;

    margin-top: 128px;
}

.about-team__title h2 {
    color: #272727;
    font-size: 48px;
    font-family: 'TTFirsNeue-Medium';
    font-weight: 500;
    text-transform: uppercase;
    line-height: 57.60px;
    letter-spacing: 0.10px;
}

.about-team__btn button {
    outline: none;
    border: 1px solid transparent;

    background-color: #00246A;
    padding: 16px 32px;
    border-radius: 50px;
    cursor: pointer;

    color: white;
    font-size: 16px;
    font-family: 'TTFirsNeue-Medium';
    font-weight: 500;
    letter-spacing: 0.10px;
}

.about-team__btn button:hover {
    border: 1px solid #00246A;
    background-color: transparent;
    color: #00246A;
}

.about-team__main {
    margin-top: 64px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;

    margin-bottom: 84px;
}

.about-team__main .team-card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;

    max-width: 553px;
    height: 240px;
}

.about-team__main .team-card img {
    max-width: 207px;
}

.about-team__main .team-content .team-name h2 {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    letter-spacing: 0.10px;
}

.about-team__main .team-content .team-role {
    margin-top: 10px;
}

.about-team__main .team-content .team-role span {
    color: #272727;
    font-size: 16px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    letter-spacing: 0.10px;
}

.about-team__main .team-content .team-contact {
    margin-top: 10px;

    display: flex;
    flex-direction: column;
    gap: 4px;
}

.about-team__main .team-content .team-contact span {
    color: #353535;
    font-size: 12px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    letter-spacing: 0.10px;
}

.about-team__main .team-content .team-contact a {
    color: #00246A;
    font-size: 16px;
    font-family: 'TTFirsNeue-ExtraLight';
    font-weight: 265;
    letter-spacing: 0.10px;
}

.tabs-header .swiper-slide {
    opacity: 1;
    padding-top: 0;
    transform: translateY(0);
    margin-right: 1px !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #00246A !important;
}

/* .tabs-header .swiper-button-next, .swiper-button-prev {
    position: relative;
    margin-top: 0;
    content: '';
} */

.tabs-header .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '';
}

.tabs-header .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '';
}

/* requisites */

.requisites-nav {
    margin-top: 125px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    position: relative;
}

.requisites-nav::after {
    content: '';
    border: 1px solid #00246A;
    border-radius: 3px;
    width: 180px;
    position: absolute;
    bottom: -30%;
}

.requisites-nav a {
    color: #00246A;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 18px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;
}

.requisites-nav a:hover {
    color: #000;
}

.requisites-title h2 {
    color: #272727;
    font-family: 'TTFirsNeue-Medium';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 57.6px */
    letter-spacing: 0.1px;
    text-transform: uppercase;

    margin-top: 32px;
}

.requisites-layout {
    margin-top: 32px;
    margin-bottom: 64px;

    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 36px 36px 0px rgba(163, 163, 163, 0.09), 0px 9px 20px 0px rgba(163, 163, 163, 0.10);
    padding: 24px;
}

.requisites-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 24px;
}

.requisites-wrapper__col {
    flex: 1;

    display: flex;
    flex-direction: column;
    gap: 8px;
}

.requisites-wrapper__row span {
    color: #061421;
    font-family: 'TTFirsNeue-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
}

.requisites-wrapper__row p {
    color: #061421;
    font-family: 'TTFirsNeue-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.1px;
    margin-top: 4px;
}

.requisites-wrapper__row a {
    text-decoration: underline;
}

.requisites-bottom {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;

    margin-top: 32px;
    width: 100%;
}

.requisites-bottom__content {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 16px;
}

.requisites-bottom__content img {
    width: 40px;
    height: 40px;
}

.requisites-bottom__links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.requisites-bottom__links a {
    color: #061421;
    font-family: 'TTFirsNeue-Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.1px;
}

.requisites-bottom__links a:hover {
    text-decoration: underline;
}

.requisites-bottom__links span {
    color: #5B5B5B;
    font-family: 'TTFirsNeue-Light';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.1px;
}

/* requisites */

/* events */

.events-layout {
    display: flex;
    flex-direction: column;
    gap: 96px;

    margin-top: 72px;
    margin-bottom: 200px;
}

.events-layout.programs {
    gap: 0 !important;
}

.about-banner__content .events-title {
    color: #FFF ;
    font-family: 'TTFirsNeue-Medium';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 48px */
    letter-spacing: 0.1px;
    text-transform: uppercase;
    position: relative;
}

.about-banner__content .events-title::after {
    content: '';
    border: 1px solid #00246A;

    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -40%;

}

.events-background {
    position: relative;
}

.events-background img {
    border-radius: 5px;
    object-fit: contain;
}

.events-wrapper.event {
    position: absolute;
    top: 64px;
    left: 40px;
    right: 40px;
    /* bottom: 64px; */

    background: none;
    border: none;
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;

    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.events-wrapper {
    margin-top: 100px;

    border-radius: 5px;
    background: #F9F9F9;
    border: 1px solid #CDCDCD;
    padding-top: 18px;
    padding-left: 40px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 73px;

    position: relative;
    z-index: 1;
}

.events-contents__title.event {
    color: #FFF;
    font-family: "TTFirsNeue-Medium";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    letter-spacing: 0.1px;
    text-transform: uppercase;
}

.events-contents__subscription.event {
    color: #FFF;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 18px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;
}

.events-wrapper.programs {
    padding-top: 0;
    align-items: normal;
}

.events-contents {
    max-width: 628px;
}

.events-img.event {
    border-radius: 5px;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), url(/local/templates/ivf-index/assets/css/<path-to-image>) lightgray -1px -1px / 100.699% 100.699% no-repeat;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);

    width: 286px;
    height: 286px;

    padding: 30px;
}

.events-img.programs img {
    max-width: 387px;
    max-height: 603px;
}

.events-contents.programs {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.events-contents__header {
    color: #00246A;
    font-family: 'TTFirsNeue-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.1px;
}

.events-contents__header.event {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;

    color: #FFF;
    font-family: "TTFirsNeue-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;
    margin-bottom: 32px;
}

.events-contents__title {
    color: #272727;
    font-family: 'TTFirsNeue-Medium';
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    letter-spacing: 0.1px;
    text-transform: uppercase;

    margin-top: 16px;
}

.events-contents__subscription {
    color: #272727;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 18px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;

    margin: 32px 0;
}

.events-contents__price {
    color: #00246A;
    font-family: 'TTFirsNeue-Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;
}

.events-contents__priceRow {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.events-contents__rowEl {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;

    margin-top: 8px;
    color: #FFF;
    font-family: "TTFirsNeue-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;
}

.events-contents__rowEl img {
    width: 16px !important;
    height: 16px !important;
}

.events-contents__col {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.events-contents__price.event {
    color: #FFF;
    font-family: "TTFirsNeue-Medium";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;
}

.events-contents hr {
    border: 1px solid #00246A;
    margin-top: 32px;
}

.events-contents hr.event {
    border: 2px solid #FFF;
    border-radius: 2px;
}

.events-contents__footer {
    margin-top: 32px;

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
}

.events-contents__footer button {
    border-radius: 50px;
    background: #00246A;
    padding: 16px 28px;
    outline: none;
    border: 1px solid transparent;

    color: #FFF;
    font-family: 'TTFirsNeue-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
    cursor: pointer;
}

.events-contents__footer button.event {
    max-width: 274px;
    border-radius: 50px;
    border: 1px solid transparent;
    background: #FFF;
    padding: 16px 32px;

    color: #00246A;
    font-family: "TTFirsNeue-Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
}

.events-contents__footer button:hover {
    background: transparent;
    border: 1px solid #00246A;
    color: #00246A;
}

.events-contents__footer button.event:hover {
    color: #fff;
    border: 1px solid #fff;
}

.events-footer__content h2 {
    color: #272727;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 24px;
    font-style: normal;
    font-weight: 265;
    line-height: 110%; /* 26.4px */
    letter-spacing: 0.1px;
    margin-bottom: 10px;
}

.events-footer__content span {
    color: #272727;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: normal;
    letter-spacing: 0.1px;
}

.events-block {
    position: absolute;
    right: -5%;
    bottom: -25%;

    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), lightgray -1px -1px / 100.699% 100.699% no-repeat;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 2;
    border-radius: 5px;

    padding: 60px 47px;

    max-width: 286px;
}

.events-wrapper__2 .events-block {
    padding: 115px 30px;
}

.events-wrapper__3 .events-block {
    padding: 30px;
}

.events-wrapper__4 .events-block {
    padding: 105px 77px;
}

.events-block.no-style {
    background: transparent;
    box-shadow: none;
    padding: 0;
}

/* events */

/* news */

.news-wrapper__pages {
    padding-left: 116px;
}

.news-data {
    margin-top: 52px;
}

.news-data span {
    color: #00246A;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.1px;
}

.news-wrapper__pages hr {
    border: 1px solid #00246A;
    margin-top: 16px;
}

.news-header__content {
    margin: 32px 0;
}

.news-header__content p {
    color: #272727;
    text-align: justify;
    font-family: "TTFirsNeue-Regular";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    letter-spacing: 0.1px;
}

.news-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 24px;
    align-items: stretch;
    flex-wrap: wrap;

    margin: 32px 0;
}

.news-row ul, li {
    text-decoration: unset;
    list-style: unset;
    margin-left: 24px;
}

.news-row p {
    color: #272727;
    text-align: justify;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 18px;
    font-style: normal;
    font-weight: 265;
    line-height: 150%; /* 27px */
    letter-spacing: 0.1px;
    text-align: justify;
}

.news-row__content {
    max-width: 100%;
    flex: 1;
}

.news-row__img {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.news-row__img img {
    max-height: 272px;
}

.news-row__img span {
    color: #00246A;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%;
    letter-spacing: 0.1px;
}

.news-row video {
    width: 100%;
    height: 100%;
}

.news-video__subtitle {
    color: #00246A;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.1px;
}

.newsIndex {
    width: 100%;
    height: 100%;

    margin-top: 32px;

    /* position: relative; */
    /* overflow: visible; */
}

.newsIndex .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsIndex .swiper-slide img {
    display: block;
    max-width: 322px;
    max-height: 240px;
    object-fit: cover;
}

.swiper-title {
    margin-top: 32px;

    color: #272727;
    text-align: justify;
    font-family: "TTFirsNeue-Regular";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    letter-spacing: 0.1px;
}

.swiper-container__news .swiper-button-next {
    color: #00246A;
    pointer-events: all; /* Делает кнопки кликабельными */
}

.swiper-container__news .swiper-button-prev {
    color: #00246A;
    pointer-events: all; /* Делает кнопки кликабельными */
}

.swiper-container__news .swiper-button-prev,
.swiper-container__news .swiper-button-next {
    position: absolute;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    z-index: 10;
    pointer-events: all; /* Делает кнопки кликабельными */
}

.swiper-container__news .swiper-button-prev {
    left: -50px; /* Стрелка влево за пределы контейнера */
}

.swiper-container__news .swiper-button-next {
    right: -50px; /* Стрелка вправо за пределы контейнера */
}

.swiper-container__news {
    position: relative;
    overflow: visible;
}

.swiper-controls__news {
    position: absolute;
    top: 50%;
    width: 100%;
    pointer-events: none;
    z-index: 999;
}

/* news */

/* document */

.team-title.document a {
    color: #00246A;
    font-family: 'TTFirsNeue-Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.1px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.document-hr {
    margin-top: 28px;
    border: 1px solid #00246A;
}

.documnt-wrapper__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    margin-top: 16px;

    cursor: pointer;
}

.documnt-wrapper__header span {
    color: #272727;
    font-family: 'TTFirsNeue-Medium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.1px;
    cursor: pointer;
}

.documnt-wrapper__header img {
    width: 16px;
    height: 16px;
}

.documnt-wrapper__header img.active {
    transform: rotate(180deg);
}

.document-wrapper__content {
    display: none;
    animation: fadeInDocument 0.3s ease-in-out;
}

@keyframes fadeInDocument {
    from {
        margin-top: -20px;
        opacity: 0;
    }
    to {
        margin-top: 0;
        opacity: 1;
    }
}

.document-wrapper__content.active {
    display: block;
}

#documents {
    margin-bottom: 64px;
}

/* document */

/* honors */

.honors-title {
    color: #FFF !important;
    text-align: center !important;
    font-family: 'TTFirsNeue-Medium' !important;
    font-size: 48px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 100% !important; /* 48px */
    letter-spacing: 0.1px !important;
    text-transform: uppercase !important;
    width: auto !important;
}

.honors-hr {
    border: 1px solid #00246A;
    width: 100%;
    margin-top: 32px;
}

.honors-subtitle {
    color: #FFF;
    font-family: 'TTFirsNeue-Light';
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    line-height: 120%; /* 24px */
    letter-spacing: 0.1px;

    max-width: 668px;

    margin-top: 32px;
}

.honors-select {
    margin-top: 64px;

    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
}

.honors-select select {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #00246A;
    outline: none;
    padding: 10px;
    cursor: pointer;
    appearance: none;

    color: #444;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 18px;
    font-style: normal;
    font-weight: 265;
    line-height: normal;
    letter-spacing: 0.1px;

    width: 287px;
}

.honors-wrapper {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    margin-top: 64px;

    animation: honorsFadeIn 0.3s ease-in-out;
}

@keyframes honorsFadeIn {
    0% {
        opacity: 0;
        margin-left: 64px;
    }

    100% {
        opacity: 0;
        margin-left: 64px;
    }
}

.honors-wrapper.active {
    display: flex;
}

.honors-wrapper__card {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 64px;
}

.honors-wrapper__card img {
    max-width: 207px;
    max-height: 283px;
    cursor: pointer;
}

.honors-card__content {
    display: flex;
    flex-direction: column;
}

.honors-card__category {
    border-radius: 20px;
    background: #6D9DEB;
    padding: 0 16px;

    color: #FFF;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 18px;
    font-style: normal;
    font-weight: 265;
    line-height: normal;
    letter-spacing: 0.1px;
    white-space: nowrap;
    width: min-content;
}

.honors-card__title {
    color: #061421;
    font-family: 'TTFirsNeue-Medium';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;

    margin-top: 16px;
}

.honors-card__subtitle {
    color: #272727;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 18px;
    font-style: normal;
    font-weight: 265;
    line-height: normal;
    letter-spacing: 0.1px;

    margin-top: 32px;
}

.honors-card__date {
    color: #272727;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 14px;
    font-style: normal;
    font-weight: 265;
    line-height: normal;
    letter-spacing: 0.1px;

    margin-top: 16px;
}

.honors-bottom {
    margin: 128px 0;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.honors-bottom__prev, .honors-bottom__next, .honors-bottom__numbers {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.honors-bottom__prev span, .honors-bottom__next span {
    color: #061421;
    font-family: 'TTFirsNeue-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
}

.honors-bottom__prev span:hover, .honors-bottom__next span:hover {
    text-decoration: underline;
}

.honors-bottom__prev img, .honors-bottom__next img {
    cursor: pointer;
}

.honors-bottom__numbers span {
    color: rgba(6, 20, 33, 0.60);
    font-family: 'TTFirsNeue-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
}

.honors-bottom__numbers span.active {
    background: #061421;
    padding: 8px;
    color: #fff;
    border-radius: 2px;
}

.honors-select__row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.honors-select__row img {
    width: 32px;
    height: 32px;
    cursor: pointer;
}

/* Базовые стили для popup */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.60);
    backdrop-filter: blur(5px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    animation: fadeIn 0.5s ease;
}

.popup-content {
    position: relative;
    background-color: white;
    padding: 20px;
    width: 400px;
    height: 500px;
    border-radius: 10px;
    text-align: center;
    animation: scaleIn 0.5s ease;
}

.popup-image {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.popup-title {
    margin-top: 24px;
    color: #FFF;
    text-align: center;
    font-family: "TTFirsNeue-Medium";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

/* Анимация появления */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes scaleIn {
    from {
        transform: scale(0.9);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Скрытие с анимацией */
.popup-overlay.hidden {
    animation: fadeOut 0.5s ease forwards;
}

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

/* honors */

/* contact */

.team-title.contact {
    margin-top: 0;
}

.contact-maps {
    margin-top: 64px;

    position: relative;
}

.contact-maps__content {
    position: absolute;
    z-index: 999;
    top: 25%;
    left: 20%;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    background: #FFF;
    max-width: 494px;
    padding: 40px;
    border-radius: 8px;
}

.contact-maps__content span {
    color: #00246A;
    font-family: 'TTFirsNeue-Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;

    position: relative;

    margin-bottom: 16px;
}

.contact-maps__content span::after {
    content: '';
    border: 1px solid #00246A;
    border-radius: 3px;
    width: 100%;

    position: absolute;
    left: 0;
    bottom: -5px;
}

.contact-maps__content a {
    color: #000;
    font-family: 'TTFirsNeue-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px; /* 125% */
    letter-spacing: 0.1px;
}

.contact-maps__content .contact-maps__links {
    margin-bottom: 16px;
}

/* contact */

/* programs */

.events-layout.programs {
    margin-top: 0;
}

.events-block.programs {
    background: none;
    box-shadow: none;
    max-width: 50%;
}

.programs-test {
    position: relative;
    margin: -150px 40px -50px 40px;
}

.programs-test__img {
    height: 300px;
}

.programs-test__content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 65px 115px 0 115px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.programs-test__content span {
    color: #FFF;
    font-family: 'TTFirsNeue-Medium';
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
}

.programs-test__content button {
    outline: none;
    background-color: transparent;
    border-radius: 50px;
    border: 1px solid #fff;
    padding: 12px 24px;

    color: #F1F1F1;
    font-family: 'TTFirsNeue-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
    cursor: pointer;
}

.programs-test__content button:hover {
    border: 1px solid transparent;
    background-color: #fff;
    color: #00246A;
}

/* programs */

/* 404 */

.honors-title.error {
    font-size: 320px !important;
}

.error-btn {
    margin-top: 48px;

    outline: none;
    border-radius: 50px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    padding: 12px 24px;

    color: #F1F1F1;
    font-family: 'TTFirsNeue-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
    cursor: pointer;
}

.error-btn:hover {
    border: 1px solid transparent;
    color: #00246A;
    background-color: #fff;
}

.error-footer {
    transform: translateY(-4px) !important;
}

/* 404 */

/* maps */

.maps-wrapper {
    margin-top: 32px;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 26px;
}

.maps-wrapper ul {
    flex: 1;
}

.maps-wrapper ul .maps-title {
    color: #00246A;
    font-family: 'TTFirsNeue-Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;

    position: relative;

    margin-bottom: 16px;
}

.maps-wrapper ul .maps-title::after {
    content: '';
    border: 1px solid #00246A;
    border-radius: 3px;
    width: 100%;

    position: absolute;
    left: 0;
    bottom: -5px;
}

.maps-wrapper ul li {
    color: #000;
    font-family: 'TTFirsNeue-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px; /* 112.5% */
    letter-spacing: 0.1px;
    margin-bottom: 16px;
}

.maps-wrapper ul li:hover {
    color: #00246A;
}

/* maps */

/* politicy */

.politycy-wrapper {
    margin-top: 64px;
}

.politycy-wrapper p {
    color: #000;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 20px;
    font-style: normal;
    font-weight: 265;
    line-height: 150%; /* 30px */

    text-align: justify;
    margin: 24px 0;
}

.politycy-wrapper .politicy-title {
    color: #000;
    font-family: 'TTFirsNeue-Regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 265;
    line-height: 150%; /* 30px */

    margin: 24px 0;
}

/* politicy */

/* search */

.search-title {
    margin-top: 132px;

    color: #000;
    font-family: "TTFirsNeue-Medium";
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 57.6px */
    letter-spacing: 0.1px;
    text-transform: uppercase;
}

.search-title span {
    font-family: "TTFirsNeue-ExtraLight";
    font-weight: 265;
}

.search-menu__wrapper.pages {
    margin-top: 64px;
}

.honors-wrapper__card.search {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.search-card__title {
    color: #272727;
    font-family: "TTFirsNeue-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    letter-spacing: 0.1px;

    cursor: pointer;
}

.search-card__title:hover {
    text-decoration: underline;
}

.search-card__descriptions {
    color: #272727;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.1px;
}

.search-card__descriptions span {
    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.1px;
}

.search-card__bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
}

.search-bottom__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;

    color: #5B5B5B;
    font-family: "TTFirsNeue-Light";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.1px;
}

.honors-wrapper.pages {
    gap: 32px;
}

.search-bottom__data {
    color: #5B5B5B;
    font-family: "TTFirsNeue-Light";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.1px;
}

.honors-bottom.pages {
    margin: 64px 0;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.search-wrapper__line {
    border-radius: 3px;
    border: 1px solid #00246A;
    width: 100%;

    margin-top: 64px;
}

/* search */

/* newsIndex */

.newsIndex-banner {
    margin-top: 60px;
    position: relative;
}

.newsIndex-banner img {
    border-radius: 8px;
}

.newsIndex-banner__content {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
}

.newsIndex-content__data {
    color: #FFF;
    font-family: "TTFirsNeue-Light";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 28.8px */
}

.newsIndex-content__title {
    color: #FFF;
    font-family: "TTFirsNeue-Medium";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */

    margin-top: 32px;
}

.newsIndex-content__tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;

    margin-top: 16px;
}

.newsIndex-content__tag {
    outline: none;
    border: none;
    padding: 4px 8px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.60);

    color: #000;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 12px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 14.4px */

    cursor: pointer;
}

.newsIndex-content__tag:hover {
    background: rgba(255, 255, 255);
}

.newsIndex-wrapper {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;

    margin-top: 64px;

    animation: honorsFadeIn 0.3s ease-in-out;
}

.newsIndex-wrapper.active {
    display: flex;
}

.newsIndex-card {
    max-width: 360px;
}

.newsIndex-card-img {
    position: relative;
}

.newsIndex-card-img img {
    max-width: 360px;
    max-height: 240px;
    border-radius: 2px;
}

.newsIndex-card__data {
    position: absolute;
    bottom: 12px;
    right: 0;

    border-radius: 2px 0px 0px 2px;
    background: rgba(255, 255, 255, 0.80);
    padding: 8px 31px 8px 8px;
    max-width: 110px;
}

.newsIndex-card-content .newsIndex-content__tags button{
    background: rgba(0, 36, 106, 0.10);
}

.newsIndex-card-content .newsIndex-content__tags button:hover {
    background: rgba(0, 35, 106, 0.302);
}

.newsIndex-card__title {
    color: #000;
    font-family: "TTFirsNeue-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */

    margin-top: 10px;
    cursor: pointer;
}

.newsIndex-card__title:hover {
    text-decoration: underline;
}

/* newsIndex */

/* portfolio */

.portfolio-subtitle {
    margin-top: 32px;
}

.portfolio-subtitle span{
    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    letter-spacing: 0.1px;
    text-transform: uppercase;
}

.portfolio-wrapper.portfolio {
    margin-top: 64px;

    display: none;
    flex-direction: row;
    justify-content: flex-start;

    flex-wrap: wrap;
    gap: 114px;
}

.portfolio-wrapper.portfolio.active {
    display: flex;
}

.portfolio-card {
    max-width: 357px;

    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.portfolio-card__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;

    width: 100%;
}

.portfolio-card__img {
    width: 100%;
    display: flex;
    justify-content: center;
}

.portfolio-card__bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    width: 100%;
}

.portfolio-card__location {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.portfolio-card__location img {
    width: 8px;
    height: 11px;
}

.portfolio-card__title {
    color: #00246A;
    font-family: "TTFirsNeue-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
}

.portfolio-card__button button {
    color: #000;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 14px;
    font-style: normal;
    font-weight: 265;
    line-height: normal;
    letter-spacing: 0.1px;

    border-radius: 20px;
    background: rgba(0, 36, 106, 0.10);
    padding: 4px 16px;
    border: none;
    outline: none;
}

.portfolio-card__description p{
    color: #272727;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.1px;
    height: 114px;
}

.portfolio-card__categories span {
    color: #5B5B5B;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 19.2px */
}

.portfolio-card__location hr {
    border: 1px solid #5B5B5B !important;
    margin-top: 0 !important;
    height: 19px;
}

.portfolio-card__location span {
    color: #5B5B5B;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 19.2px */
}

.portfolio-card__btn {
    outline: none;
    border: 1px solid transparent;
    border-radius: 50px;
    background: #00246A;
    padding: 0 32px;

    color: #FFF;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 14px;
    font-style: normal;
    font-weight: 265;
    line-height: normal;
    letter-spacing: 0.1px;
    cursor: pointer;

    height: 34px;
}

.portfolio-card__btn:hover {
    background: none;
    border: 1px solid #00246A;
    color:  #00246A;
}

.popup-content__portfolio {
    max-width: 1130px;
    /* max-height: 545px; */

    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);

    padding: 32px;
}

.popup-content__header {
    width: 100%;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 16px;
}

.popup-content__header img {
    width: 24px;
    height: 18px;
    cursor: pointer;
}

.popup-content__header .popup-content__button {
    border-radius: 20px;
    background: rgba(0, 36, 106, 0.10);
    padding: 4px 16px;

    color: #000;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 14px;
    font-style: normal;
    font-weight: 265;
    line-height: normal;
    letter-spacing: 0.1px;
}

.popup-content__layout {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 24px;
}

.popup-content__content {
    max-width: 752px;
}

.popup-content__content hr {
    border: 1px solid #00246A;
    width: 100%;
}

.popup-layout2__subtitle {
    width: 100%;
}

.popup-content__content p {
    color: #272727;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.1px;

    margin: 10px 0;
}

.popup-title__portfolio {
    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    letter-spacing: 0.1px;
    text-transform: uppercase;

    margin-bottom: 16px;
}

.popup-content__content span {
    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.1px;
}

.popup-content__bottom {
    margin: 16px 0;
}

.popup-content__contact {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 4px;
    margin-bottom: 16px;
}

.popup-content__contact img {
    width: 16px;
    height: 16px;
    object-fit: fill;
}

.popup-content__contact a {
    color: #5B5B5B;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 19.2px */
}

.popup-content__img img {
    max-width: 287px;
    max-height: 431px;
}

/* portfolio */

/* partners */

.partners-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
}

.partners-header .partners-header__el {
    flex: 1;
    max-width: 258px;
    max-height: 180px;
}

.partners-wrapper {
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 32px;

    margin-top: 64px;
}

.partners-wrapper.active {
    display: flex;
}

.partners-wrapper .partners-wrapper__card {
    background: #D9D9D9;
    border-radius: 5px;
    width: 258px;
    height: 180px;
}

/* partners */

/* program */

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

.program-banner__left {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;

    max-width: 750px;
}

.program-description {
    color: #272727;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 20px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 24px */
    letter-spacing: 0.1px;
}

.program-ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.program-li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.program-li img {
    width: 16px;
    height: 16px;
}

.program-li span {
    color: #272727;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 20px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 24px */
    letter-spacing: 0.1px;

    cursor: pointer;
}

.program-li span:hover {
    text-decoration: underline;
}

.program-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
}

.program-buttons a:first-child .program-button:first-child {
    outline: none;
    border-radius: 40px;
    background: #00328A;
    padding: 10px 20px;
    border: none;

    color: #FFF;
    font-family: "TTFirsNeue-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    letter-spacing: 0.1px;

    cursor: pointer;
}

.program-buttons .program-button {
    border-radius: 40px;
    border: 1px solid #00328A;
    padding: 10px 20px;
    outline: none;

    color: #00246A;
    font-family: "TTFirsNeue-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    letter-spacing: 0.1px;
    background: transparent;

    cursor: pointer;
}

.program-buttons .program-button:hover {
    background: #00328A;
    border: 1px solid transparent;
    color: #fff;
}

.program-banner__right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.program-banner__right img {
    /* max-width: 322px;
    max-height: 280px; */

    margin-bottom: 48px;
}

.program-right__txt {
    color: #000;
    font-family: "TTFirsNeue-Medium";
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 52.8px */
    letter-spacing: 0.1px;
}

.program-right__txt.regular {
    font-family: "TTFirsNeue-Regular";
    font-weight: 500;
    color: #000;
    font-family: "TTFirsNeue-Medium";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 52.8px */
    letter-spacing: 0.1px;
}

.program-right__txt.light {
    color: #272727;
    font-family: "TTFirsNeue-Light";
    font-size: 18px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;

    margin-top: 32px;
}

.program-title h3 {
    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 57.6px */
    letter-spacing: 0.1px;
    text-transform: uppercase;

    margin-top: 120px;
}

.program-title hr {
    border: 1px solid #00246A;
    width: 180px;
    border-radius: 3px;

    margin-top: 32px;
}

.program-subtitle {
    color: #272727;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 20px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 24px */
    letter-spacing: 0.1px;

    margin-top: 32px;
}

.program-section__2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;

    margin-top: 32px;
}

.program-section__2 .program-ul .program-ul__title {
    color: #000;
    font-family: "TTFirsNeue-Medium";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
}

.program-img {
    position: relative;
    margin-top: 120px;
}

.program-img img {
    border-radius: 5px;
    max-height: 450px;
}

.program-img__contact {
    position: absolute;
    left: 40px;
    bottom: 40px;
    right: 40px;
}

.program-img__contact h3 {
    color: #FFF;
    font-family: "TTFirsNeue-Medium";
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 70.4px */
    letter-spacing: 0.1px;
}

.program-img__contact p {
    color: #FFF;
    font-family: "TTFirsNeue-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;

    margin-top: 32px;
}

.swiper.program {
    margin-top: 32px;
}

.swiper.program .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 48px;
}

.swiper.program .swiper-slide .program-slider__title {
    color: #000;
    font-family: "TTFirsNeue-Medium";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1px;

    height: 93px;
}

.swiper.program .swiper-slide hr {
    border: 1px solid #00328A;
    width: 100%;
    margin-top: 16px;
}

.swiper.program .swiper-slide .program-ul__title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;

    color: #00246A;
    font-family: "TTFirsNeue-Medium";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;

    margin-top: 10px;
}

.swiper.program .swiper-slide .program-ul__title img {
    width: 16px;
    height: 16px;
}

.swiper.program .swiper-slide .program-slider__ul {
    margin-top: 10px;

    display: flex;
    flex-direction: column;
    gap: 4px;

    color: #000;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 14px;
    font-style: normal;
    font-weight: 265;
    line-height: 130%; /* 18.2px */
    letter-spacing: 0.1px;
}

.program-slider__content {
    height: 400px;
}

.swiper.program .swiper-button-next, .swiper-rtl .swiper-button-prev {
    top: 8%;
    right: -1px;
}

.swiper.program .swiper-button-prev, .swiper-rtl .swiper-button-next {
    top: 8%;
    left: -1px;
}

.swiper.program .swiper-button-next, .swiper-button-prev {
    color: #00246A;
}

.swiper.program .swiper-slide a {
    width: 100%;
}

.swiper.program .swiper-slide a .program-slider__btn.background {
    width: 100%;

    outline: none;
    cursor: pointer;
    border-radius: 50px;
    border: 1px solid #00328A;
    background: transparent;
    padding: 8px 20px;

    color: #00328A;
    font-family: "TTFirsNeue-Medium";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;

    margin-top: 60px;
}

.swiper.program .swiper-slide a .program-slider__btn {
    width: 100%;

    outline: none;
    cursor: pointer;
    border-radius: 50px;
    border: 1px solid transparent;
    background: #00328A;
    padding: 8px 20px;

    color: #fff;
    font-family: "TTFirsNeue-Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;

    margin-top: 8px;
}

.swiper.program .swiper-slide a .program-slider__btn:hover {
    border: 1px solid #00328A;
    background: transparent;
    color: #00328A;
}

.program-partners__title {
    margin-top: 32px;

    color: #000;
    font-family: "TTFirsNeue-Medium";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1px;
}

.partners-main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;

    margin-top: 32px;
}

.partners-main .partners-header__el {
    max-width: 161px;
    max-height: 180px;
}

.partners-header__el p {
    color: #00246A;
    font-family: "TTFirsNeue-Regular";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
}

.program-information {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;

    margin-top: 120px;
}

.program-information .documnt-wrapper__header {
    margin-top: 0;
}

.program-information .documnt-wrapper__header span {
    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    letter-spacing: 0.1px;
}

.program-information .documnt-wrapper__header img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.program-information .requisites-bottom__content {
    margin-top: 24px;
}

.program-contact {
    display: flex;
    flex-direction: column;
}

.program-contact .program-contact__title {
    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    letter-spacing: 0.1px;
}

.program-contact .program-contact__link {
    color: #00328A;
    font-family: "TTFirsNeue-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.1px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;

    margin-top: 24px;
}

.program-contact .program-contact__link:hover {
    color: #000;
}

.program-contact .program-contact__txt {
    margin-top: 24px;

    color: #061421;
    font-family: "TTFirsNeue-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.1px;
}

.program-contact .program-contact__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;

    margin-top: 24px;
}

.program-contact .program-contact__row img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.program-contact .program-contact__row a{
    color: #061421;
    font-family: "TTFirsNeue-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.1px;
}

.program-contact .program-contact__row a:hover {
    text-decoration: underline;
}

.requisites-bottom__wrapper {
    display: none;
    animation: fadeInProg 0.5s ease-in-out;
}

.portfolio-cardJs__description {
    display: none;
}

.portfolio-cardJs__adress {
    display: none;
}

.portfolio-cardJs__mobile {
    display: none;
}

.portfolio-cardJs__web {
    display: none;
}

.portfolio-cardJs__img {
    display: none;
}

.popup-layout__subtitle {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.popup-layout__subtitle img {
    height: 80px;
    max-width: 160px;
    object-fit: contain;
}

.popup-header {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.popup-header img {
    width: 24px;
    height: 18px;
    cursor: pointer;
}

.popup-program__content {
    margin-top: 12px;
}

.popup-program__title {
    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 36px */
    letter-spacing: 0.1px;
    margin-bottom: 32px;
}

.popup-content__program {
    max-width: 900px;
    max-height: 600px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 30px;
    border-radius: 20px;
}

.popup-program__subtitle {
    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.1px;
    margin: 16px 0;
}

.popup-program__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;

    color: #272727;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 18px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.1px;
}

.popup-program__wrapper img {
    padding: 4px;
    width: 16px;
    height: 16px;
}

@keyframes fadeInProg {
    0% {
        margin-top: -50px;
        opacity: 0;
    }
    100% {
        margin-top: 0;
        opacity: 1;
    }
}

.requisites-bottom__wrapper.active {
    display: block;
}

.popup-form__title {
    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: 0.1px;
}

.popup-program__content form {
    margin-top: 32px;

    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.popup-program__content label {
    color: #272727;
    font-family: "TTFirsNeue-Medium";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.1px;
}

.popup-program__content input {
    border-radius: 60px;
    border: 1px solid #909090;
    padding: 8px 16px;
    width: 100%;
    margin: 16px 0;
    outline: none;

    color: #000;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 14px;
    font-style: normal;
    font-weight: 265;
    line-height: 150%; /* 21px */
    letter-spacing: 0.1px;
}

.popup-program__content input::placeholder {
    color: #909090;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 14px;
    font-style: normal;
    font-weight: 265;
    line-height: 150%; /* 21px */
    letter-spacing: 0.1px;
}

.popup-captcha {
    border: 1px solid #D3D3D3;
    background: #F9F9F9;

    color: #000;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 14px;
    font-style: normal;
    font-weight: 265;
    line-height: 150%; /* 21px */
    letter-spacing: 0.1px;

    width: 303px;
    height: 77px;

    text-align: center;

    margin: 32px 0;
}

.popup-program__content button {
    outline: none;
    border-radius: 60px;
    background: #00246A;
    padding: 8px 16px;
    border: 1px solid transparent;

    color: #FFF;
    font-family: "TTFirsNeue-Medium";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: 0.1px;

    width: 100%;
    cursor: pointer;
}

.popup-program__content button:hover {
    background-color: transparent;
    border: 1px solid #000;
    color: #00246A;
}

.popup-agreement {
    color: #909090;
    text-align: center;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 12px;
    font-style: normal;
    font-weight: 265;
    line-height: 150%; /* 18px */
    letter-spacing: 0.1px;

    margin-top: 8px;
}

.popup-agreement a {
    color: #909090;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 12px;
    font-style: normal;
    font-weight: 265;
    line-height: 150%;
    letter-spacing: 0.1px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.popup-program__content1 {
    display: none;
}

.popup-program__content2 {
    display: none;
}

.popup-program__content3 {
    display: none;
}

/* program */


.mobile-burger {
    display: none;
}

@media (min-width: 2200px) {
    .info-layout {
        max-width: auto;
        width: auto;
        padding: 130px 800px 130px 50px;
    }

    .banner-wrapper {
        transform: translateY(35%);
    }

    .container {
        max-width: 1900px;
    }

    .photo-content {
        top: 40%;
    }

    .info-content__right video {
        width: 100%;
        height: 100%;
    }

    .freedback-wrapper__col p {
        max-width: 1200px;
    }

    .program-banner {
        justify-content: flex-start;
        gap: 96px;
    }

    .container.events {
        max-width: 1500px;
    }

    .events-wrapper.event {
        top: 10%;
        padding-top: 18px;
        padding-left: 40px;
        margin-top: 100px;
    }

    .team-cards__row.two {
        justify-content: space-between;
        width: 100%;
    }

    .team-card__img img {
        width: 553px;
    }

    .team-structure {
        width: 100%;
        justify-content: flex-start;
        gap: 120px;
    }

    .about-direction__cards {
        flex-wrap: nowrap;
    }

    .about-direction__card p {
        padding: 14px 24px;
    }

    .about-direction__card {
        height: 350px;
    }

    .tabs-header .swiper-button-next, .swiper-button-prev {
        top: 1%;
    }

    .tabs-header .swiper-wrapper {
        width: 90%;
    }
}

@media (max-width: 1400px) {
    .container {
        padding: 24px;
    }

    /* .honors-title {
        width: max-content !important;
    } */
}

@media (max-width: 1191px) {
    .team-cards {
        justify-content: center;
    }

    .team-structure {
        justify-content: space-between;
    }

    .portfolio-wrapper {
        justify-content: center;
        gap: 48px;
    }

    .newsIndex-wrapper {
        justify-content: center;
    }

    .portfolio-wrapper.portfolio {
        justify-content: flex-start;
        gap: 48px;
    }

    .portfolio-wrapper.portfolio .portfolio-card:last-child {
        display: none;
    }

    .team-structure__card {
        width: 450px;
    }

    .partners-main {
        justify-content: flex-start;
        gap: 32px;
    }

    .swiper-container__news .swiper-button-prev {
        left: 0; /* Стрелка влево за пределы контейнера */
    }

    .swiper-container__news .swiper-button-next {
        right: 0 /* Стрелка вправо за пределы контейнера */
    }
}

@media (max-width: 1140px) {
    .program-banner {
        margin-top: 80px;
        flex-direction: column-reverse;
        gap: 32px;
    }
}

@media (max-width: 1025px) {
    .banner-bottom {
        bottom: 0;
    }

    .banner-content h2 {
        font-size: 80px;
    }

    .banner-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .info-wrapper {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: flex-end;
        margin-top: 0;
    }

    .info-content__right {
        align-items: flex-start;
    }

    .info-layout {
        position: relative;
        max-width: 100%;
        padding-top: 70px;
        padding-left: 100px;
        padding-bottom: 70px;
        padding-right: 0;
    }

    .info-layout img {
        max-width: 250px;
        max-height: 182px;
    }

    .info-content__left p {
        font-size: 18px;
        max-width: max-content;
        margin-left: 120px;
    }

    .number__wrapper {
        margin-top: 84px;
        margin-left: 120px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .number-wrapper__right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .number-wrapper__left p {
        margin-top: 64px;
        font-size: 18px;
        max-width: max-content;
    }

    .accordion-wrapper {
        margin-top: 84px;
    }

    #news-first {
        margin-top: 0;
    }

    .accordion-layout {
        flex-direction: column;
    }

    .accordion-img {
        max-height: 354px;
        flex: auto;
    }

    .accordion-content span {
        font-size: 32px;
    }

    .accordion-content__row.first h2 {
        font-size: 32px;
    }

    .accordion-content__row h2 {
        font-size: 18px;
    }

    .news-header button {
        display: none;
    }

    .news-header__title h2 {
        font-size: 32px;
    }

    .news-header__title span {
        font-size: 32px;
    }

    .news-footer__line {
        margin-top: 0;
    }

    .freedback-wrapper {
        margin-top: 72px;
        flex-direction: column-reverse;
        align-items: center;
        gap: 32px;
    }

    .freedback-wrapper__col:first-child {
        width: 100%;
    }

    .photo-wrapper {
        margin-top: 72px;
    }

    .photo-content h2 {
        font-size: 80px;
    }

    .photo-content p {
        font-size: 18px;
    }

    .footer-content {
        flex-wrap: wrap;
        gap: 32px;
    }

    .team-title h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .about-banner__content h1 {
        font-size: 96px;
    }

    .banner-content h3:nth-child(2) {
        text-align: center;
        font-size: 24px;
    }

    .photo-el {
        display: none;
    }

    .burger-menu__wrapper {
        margin-top: 146px;
    }

    .burger-menu__footer {
        margin-top: 24px;
    }

    .about-info__header {
        flex-direction: column;
        align-items: center;
    }

    .about-info__main {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .about-title {
        font-size: 36px;
    }

    .about-direction__cards {
        gap: 24px;
        justify-content: flex-start;
    }

    .tabs-header {
        gap: 16px;
    }

    .tabs-header__numbers {
        gap: 16px;
    }

    .events-img.event {
        display: none;
    }

    .events-block {
        display: none;
    }

    .events-contents__title {
        font-size: 24px;
    }

    .events-contents__subscription {
        font-size: 16px;
    }

    .events-contents__header {
        font-size: 14px;
    }

    .events-contents__price {
        font-size: 14px;
    }

    .events-wrapper {
        padding: 18px 40px;
    }

    .events-contents__footer button {
        padding: 12px 24px;
        font-size: 14px;
    }

    .events-footer__content h2 {
        font-size: 18px;
    }

    .events-footer__content span {
        font-size: 14px;
    }

    .events-layout {
        gap: 0;
    }

    .events-wrapper  {
        margin-top: 48px;
    }

    .about-banner__content .events-title {
        font-size: 36px;
        margin-top: 24px;
    }

    .info-content__right video {
        width: 30%;
        height: 30%;
    }

    .news-wrapper__pages {
        padding-left: 0;
    }

    .news-row {
        flex-direction: column;
    }

    .freedback-wrapper__col p {
        max-width: 100%;
        text-align: left;
    }

    .programs-test__content {
        top: 25%;
        gap: 16px;
    }

    .programs-test__content span {
        font-size: 20px;
    }

    .honors-title.error {
        font-size: 180px !important;
    }

    .contact-maps__content {
        left: 5%;
    }

    .news-header__title h2 {
        line-height: 40px;
    }

    .news-header__title span {
        line-height: 40px;
    }

    .portfolio-wrapper__col.right .portfolio-wrapper__row {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .about-main__col.right {
        width: 100%;
        margin-top: 32px;
    }

    .newsIndex-content__title {
        font-size: 32px;
    }

    .newsIndex-banner img {
        height: 754px;
    }

    .events-layout.event {
        margin-bottom: 0;
    }

    .events-background {
        margin-bottom: 64px;
    }

    .events-contents__title.event {
        font-size: 24px;
    }

    .events-contents__subscription.event {
        font-size: 16px;
    }

    .events-background img {
        height: 700px;
        object-fit: cover;
    }

    .events-contents__price.event {
        font-size: 16px;
    }

    .team-cards__row.one .team-card {
        flex-direction: column;
    }

    .program-img__contact h3 {
        font-size: 32px;
    }

    .program-img__contact span {
        font-size: 16px;
    }

    .program-img img {
        height: 400px;
    }

    .popup-content__img img {
        display: none;
    }

    .mobile-burger {
        display: block;
    }

    .desktop-burger {
        display: none;
    }

    .banner-wrapper {
        top: 15%;
    }

    .news-footer button {
        display: block;
        margin-top: 33px;
        width: 100%;
    }

    .popup-content__program {
        max-height: 400px;
    }

    .popup-program__title {
        font-size: 24px;
    }

    .popup-program__subtitle {
        font-size: 18px;
    }

    .popup-program__wrapper {
        font-size: 16px;
    }

    .header-wrapper.active {
        padding: 0;
    }
}

@media (max-width: 910px) {
    .burger-menu__column ul li {
        font-size: 28px;
        line-height: 40px;
    }

    .project-wrapper {
        flex-direction: column;
    }

    .news-project {
        flex: none;
        height: 350px;
        margin-bottom: 16px;
    }

    .partners-wrapper {
        justify-content: flex-start;
        gap: 80px;
    }

    .program-information {
        flex-direction: column-reverse;
        gap: 64px;
    }

    .events-wrapper.event {
        top: 32px;
    }

    .news-project.news {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 32px;
    }

    .news-project.news img {
        max-width: 360px;
    }
}

@media (max-width: 820px) {
    .subcription-content {
        flex-direction: column;
        gap: 24px;
    }

    .subscription-buttons {
        flex-direction: column;
        gap: 16px;
    }

    .subcription-button {
        width: 100%;
    }

    .footer-content__links {
        flex-direction: column;
        align-items: flex-start;
    }

    .info-content__left p {
        margin-left: 0;
        text-align: center;
    }

    .number__wrapper {
        margin-left: 0;
        text-align: center;
    }

    .subcription-wrapper {
        max-height: 100%;
    }

    .footer-content {
        flex-direction: column;
    }

    .search-menu__wrapper .search-menu__input input {
        font-size: 24px;
        line-height: 30px;
    }

    .burger-menu__wrapper {
        margin: 80px 0 0 0;
        flex-direction: column;
    }

    .burger-menu__column {
        width: 100%;
    }

    .burger-menu__column ul {
        gap: 32px;
    }

    .burger-menu__column ul li {
        color: #272727;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 21.6px */
        letter-spacing: 0.1px;
        width: 100%;
    }

    .burger-menu__column.center ul li {
        font-size: 18px;
    }

    .burger-menu.active {
        overflow-y: scroll;
    }

    .burger-menu__column.center ul {
        margin: 12px 0;
    }

    .burger-menu__footer {
        flex-direction: column;
        gap: 16px;
        padding-bottom: 24px;
    }

    .burger-menu__wrapper {
        flex-wrap: wrap;
    }

    .portfolio-wrapper__col.right .portfolio-wrapper__row span {
        font-size: 16px;
    }

    .portfolio-wrapper__col.right .portfolio-wrapper__row hr {
        width: 40px !important;
    }

    .tabs-header__numbers span {
        font-size: 16px;
    }

    .tabs-content__description p {
        font-size: 16px;
    }

    .about-direction__card span {
        font-size: 16px;
    }

    .about-team__title h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .header-wrapper {
        padding-top: 0;
    }

    .header-wrapper.active {
        padding-bottom: 90px;
    }

    .header-en {
        display: none;
    }

    .burger-menu__wrapper {
        gap: 12px;
    }

    .burger-menu__column.center ul {
        gap: 12px;
    }

    .search-menu__wrapper form button {
        padding: 8px;
    }

    .burger-mobile__line {
        display: block;
    }

    .burger-footer__row {
        gap: 12px;
    }

    .honor-prev, .honor-next {
        display: none;
    }

    .honors-title.error {
        font-size: 90px !important;
    }

    .contact-maps__content {
        padding: 24px;
        top: 10%;
    }

    .maps-wrapper {
        flex-direction: column;
    }

    .newsIndex-content__title {
        font-size: 24px;
    }

    .newsIndex-content__data {
        font-size: 18px;
    }

    .honors-title {
        font-size: 36px !important;
    }

    .portfolio-subtitle span {
        font-size: 20px;
    }

    .accordion-content h2 {
        font-size: 18px;
        line-height: 32px;
    }

    .accordion-content__ro.first h2 {
        font-size: 32px;
    }

    .news-project .news-project__logo {
        width: 80px;
        height: 80px;
    }

    .accordion-layout {
        gap: 32px;
    }

    .news img {
        margin-bottom: 16px;
        height: 300px;
    }

    .freedback-wrapper__col p {
        text-align: left;
    }

    .team-cards__row.two {
        flex-direction: column;
    }

    .team-cards__row.one .team-card {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .partners-header {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .program-buttons {
        flex-direction: column;
        width: 100%;
    }

    .program-buttons a {
        width: 100%;
    }

    .program-button {
        width: 100%;
    }

    .program-section__2 {
        flex-direction: column;
    }

    .program-title h3 {
        font-size: 36px;
    }

    .program-img img {
        height: 600px;
    }

    /* .popup-content__portfolio {
        max-height: 900px;
    } */

    .events-contents__priceRow {
        flex-direction: column;
    }

    .swiper-container__news .swiper-button-prev {
        left: -20px; /* Стрелка влево за пределы контейнера */
    }

    .swiper-container__news .swiper-button-next {
        right: -20px /* Стрелка вправо за пределы контейнера */
    }

    .burger-menu__layout {
        justify-content: center;
        height: auto;
    }
}

@media (max-width: 600px) {
    .news-project.news {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .news-project.news {
        gap: 0;
    }
}

@media (max-width: 550px) {
    .portfolio-wrapper__col.right .portfolio-wrapper__row {
        padding: 15px 10px;
    }

    .portfolio-wrapper__col.left .portfolio-wrapper__row span {
        font-size: 16px;
        width: 200px;
    }

    .about-title {
        font-size: 24px;
        line-height: 30px;
    }

    .about-team__main .team-card {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: 100%;
    }

    .subcription-wrapper.index2 {
        margin-bottom: 0px;
    }

    .about-team__main .team-card img {
        max-width: 100%;
    }

    .about-team__main .team-card img {
        width: 100%;
        height: 100%;
    }

    .about-team__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .info-content__right video {
        width: 100%;
        height: 100%;
    }

    .freedback-wrapper__col p {
        font-size: 18px;
    }

    .programs-test__content {
        top: 10%;
        gap: 16px;
    }

    .events-background img {
        height: 950px;
    }

    .honors-title {
        font-size: 24px !important;
    }

    .honors-select {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .accordion-content__ro.first h2 {
        font-size: 24px;
    }

    .about-banner__content .events-title {
        font-size: 24px;
    }

    .banner-wrapper {
        top: 0px;
    }

    .events-contents__rowEl {
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .team-structure__card {
        flex-direction: column;
    }

    .about-banner__content h1 {
        font-size: 54px;
        margin-top: 24px;
    }

    .portfolio-wrapper__col.right {
        gap: 8px;
    }

    .honors-select select {
        font-size: 14px;
    }

    .honors-select {
        gap: 24px;
        flex-direction: column;
    }

    .contact-maps__content {
        padding: 16px;
        top: 40%;
    }
}

.banner-bottom__txts {
    display: none;
}

.img-banner:nth-of-type(1) .banner-bottom__txts {
    display: block;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    max-width: 400px;
    width: 100%;

    margin-top: 24px;
}

.banner-bottom__txt {
    width: max-content;
}

.banner-bottom__txt span {
    font-family: 'TTFirsNeue-Bold';
    font-weight: 700;
    font-size: 24px;
    color: #fff;
}

.banner-bottom__txt p {
    font-family: 'TTFirsNeue-Regular';
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}

@media (max-width: 768px) {
    .img-banner:nth-of-type(1) .banner-bottom__txts {
        flex-direction: column;
        text-align: center;
        gap: 24px;
    }

    .banner-bottom__txt span {
        font-size: 18px;
    }

    .banner-bottom__txt p {
        font-size: 16px;
    }
}

#cookie_note{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 1440px;
    width: 100%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    z-index: 1000;
}

#cookie_note p{
    font-family: 'TTFirsNeue-ExtraLight';
    margin: 0;
    text-align: left;
    color: black;
    font-size: 17px;
}
#cookie_note p a {
    color: #003288;
}
#cookie_note p a:hover {
    text-decoration: underline;
}

.cookie_accept{
    color: #ffffff;
    background: #003288;
    cursor: pointer;
    width: 120px;
    padding: 10px 10px;
    border: none;
    border-radius: 40px;
}

#cookie_note.show{
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1440px){
    #cookie_note{
        max-width: 1000px;
    }
}
@media (max-width: 1440px){
    #cookie_note{
        bottom: 0;
    }
}
@media (max-width: 905px){
    #cookie_note.show{
        flex-direction: column;
        gap: 15px;
    }
}
/* End */


/* Start:/local/templates/ivf-index/assets/css/custom.css?17527601719383*/
.slider-layout .img-banner img{
    filter: brightness(0.5);
}
.about-wrapper .about-banner {
    filter: brightness(0.6);
}
.program-img img {
    filter: brightness(0.8);
}
.footer-content__links {
    align-items: flex-start;
}
.honors-wrapper {
    gap: 64px;
}
.popup-image {
    object-fit: contain;
}
.honors-wrapper__card {
    flex-wrap: nowrap;
}
.bottom-img-opis {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: flex;
}
.bottom-img-opis .svg {
    margin-right: 5px;
}
.bottom-img-opis p {
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
}
.portfolio-card {
    justify-content: space-between;
}
.header-logo img {
    width: 35px;
    height: 35px;
}
.tablebodytext {
    display: none;
}
.portfolio-card__img {
    height: 140px;
}
.portfolio-card__img img {
    object-fit: contain;
}
.footer-content__col p {
    max-width: 205px;
}
section#photo.visible {
    opacity: 1;
    transform: translateY(0); /* возвращение к изначальной позиции */
    background: #000;
}
/*.program-img img {*/
/*    max-height: 450px;*/
/*}*/
.swiper-wrapper {
    height: auto;
}
.news-wrapper__pages div {
    color: #272727;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 21px;
    font-style: normal;
    font-weight: 265;
    line-height: 130%;
    letter-spacing: 0.1px;
    text-align: justify;
}
.news-wrapper__pages p {
    color: #272727;
    font-family: 'TTFirsNeue-ExtraLight';
    font-size: 21px;
    font-style: normal;
    font-weight: 265;
    line-height: 130%;
    letter-spacing: 0.1px;
    text-align: justify;
}
.news-wrapper__pages p b {
    font-family: 'TTFirsNeue-Medium';
}
.partners-header .partners-header__el {
    flex: 1;
    max-width: 258px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-height: none;
}
.partners-header__el img {
    object-fit: contain;
    height: 190px;
    width: 258px;
}

.partners-header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 70px;
    margin-top: 64px;
}
.partners-header__el p {
    text-align: center;
    font-size: 20px;
}
.popup-content__img {
    display: none;
}
.projectDirect {
    font-family: 'TTFirsNeue-Medium';
    color: #F1F1F1;
    margin-top: 30px;
    display: flex;
    gap: 7px;
}
.projectDirect a {
    color: #F1F1F1;
    text-decoration: underline;
}
.projectDirect svg {
    width: 100px;
}
.popup-layout__subtitle {
    gap: 20px;
}
.footer-last {
    display: flex;
    flex-direction: column;
}
.news-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 32px 0;
}

.newsIndex-card-img img {
    height: 240px;
}

.burger-menu__column ul p {
    color: #272727;
    font-size: 48px;
    font-family: 'TTFirsNeue-Light';
    line-height: 57.60px;
    letter-spacing: 0.10px;
    text-transform: uppercase;
    cursor: pointer;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    transition: all 0s ease-in-out;
}

.burger-menu__column.center ul p {
    color: #272727;
    font-size: 24px;
    font-family: 'TTFirsNeue-ExtraLight';
    line-height: 28.80px;
    letter-spacing: 0.10px;
    max-width: 300px;
}

.burger-menu__column ul p:hover {
    color: #0061FC;
}
footer.team {
    margin-top: 120px;
}
.popup-description__adress {
    margin: 0 !important;
}
.contact-maps__content {
    z-index: 2;
}
.newsIndex-card-img img {
    border-radius: 4px;
}
.footer-content__imgs a {
    width: 30px;
    height: 20px;
}
.footer-content__imgs img {
    width: 30px;
    height: 20px;
}

@media (max-width: 769px) {
    .honors-wrapper__card {
        flex-direction: column;
    }
    .honors-wrapper.active {
        align-items: center;
    }
    .honors-card__title {
        text-align: center;
    }
    .honors-subtitle {
        font-size: 16px;
    }
    .header-wrapper {
        bottom: 100%;
    }
    .team-navigation{
        margin-top: 50px;
    }
}


@media (max-width: 820px) {
    .news img {
        height: 240px;
        width: 360px;
    }
}

@media (max-width: 910px) {
    .news-project {
        height: auto;
    }
    .events-img.programs {
        display: none;
    }
}

@media (min-width: 2200px) {
    .events-wrapper.event {
        top: 0%;
        padding-top: 18px;
        padding-left: 40px;
        margin-top: 100px;
    }
}
@media (min-width: 2200px) {
    .container.events {
        max-width: 1600px;
    }
}
@media (max-width: 407px) {
    .news img {
        height: 225px;
        width: 330px;
    }
}

/*Baluyus*/

#news-first img {
    filter: brightness(0.7);
}


@media (min-width: 2200px) {
    .team-cards__row.two {
        justify-content: flex-start;
        width: 100%;
    }
}

.program-li span {
    cursor: text;
}
.program-li span:hover {
    text-decoration: none;
}
.program-information .documnt-wrapper__header img {
    display: none;
}


.team-structure__content h3 {
    max-width: 170px;
    margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #00246A;
}
.portfolio-card {
    justify-content: flex-start;
}

.popup-content.news {
    position: relative;
    background-color: white;
    padding: 20px;
    width: 800px;
    height: 500px;
    border-radius: 10px;
    animation: scaleIn 0.5s ease;
}
.popup-image {
    width: 100%;
    height: 100% !important;
    border-radius: 10px;
}
.news img {
    margin-bottom: 39px;
    height: 242px;
}

.portfolio-card__title {
    height: 150px;
    line-height: 160%;
}
.portfolio-card {
    justify-content: none;
}
.portfolio-card__content {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
    height: 270px;
}

.portfolio-card__description p {
    color: #272727;
    font-size: 16px;
    font-style: normal;
    font-weight: 265;
    line-height: 120%;
    letter-spacing: 0.1px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.portfolio-card__bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 10px;
}
.swiper.program .swiper-slide .program-slider__title {
    height: 50px;
}
/*.program-img__contact h3 {*/
/*    font-size: 50px;*/
/*}*/
.program-li img {
    width: 12px;
}
.popup-program__txt1 .popup-program__content1 {
    display: block;
}
.popup-program__txt2 .popup-program__content2 {
    display: block;
}
.popup-program__txt3 .popup-program__content3 {
    display: block;
}

.partners-header__el img {
    max-height: 160px;
}
.partners-header, .partners-main {
    justify-content: space-around !important;
}

.swiper.program .swiper-slide .program-slider__ul li a {
    color: #00328A;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.custom-span-for-dop {
    color: #000;
    font-family: "TTFirsNeue-ExtraLight";
    font-size: 14px;
    font-style: normal;
    font-weight: 265;
    line-height: 130%;
    letter-spacing: 0.1px;
    margin-top: 10px;
}

.swiper.program .swiper-slide .program-slider__ul li p {
    text-align: center;
    font-weight: 600;
}

.swiper.program .swiper-slide a .program-slider__btn.background {
    width: auto;
    border-radius: 0;
    border: none;
    background: transparent;
    padding: 0;
    border-bottom: 1px dashed rgb(20, 71, 237);
    margin-top: 30px;
    margin-bottom: 30px;
}
.program-slider__btn-a {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    display: block;
}
.program-slider__plus {
    width: 100%;
    outline: none;
    cursor: pointer;
    border-radius: 50px;
    border: 1px solid #00328A;
    background: transparent;
    padding: 8px 20px;
    color: #00328A;
    font-family: "TTFirsNeue-Medium";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
    margin-top: 8px;
}

.program-slider__inner {
    height: 377px;
    overflow: hidden;
}

.program-slider__inner--active {
    height: auto;
    overflow: visible;
}

@media (max-width: 769px) {
    .slider-layout {
        transition: transform 0.3s ease-out;
        touch-action: pan-y;
    }

    .slider-controls {
        display: none;
    }

    .slider-layout {
        cursor: grab;
    }
    .slider-layout:active {
        cursor: grabbing;
    }

    .banner-bottom {
        justify-content: center;
    }
}

.burger-menu__column.center ul {
    text-align: left;
}

.burger-menu__column.center ul a {
    width: 100%;
}

/* End */
/* /local/templates/ivf-index/assets/css/style.css?1748426084127108 */
/* /local/templates/ivf-index/assets/css/custom.css?17527601719383 */