/* 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/training/facilitation.css?17591230277480*/
.facilitation {
    padding: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem) clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

.facilitation__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

.facilitation__header img {
    height: clamp(16.375rem, 14.2359rem + 9.1267vw, 25.188rem);
}



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

.facilitation__content {
    display: flex;
    flex-direction: column;
    gap: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
}


/*Тренинг со списком*/
.facilitation__training-and-team {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2.875rem, 0.5388rem + 9.9676vw, 12.5rem);
}

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

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

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

.facilitation__training__item {
    display: flex;
    align-items: flex-start;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

.facilitation__training__item svg {
    flex-shrink: 0;
    width: clamp(2.5rem, 2.1966rem + 1.2945vw, 3.75rem);
    height: clamp(2.5rem, 2.1966rem + 1.2945vw, 3.75rem);
}

.facilitation__training__item__wrapper-text {
    display: flex;
    flex-direction: column;
    gap: clamp(0.625rem, 0.5340rem + 0.3883vw, 1rem);
}


/*Команда и документы*/
.facilitation__wrapper-team-and-documents {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

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

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

.facilitation__team__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 16px;
    column-gap: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
}

.facilitation__team__item__img-and-name {
    display: flex;
    align-items: center;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

.facilitation__team__item__img-and-name img {
    width: clamp(3.75rem, 3.1432rem + 2.5890vw, 6.25rem);
    height: clamp(3.75rem, 3.1432rem + 2.5890vw, 6.25rem);
    border-radius: 100%;
}

.facilitation__team__item__wrapper-name {
    display: flex;
    flex-direction: column;
    gap: clamp(0.25rem, 0.1893rem + 0.2589vw, 0.5rem);
}

.facilitation__team__item__contacts {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

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

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

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

.facilitation__document svg {
    flex-shrink: 0;
    width: clamp(1.875rem, 1.7961rem + 0.3366vw, 2.2rem);
    height: clamp(2.17rem, 2.0746rem + 0.4070vw, 2.563rem);
}

.facilitation__document svg path {
    transition: all var(--transition-normal) ease-out;
}

.facilitation__document:hover {
    color: var(--color-orange);
}

.facilitation__document:hover svg path {
    fill: var(--color-orange);
}

/*Программы обучения*/
.facilitation__training-programs--desktop {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

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

.facilitation__table__row {
    display: grid;
    border-bottom: 1px solid var(--color-grey-secondary);
    grid-template-columns: 6fr 7fr 4fr 4fr 4fr 4fr;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
    padding: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem) 0px;
}

.facilitation__table__row__text--grey {
    color: var(--color-text-grey);
}

.facilitation__table__row__text--green {
    color: var(--color-green);
}

.facilitation__table__row__text--orange,
.facilitation__card__row__text--orange {
    color: var(--color-orange);
}

.facilitation__table__button {
    height: min-content;
}

.facilitation__card__row {
    display: flex;
    justify-content: space-between;
}

.facilitation__card-menu {
    margin-bottom: 0;
}

.facilitation__card__button {
    width: 100%;
}

.facilitation__table__row__text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* -webkit-box-orient: vertical; */
}

.facilitation__training-programs--mobile {
    display: none;
}

.facilitation__training-programs--mobile__card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-bottom: 1px solid var(--color-grey-secondary);
    padding-bottom: 20px;
}

/*Контакты для связи по вопросам обучения*/
.facilitation__contacts {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

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

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

.facilitation__contacts__card__wrapper-info {
    display: flex;
    align-items: center;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

.facilitation__contacts__card__wrapper-info img {
    width: clamp(3.75rem, 3.1432rem + 2.5890vw, 6.25rem);
    height: clamp(3.75rem, 3.1432rem + 2.5890vw, 6.25rem);
    border-radius: 100%;
    flex-shrink: 0;
    object-fit: cover;
}

.facilitation__contacts__card__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 230px;
}

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

/*Консультация выбора программы обучения*/
.facilitation__consultation {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

/*Другие разделы обучения*/
.facilitation__wrapper-other-section {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

@media (max-width:800px) {
    .facilitation__training-and-team {
        grid-template-columns: 1fr;
    }

    .facilitation__training-programs--desktop {
        display: none;
    }

    .facilitation__training-programs--mobile {
        display: flex;
    }
}

@media (max-width:1200px) {
    .facilitation__table__button p {
        display: none;
    }
}
/* 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 */
/* /local/templates/ru/assets/css/settings/main.css?17580674721005 */
/* /local/templates/ru/assets/css/pages/training/facilitation.css?17591230277480 */
/* /local/templates/ru/assets/css/components/horizontal-slider.css?17592019865891 */
/* /local/templates/ru/assets/css/components/modal.css?17580674719090 */