/* Start:/local/templates/ru/assets/css/settings/main.css?17580674721005*/
/* ==========================================================================
   MAIN STYLESHEET
   ========================================================================== */

/* Import base styles */
@import url('/local/templates/ru/assets/css/settings/base.css');
@import url('/local/templates/ru/assets/css/settings/typography.css');

/* Import components */
@import url('/local/templates/ru/assets/css/settings/../components/button.css');
@import url('/local/templates/ru/assets/css/settings/../components/header.css');
@import url('/local/templates/ru/assets/css/settings/../components/footer.css');
@import url('/local/templates/ru/assets/css/settings/../components/yandex.css');
@import url('/local/templates/ru/assets/css/settings/../components/common.css');
@import url('/local/templates/ru/assets/css/settings/../components/horizontal-slider.css');
@import url('/local/templates/ru/assets/css/settings/../components/breadcrums.css');
@import url('/local/templates/ru/assets/css/settings/../components/drop-down-list.css');
@import url('/local/templates/ru/assets/css/settings/../components/menu.css');
@import url('/local/templates/ru/assets/css/settings/../components/gallery.css');
@import url('/local/templates/ru/assets/css/settings/../components/pagination.css');
@import url('/local/templates/ru/assets/css/settings/../components/project.css');
@import url('/local/templates/ru/assets/css/settings/../components/carousel.css');
@import url('/local/templates/ru/assets/css/settings/../components/pagination-page.css');
@import url('/local/templates/ru/assets/css/settings/../components/tags.css');
@import url('/local/templates/ru/assets/css/settings/../components/auto-slider.css');
/* End */


/* Start:/local/templates/ru/assets/css/pages/index.css?175886419612212*/
/* Стили для секции заголовка */
.main__header-section {
    width: 100%;
}

.main__header-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    margin: 0 auto;
    padding-top: clamp(8.438rem, 7.5431rem + 3.8183vw, 12.125rem);
    padding-bottom: clamp(3.75rem, 2.6121rem + 4.8549vw, 8.438rem);
    padding-right: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    padding-left: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    height: clamp(24.875rem, 18.8828rem + 25.5669vw, 49.563rem);
    background: linear-gradient(180deg, rgba(0, 80, 78, 0.20) 0%, #00504E 100%), url('/local/templates/ru/assets/css/pages/../../img/hero.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main__block-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.main__title {
    width: clamp(13.438rem, 1.2414rem + 52.0388vw, 63.688rem);
    color: var(--color-white);
}

.main__description {
    width: clamp(17.063rem, 10.6006rem + 27.5728vw, 43.688rem);
    color: var(--color-white);
}

/* Стили для секции об универе */
.about-univer {
    background: var(--color-white);
    padding-top: clamp(4.125rem, 3.6092rem + 2.2006vw, 6.25rem);
    padding-left: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    padding-right: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    position: relative;
    width: 100%;
}

.about__container {
    display: grid;
    grid-template-columns: 5fr 6fr;
    gap: clamp(2.25rem, -0.0408rem + 9.7740vw, 11.688rem)
}

.about__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about__content-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.about__title {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

.about__subtitle {
    font-weight: 500;
    margin-bottom: clamp(1rem, 0.8633rem + 0.5830vw, 1.563rem);
}

.about__stats {
    display: flex;
    flex-direction: column;
    gap: clamp(0.938rem, 0.7863rem + 0.6472vw, 1.563rem);
}

.about__stats-row {
    flex: 1;
    display: flex;
    gap: clamp(0.938rem, 0.7863rem + 0.6472vw, 1.563rem);
    width: 100%;
}

.about__stats-card {
    border-radius: 18px 0 18px 18px;
    padding: clamp(0.875rem, 0.5413rem + 1.4239vw, 2.25rem) clamp(0.875rem, 0.3896rem + 2.0712vw, 2.875rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex: 1;
    min-height: 120px;
    box-sizing: border-box;
    clip-path: polygon(100% 69.521%, 100% 69.521%, 99.989% 70.069%, 99.955% 70.609%, 99.899% 71.141%, 99.821% 71.66%, 99.723% 72.166%, 99.603% 72.656%, 99.464% 73.127%, 99.306% 73.578%, 99.128% 74.005%, 98.932% 74.407%, 86.48% 97.989%, 86.48% 97.989%, 86.269% 98.358%, 86.045% 98.693%, 85.808% 98.992%, 85.561% 99.253%, 85.304% 99.478%, 85.039% 99.663%, 84.767% 99.809%, 84.489% 99.915%, 84.206% 99.978%, 83.919% 100%, 3.628% 100%, 3.628% 100%, 3.04% 99.91%, 2.481% 99.648%, 1.961% 99.23%, 1.485% 98.669%, 1.063% 97.98%, 0.7% 97.177%, 0.405% 96.273%, 0.185% 95.283%, 0.047% 94.222%, 0% 93.103%, 0% 6.897%, 0% 6.897%, 0.047% 5.778%, 0.185% 4.717%, 0.405% 3.727%, 0.7% 2.824%, 1.063% 2.02%, 1.485% 1.331%, 1.961% 0.77%, 2.481% 0.352%, 3.04% 0.09%, 3.628% 0%, 96.372% 0%, 96.372% 0%, 96.96% 0.09%, 97.519% 0.352%, 98.039% 0.77%, 98.515% 1.331%, 98.937% 2.02%, 99.3% 2.824%, 99.595% 3.727%, 99.815% 4.717%, 99.953% 5.778%, 100% 6.897%, 100% 69.521%);
}

.about__stats-card--blue {
    background: var(--color-blue-light);
}

.about__stats-card--gray {
    background: #f7f8fa;
}

.about__stats-card--lightblue {
    display: flex;
    flex-wrap: wrap;
    flex-basis: auto;
    padding: clamp(0.875rem, 0.5413rem + 1.4239vw, 2.25rem) clamp(0.875rem, 0.3896rem + 2.0712vw, 2.875rem);
    background: #d6f1ff;
    flex-direction: row;
    align-items: center;
    min-height: 120px;
    clip-path: polygon(100% 69.521%, 100% 69.521%, 99.994% 70.069%, 99.978% 70.609%, 99.951% 71.141%, 99.913% 71.66%, 99.865% 72.166%, 99.807% 72.656%, 99.74% 73.127%, 99.663% 73.578%, 99.576% 74.005%, 99.481% 74.407%, 93.426% 97.989%, 93.426% 97.989%, 93.324% 98.358%, 93.215% 98.693%, 93.1% 98.992%, 92.98% 99.253%, 92.855% 99.478%, 92.726% 99.663%, 92.593% 99.809%, 92.458% 99.915%, 92.321% 99.978%, 92.181% 100%, 1.764% 100%, 1.764% 100%, 1.478% 99.91%, 1.206% 99.648%, 0.953% 99.23%, 0.722% 98.669%, 0.517% 97.98%, 0.34% 97.177%, 0.197% 96.273%, 0.09% 95.283%, 0.023% 94.222%, 0% 93.103%, 0% 6.897%, 0% 6.897%, 0.023% 5.778%, 0.09% 4.717%, 0.197% 3.727%, 0.34% 2.824%, 0.517% 2.02%, 0.722% 1.331%, 0.953% 0.77%, 1.206% 0.352%, 1.478% 0.09%, 1.764% 0%, 98.236% 0%, 98.236% 0%, 98.522% 0.09%, 98.794% 0.352%, 99.047% 0.77%, 99.278% 1.331%, 99.483% 2.02%, 99.66% 2.824%, 99.803% 3.727%, 99.91% 4.717%, 99.977% 5.778%, 100% 6.897%, 100% 69.521%);
}

.about__content-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about__stats-photos {
    display: flex;
    align-items: center;
    margin-left: clamp(15px, calc(15px + (-20 * ((100vw - 375px) / 1545))), 35px);
}

.about__stats-photo {
    width: clamp(2.75rem, 2.2342rem + 2.2006vw, 4.875rem);
    height: clamp(4rem, 3.2566rem + 3.1720vw, 7.063rem);
    border-radius: clamp(4.875rem, 4.5413rem + 1.4239vw, 6.25rem);
    object-fit: cover;
    margin-left: clamp(-15px, calc(-15px + (-20 * ((100vw - 375px) / 1545))), -35px);
}

@media (max-width: 1100px) {
    #get-consultation-btn {
        display: none;
    }

    .about__container {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* Стили для секции медиа */
.media {
    background: var(--color-white);
    padding-top: clamp(4.125rem, 3.6092rem + 2.2006vw, 6.25rem);
    padding-left: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    padding-right: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    position: relative;
    width: 100%;
}

.media__container {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

.media__title {
    font-weight: 500;
}

.media__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.media__social-card {
    flex: 1;
    max-width: 100%;
    gap: 20px;
    background: #F3F4F4;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 18px 0 18px 18px;
    padding: 35px 25px;
    clip-path: polygon(0 0,
            90% 0,
            100% 20%,
            100% 100%,
            0 100%);
}

.media__card-content {
    gap: 18px;
    display: flex;
    flex-direction: column;
}

.media__card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px;
}

.media__podkast-card {
    flex: 1;
    background: #F3F4F4;
    display: flex;
    flex-direction: column;
    gap: 18px;
    border-radius: 18px 0 18px 18px;
    padding: 35px 25px;
    clip-path: polygon(0 0,
            90% 0,
            100% 20%,
            100% 100%,
            0 100%);
}

.media__img-card {
    border-radius: 18px 0 18px 18px;
    background-image: url('/local/templates/ru/assets/css/pages/../../img/girl-with-phone.png');
    min-width: 288px;
    min-height: 342px;
    clip-path: polygon(0 0,
            80% 0,
            100% 20%,
            100% 100%,
            0 100%);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Стили для секции новостей */
.news {
    padding-top: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
    padding-left: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    padding-right: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

/* Стили для секции календаря мероприятий */
.calendar {
    padding-top: clamp(4.125rem, 3.6092rem + 2.2006vw, 6.25rem);
    padding-left: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    padding-right: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

/* Стили для секции программ обучения */
.training-program {
    background: var(--color-white);
    padding-top: clamp(4.125rem, 3.6092rem + 2.2006vw, 6.25rem);
    padding-left: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    padding-right: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    position: relative;
    width: 100%;
}

.training-program__container {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

/* Стили для секции команды */
.team-section {
    margin-top: clamp(4.125rem, 3.6092rem + 2.2006vw, 6.25rem);
    background: #e4edf4;
    border-radius: 16px;
    clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 60px);
    max-height: 30vw;
}

.team-section__container {
    display: flex;
    gap: 32px;
    justify-content: space-between;
}

.team-section__info {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.2760rem + 1.4892vw, 3.063rem);
    
}

.team-section__info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* justify-content: space-between; */
    padding: clamp(4.125rem, 3.6092rem + 2.2006vw, 6.25rem) clamp(0.938rem, 0.7863rem + 0.6472vw, 1.563rem) clamp(2.063rem, 1.2742rem + 3.3657vw, 5.313rem) clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    /* gap: clamp(2.25rem, 1.3398rem + 3.8835vw, 6rem); */
    gap: 3vw;
}

.team-section__title {
    font-weight: 500;
    text-transform: none;
}

.team-section__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    list-style: none;
    row-gap: 45px;
    column-gap: clamp(2.813rem, 1.8271rem + 4.2066vw, 6.875rem);
}

.team-section__item {
    display: flex;
    align-items: center;
    gap: clamp(1rem, 0.8633rem + 0.5830vw, 1.563rem);
}

.team-section__photo {
    width: clamp(3.75rem, 3.1432rem + 2.5890vw, 6.25rem);
    height: clamp(3.75rem, 3.1432rem + 2.5890vw, 6.25rem);
    /* border-radius: clamp(0.625rem, 0.5490rem + 0.3241vw, 0.938rem); */
    border-radius: 100%;
    object-fit: cover;
    box-shadow: 0 2px 8px 0 rgba(0, 80, 78, 0.10);
}

.team-section__person {
    display: flex;
    flex-direction: column;
    gap: clamp(0.25rem, -0.0687rem + 1.3597vw, 1.563rem);
}

.team-section__name {
    font-weight: 500;
}

.team-section__vacancy {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: all var(--transition-normal) ease-out;
}

.team-section__vacancy svg {
    width: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem);
    height: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem);
    transition: all var(--transition-normal) ease-out;
}

.team-section__vacancy:hover {
    color: var(--color-orange);
    transition: all var(--transition-normal) ease-out;
}

.team-section__vacancy:hover svg {
    transform: rotate(180deg);
    transition: all var(--transition-normal) ease-out;
}

.team-section__join {
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 1px;
}

.team-section__image-wrapper {
    display: flex;
    align-items: end;
    justify-content: center;
    height: 100%;
}

.team-section__image {
    width: clamp(20.625rem, 13.0400rem + 32.3625vw, 51.875rem);
}

iframe {
    border-radius: 10px;
}

@media (max-width: 1300px) {
    .team-section__list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .team-section__container {
        flex-wrap: wrap;
    }
    .team-section{
        max-height: max-content;
    }
    .team-section__info-wrapper {
        gap: clamp(2.25rem, 1.3398rem + 3.8835vw, 6rem);
    }
}
/* End */


/* Start:/local/templates/ru/assets/css/components/horizontal-slider.css?17592019865891*/
/* Универсальные стили для горизонтального слайдера (новости и календарь) */
.horizontal-slider {
    background: var(--color-white);
    position: relative;
    width: 100%;
}

.horizontal-slider__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.horizontal-slider__title {
    font-weight: 500;
}

.horizontal-slider__title--all {
    transition: color var(--transition-fast) ease-out;
    display: none;
    cursor: pointer;
}

.horizontal-slider__title--all:hover {
    color: var(--color-orange);
    transition: color var(--transition-fast) ease-out;
}

.horizontal-slider__container {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

.horizontal-slider__content {
    display: flex;
    gap: 15px;
}

.horizontal-slider__content-cards {
    display: flex;
    gap: clamp(0.938rem, 0.8016rem + 0.5820vw, 1.5rem);
    overflow-x: auto;
    flex-wrap: nowrap;
}

.horizontal-slider__content-cards--withoutslider {
    display: flex;
    gap: clamp(0.938rem, 0.8016rem + 0.5820vw, 1.5rem);
    flex-wrap: wrap;
}

.horizontal-slider__container-card {
    display: grid;
    grid-auto-rows: auto 1fr;
    padding-bottom: 15px;

    height: 100%;
}

.horizontal-slider__card-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #F3F4F4;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    padding: clamp(1.375rem, 1.2233rem + 0.6472vw, 2rem);
    gap: clamp(0.875rem, 0.7840rem + 0.3883vw, 1.25rem);
    min-height: clamp(12rem, 10.7864rem + 5.1780vw, 17rem);
    height: 100%;
    transition: background-color 0.3s cubic-bezier(.4, 0, .2, 1);
}

.horizontal-slider__card:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 80, 78, 0.08);
    filter: brightness(0.94);
}

.horizontal-slider__card:hover .horizontal-slider__card-text {
    background-color: var(--color-blue-light);
}

.horizontal-slider__card-img {
    width: 100%;
    max-height: clamp(9.125rem, 8.0934rem + 4.4013vw, 13.375rem);
    height: 100%;
    object-fit: cover;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
}

.horizontal-slider__card-date {
    display: flex;
    padding: 6px 8px;
    justify-content: center;
    align-items: center;
    background: var(--color-white);
    color: #414042;
    width: min-content;
    white-space: nowrap;
}

.horizontal-slider__card-date--active {
    background: var(--color-orange);
    color: var(--color-white);
}

.horizontal-slider__card {
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(.4, 0, .2, 1);
    width: clamp(16.875rem, 14.9029rem + 8.4142vw, 25rem);


}

.horizontal-slider__card-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.horizontal-slider__card-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.horizontal-slider__card-title {
    font-weight: 500;
}

.horizontal-slider__card-text-content {
    display: flex;
    flex-direction: column;
    gap: clamp(0.875rem, 0.7840rem + 0.3883vw, 1.25rem);
    min-height: 80%;
    
}

.horizontal-slider__container-actions--right {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 16px;
}

.horizontal-slider__container-actions--left {
    margin-top: 36px;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 16px;
}

.horizontal-slider__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 112px;
    height: 214px;
    cursor: pointer;
}

.horizontal-slider__btn--disabled {
    opacity: 0.8;
    cursor: not-allowed;
    pointer-events: none;
}


/* Дополнительные стили для лучшего визуального отображения */
.horizontal-slider__btn--disabled .horizontal-slider__slider-container path {
    stroke: var(--color-grey-secondary);
}

.horizontal-slider__btn--disabled .horizontal-slider__slider-arrow path {
    fill: var(--color-grey-secondary);
}

.horizontal-slider__btn--prev {
    transform: scale(-1, 1);
}


.horizontal-slider__slider-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 112px;
    height: 214px;
    cursor: pointer;
}

.horizontal-slider__slider-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    transition: transform 1s cubic-bezier(.4, 0, .2, 1);
}

.horizontal-slider__btn:hover .horizontal-slider__slider-container path {
    stroke: var(--color-green);
    fill: var(--color-green);
}

.horizontal-slider__btn:hover .horizontal-slider__slider-arrow path {
    fill: var(--color-white);
    transition: fill 0.3s;
}

.horizontal-slider__btn:hover .horizontal-slider__slider-arrow {
    transform: translate(4px, -50%);
}

.horizontal-slider__link-all {
    height: 20px;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: color var(--transition-fast) ease-out;
}

.horizontal-slider__link-all:hover {
    color: var(--color-orange);
    transition: color var(--transition-fast) ease-out;
}

@media (max-width: 1100px) {
    .horizontal-slider__title--all {
        display: flex;
    }

    .horizontal-slider__container-actions--right,
    .horizontal-slider__container-actions--left {
        display: none;
    }
}
/* End */


/* Start:/local/templates/ru/assets/css/components/modal.css?17580674719090*/
html:has(.modal__overlay_opened),
body:has(.modal__overlay_opened) {
  overflow-y: hidden;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

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

  background-color: #ffffff91;
  backdrop-filter: blur(15px);

  background-color: #00504eb2;
  backdrop-filter: blur(15px);

  z-index: 200;

  display: none;

  --primary: #f04923;
  --primary-hover: #ff957d;
  --primary-active: #de350f;

  --secondary: #00504e;
  --secondary-hover: #08706d;
  --secondary-active: #0a8784;

  --hint: #697f9b;
  --hint-hover: #3b516f;
  --hint-active: #5977a0;

  --primary-text: #17120f;
  --secondary-text: #1e1e1e;
  --menu-text: #414042;
  --button-text: #ffffff;

  --status-success: #1baf85;
  --status-warning: #f4dc3f;
  --status-error: #f04923;
}

.modal__overlay_opened {
  display: flex;
}

.modal__wrapper {
  position: relative;
}

.modal__close-button {
  position: absolute;
  right: 0;
  top: 0;

  width: 24px;
  height: 24px;
}

.modal__close-button svg {
  width: 24px;
  aspect-ratio: 1 / 1;
}

.modal__close-button svg path {
  stroke: #fff;
}

.modal__container {
  position: relative;

  background-color: #fff;
  clip-path: polygon(
    0% 1.995%,
    0% 1.995%,
    0.035% 1.671%,
    0.137% 1.364%,
    0.3% 1.078%,
    0.519% 0.817%,
    0.788% 0.584%,
    1.101% 0.385%,
    1.453% 0.223%,
    1.839% 0.102%,
    2.253% 0.026%,
    2.689% 0%,
    87.67% 0%,
    87.67% 0%,
    87.972% 0.008%,
    88.271% 0.033%,
    88.566% 0.075%,
    88.854% 0.132%,
    89.136% 0.205%,
    89.41% 0.293%,
    89.674% 0.396%,
    89.929% 0.513%,
    90.172% 0.645%,
    90.402% 0.791%,
    98.698% 6.456%,
    98.698% 6.456%,
    98.936% 6.633%,
    99.152% 6.822%,
    99.345% 7.023%,
    99.515% 7.235%,
    99.66% 7.456%,
    99.781% 7.684%,
    99.876% 7.92%,
    99.944% 8.162%,
    99.986% 8.408%,
    100% 8.658%,
    100% 98.005%,
    100% 98.005%,
    99.965% 98.329%,
    99.863% 98.636%,
    99.7% 98.922%,
    99.481% 99.183%,
    99.212% 99.416%,
    98.899% 99.615%,
    98.547% 99.777%,
    98.161% 99.898%,
    97.747% 99.974%,
    97.311% 100%,
    2.689% 100%,
    2.689% 100%,
    2.253% 99.974%,
    1.839% 99.898%,
    1.453% 99.777%,
    1.101% 99.615%,
    0.788% 99.416%,
    0.519% 99.183%,
    0.3% 98.922%,
    0.137% 98.636%,
    0.035% 98.329%,
    0% 98.005%,
    0% 1.995%
  );

  overflow: hidden;
}

.modal__body {
  width: 600px;

  padding: 55px 25px;
  padding-right: 0;
  padding-bottom: 0;
}

.modal__scroll-container {
  display: flex;
  flex-direction: column;
  gap: 50px;

  height: 100%;
  max-height: 80vh;

  padding-right: 25px;
  padding-bottom: 55px;

  overflow-y: auto;
}

.modal__scroll-container h3 {
  width: 100%;
  text-align: center;
}

.modal__hint {
  color: #a3a8ae;

  font-size: var(--text-size-md);
  font-weight: 300;
  line-height: var(--line-height-md);
  text-decoration-line: underline;
}

.modal__input-container {
  display: flex;
  flex-direction: column;
  gap: 8px;

  padding-bottom: 6px;
}

.modal__checkbox-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal__input-file-wrapper {
  position: relative;

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;

  width: 100%;
}

.modal__input-file-wrapper .button {
  position: relative;
}

.modal__input-file-wrapper input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;

  width: 100%;
  height: 100%;

  opacity: 0;

  cursor: pointer;
}

.modal__error {
  font-size: var(--text-size-xs);
  line-height: var(--line-height-xs);

  min-height: 16px;

  color: var(--status-error);

  visibility: hidden;
}

.modal__error_visible {
  visibility: visible;
}

.modal__form {
  display: flex;
  flex-direction: column;
}

.modal__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}

.modal__footer .modal__error {
  font-size: var(--text-size-md);
  line-height: var(--line-height-md);
}

.modal__loading {
  position: absolute;
  top: 0;
  left: 0;

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

  width: 100%;
  height: 100%;

  background-color: #ffffff91;
  backdrop-filter: blur(15px);

  border-radius: 10px;
}

.modal__result {
  position: absolute;
  left: 0;
  top: 0;

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

  width: 100%;
  height: 100%;

  padding: 40px;

  background-color: #ffffff91;
  backdrop-filter: blur(15px);

  border-radius: 10px;
}

.modal__result_success .text {
  color: var(--status-success);
}

.modal__result .text {
  font-size: var(--text-size-lg);
  line-height: var(--line-height-lg);
  text-align: center;
}

.input {
  padding: 11px;

  color: var(--primary-text);
  font-size: var(--text-size-md);
  font-weight: 300;
  line-height: var(--line-height-md);

  border: 1px solid var(--primary-text);
  border-radius: 5px;

  outline: none;
}

textarea.input {
  resize: none;
}

.input::placeholder {
  color: var(--primary-text);
}

.button {
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;

  min-width: 300px;
  width: fit-content;

  padding: 7px 16px 9px 16px;

  border-radius: 10px;
  border: 1px solid transparent;

  color: var(--button-text);
  font-size: var(--text-size-md);
  line-height: var(--line-height-md);

  transition: all 0.2s;
}

.button__text {
  color: var(--button-text);
  font-size: var(--text-size-md);
  line-height: var(--line-height-md);
}

.button:disabled {
  cursor: no-drop;
}

.button_small {
  min-width: 200px;
}

.button_primary {
  background-color: var(--primary);
}

.button_primary:hover:not(:disabled) {
  background-color: var(--primary-hover);
}

.button_primary:active:not(:disabled) {
  background-color: var(--primary-active);
}

.button_secondary {
  background-color: var(--secondary);
}
.button_secondary:hover:not(:disabled) {
  background-color: var(--secondary-hover);
}

.button_secondary:active:not(:disabled) {
  background-color: var(--secondary-active);
}

.button_reset {
  background-color: transparent;
  border: 1px solid #a3a8ae;
}

.button_reset:hover:not(:disabled) {
  opacity: 0.8;
}

.button_reset .button__text {
  color: var(--primary-text);
}

.button_white {
  background-color: var(--button-text);
}
.button_white:hover:not(:disabled) {
  opacity: 0.8;
}

.button_white .button__text {
  color: var(--secondary-text);
}

.button_white-outline {
  background-color: transparent;
  border: 1px solid var(--button-text);
}

.button_white-outline .button__text {
  color: var(--button-text);
}

.button_white-outline:hover:not(:disabled) {
  opacity: 0.8;
}

.button_hint {
  background-color: var(--hint);
}

.button_hint:hover:not(:disabled) {
  background-color: var(--hint-hover);
}

.button_hint:active:not(:disabled) {
  background-color: var(--hint-active);
}

.button_xl {
  padding-top: 17px;
  padding-bottom: 19px;

  min-width: 250px;
}

.button_xl .button__text {
  font-size: var(--text-size-lg-secondary);
  line-height: var(--line-height-lg-secondary);
}

.button__loader-overlay {
  position: absolute;
  top: 0;
  left: 0;

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

  width: 100%;
  height: 100%;

  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  backdrop-filter: blur(10px);
}

.button__loader-overlay .loader {
  width: 24px;
  height: 24px;
}

.button__loader-overlay .loader::before {
  border-width: 2px;
}

.loader {
  position: relative;

  display: block;

  width: 48px;
  height: 48px;

  margin: 0 auto;

  border-radius: 50%;

  animation: rotate 1s linear infinite;
}

.loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid var(--secondary);
  animation: prixClipFix 2s linear infinite;
}

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

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}

@media screen and (max-width: 600px) {
  .modal__overlay .modal__wrapper .modal__container .modal__body {
    width: 90vw;
  }
}

/* End */


/* Start:/local/templates/ru/assets/css/pages/news/news-main.css?17580674713491*/
.news-main {
    display: flex;
    flex-direction: column;
    padding: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem) clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

.news-main__content {
    display: flex;
    flex-direction: column;
    gap: clamp(2.875rem, 2.0558rem + 3.4951vw, 6.25rem);
}

.news-main__title {
    margin-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
}

/*Раздел главных новостей*/
.news-main__wrapper-main {
    display: flex;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

/*Сми о нас*/
.news-main__news-bar {
    display: flex;
    flex-direction: column;
    gap: clamp(0.938rem, 0.8470rem + 0.3883vw, 1.313rem);
    padding: clamp(0.938rem, 0.7863rem + 0.6472vw, 1.563rem);
    background-color: var(--color-grey);
    border-radius: 15px;
    width: clamp(21.563rem, 20.5771rem + 4.2066vw, 25.625rem);
    flex-shrink: 0;
    margin-bottom: 15px;
    height: fit-content;
}

.news-main__news-bar__list {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

.news-main__news-bar__item {
    display: flex;
    gap: 16px;
}

.news-main__news-bar__img {
    width: 47px;
    flex-shrink: 0;
    height: 47px;
    border-radius: 10px;
}

.news-main__news-bar__wrapper-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/*Карточки новостей*/
.horizontal-slider__content-cards--withoutslider {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.horizontal-slider__content-cards--withoutslider .horizontal-slider__card {
    width: auto;
}


/*Карточка с наложением карточки*/
.news-main__section-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: clamp(3rem, 2.5146rem + 2.0712vw, 5rem) 0px;
}

.news-main__wrapper-card {
    display: flex;
    flex-direction: column;
    background-color: var(--color-green);
    padding: clamp(1.5rem, 0.4078rem + 4.6602vw, 6rem);
    border-radius: 14px;
    clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 50px);
}

.news-main__card {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8633rem + 0.5830vw, 1.563rem);
    width: 40%;
}

.news-main__card-img {
    clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 50px);
    border-radius: 14px;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: 1;
    bottom: 0;
    margin: auto;
    width: 54%;
    height: clamp(18rem, 13.8738rem + 17.6052vw, 35rem);
}

.news-main__card button:hover {
    background-color: #393330;
}

.tags-menu__buttons {
    display: flex;
    gap: 26px
}

.tags-menu__controls__button-find {
    height: 32px;
    border-radius: 14px;
}


@media (max-width: 800px) {
    .news-main__wrapper-main {
        flex-direction: column;
    }

    .news-main__news-bar {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .news-main__card-img {
        clip-path: none;
        position: relative;
        right: 0;
        width: 100%;
        border-radius: 14px 14px 0px 0px;
    }


    .news-main__wrapper-card {
        clip-path: none;
        border-radius: 0px 0px 14px 14px;
    }

    .news-main__section-card {
        padding: 0;
    }

    .news-main__card {
        width: 100%;
    }
}
/* End */
/* /local/templates/ru/assets/css/settings/main.css?17580674721005 */
/* /local/templates/ru/assets/css/pages/index.css?175886419612212 */
/* /local/templates/ru/assets/css/components/horizontal-slider.css?17592019865891 */
/* /local/templates/ru/assets/css/components/modal.css?17580674719090 */
/* /local/templates/ru/assets/css/pages/news/news-main.css?17580674713491 */