/* Start:/local/templates/.default/components/bitrix/breadcrumb/.default/style.css?17707995612188*/
.bx-breadcrumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding-bottom: 16px;
}

/* .bx-breadcrumb i {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.20915 11.8046C6.07523 11.6795 6 11.5097 6 11.3328C6 11.1558 6.07523 10.9861 6.20915 10.861L9.27576 7.99597L6.20915 5.13099C6.07903 5.00512 6.00702 4.83654 6.00865 4.66156C6.01028 4.48658 6.08541 4.3192 6.21785 4.19547C6.35029 4.07173 6.52945 4.00155 6.71675 4.00003C6.90404 3.99851 7.08448 4.06577 7.21921 4.18734L10.7909 7.52415C10.9248 7.6493 11 7.81901 11 7.99597C11 8.17293 10.9248 8.34265 10.7909 8.4678L7.21921 11.8046C7.08525 11.9297 6.90359 12 6.71418 12C6.52476 12 6.3431 11.9297 6.20915 11.8046Z' fill='%2366696A'/%3E%3C/svg%3E%0A");
} */

.bx-breadcrumb i {
  display: block;
  font-style: normal;
  color: var(--g-gray);
}

.bx-breadcrumb .bx-breadcrumb-item {
  white-space: nowrap;
  line-height: 20px;
}

.bx-breadcrumb .bx-breadcrumb-item span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  white-space: normal;
  color: var(--g-gray);
}

.bx-breadcrumb .bx-breadcrumb-item a span {
  color: var(--main-dark-blue);
}

.study-page__top-block .bx-breadcrumb .bx-breadcrumb-item a span {
  color: var(--main-blue);
}

@media screen and (min-width: 1024px) {
  .bx-breadcrumb {
    padding-bottom: 24px;
  }
  .bx-breadcrumb .bx-breadcrumb-item span {
    font-size: 16px;
    line-height: 24px;
  }
  .bx-breadcrumb i {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .bx-breadcrumb {
    padding-top: 16px;
    padding-bottom: 40px;
  }
}

.bx-breadcrumb .bx-breadcrumb-item a {
  border-bottom: none;
  color: var(--main-dark-blue);
  text-decoration: none;
}

.bx-breadcrumb .bx-breadcrumb-item a:hover {
  text-decoration: underline;
}

/* End */


/* Start:/local/templates/.default/components/bitrix/form.result.new/personal_reserve/style.css?17805193258387*/
.personal-reserve__form {
    /*display: none;*/
}

.popup-form .personal-reserve .form__fieldset,
.popup-form_resume .personal-reserve .form__fieldset {
    display: flex;
}

.personal-reserve__form-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form__input-wrapper_checkbox {
    color: #fff;
    margin: 10px 0;
}

.form__input-wrapper_checkbox .form__label {
    position: relative;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    margin-bottom: 8px;
    font-size: 1.05em;
}

.form__input-wrapper-radio {
    color: #fff;
    margin: 10px 0;
}

.form__input-wrapper-radio .form__label {
    position: relative;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    margin-bottom: 8px;
    font-size: 1.05em;
}

.form__input-wrapper-date .form__input {
    /*width: 90%;*/
}

.personal-reserve img {
    max-width: 100%;
    width: 100%;
}

.form__input-tip {
    color: #fff;
    font-size: 13px;
    line-height: 1;
    margin-top: 5px;
}

/* Определение CSS-переменных для кастомных чекбоксов */
:root {
    --itc-body-bg: #fff; /* Цвет фона */
    --itc-border-color: #dee2e6; /* Цвет границы */
    --itc-checkbox-color: #0d6efd; /* Цвет активного состояния */
    --itc-disabled-opacity: 0.5; /* Прозрачность отключенного чекбокса */

    /* Размеры и стили оформления */
    --itc-border-width: 1px; /* Толщина границы */
    --itc-checkbox-size: 1rem; /* Размер чекбокса */
    --itc-checkbox-gap: 0.5rem; /* Расстояние между чекбоксом и текстом */
    --itc-radius: 0.375rem; /* Радиус скругления */
    --itc-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; /* Плавные анимации */
}

.checkbox-item {
    display: flex;
    align-items: center;
    gap: var(--itc-checkbox-gap);
    position: relative;
}

/* Стилизация чекбокса */
.checkbox-input {
    appearance: none;
    width: var(--itc-checkbox-size);
    height: var(--itc-checkbox-size);
    border: var(--itc-border-width) solid var(--itc-border-color);
    border-radius: 0.25rem;
    background-color: var(--itc-body-bg);
    background-image: var(--itc-checkbox-bg-image);
    cursor: pointer;
    transition: var(--itc-transition);
    margin: 0;
}

/* Эффект нажатия */
.checkbox-input:active {
    filter: brightness(90%);
}

/* Смена цвета границы при наведении */
.checkbox-input:hover:not(:disabled) {
    border-color: var(--itc-checkbox-color);
}

/* Стили для чекбокса при фокусе */
.checkbox-input:focus {
    border-color: var(--itc-checkbox-color);
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Оформление состояния checked и indeterminate */
.checkbox-input:checked,
.checkbox-input:indeterminate {
    background-color: var(--main-white-blue);
    border-color: var(--main-white-blue);
    background-image: var(--itc-checkbox-bg-image);
}

/* Иконка галочки при выборе чекбокса */
.checkbox-input:checked {
    --itc-checkbox-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

/* Иконка для неопределенного состояния */
.checkbox-input:indeterminate {
    --itc-checkbox-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

/* Стили метки чекбокса */
.checkbox-label {
    cursor: pointer;
    user-select: none;
}

/* Отключенный чекбокс */
.checkbox-input:disabled {
    filter: none;
    opacity: var(--itc-disabled-opacity);
    cursor: not-allowed;
}

.checkbox-input:disabled ~ .checkbox-label {
    opacity: var(--itc-disabled-opacity);
    cursor: not-allowed;
}

/* Скрытый элемент для доступности */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

:root {
    --itc-body-bg: #fff; /* Цвет фона */
    --itc-border-color: #dee2e6; /* Цвет границы */
    --itc-radio-color: #0d6efd; /* Цвет активного состояния */
    --itc-disabled-opacity: 0.5; /* Прозрачность отключенного чекбокса */

    /* Размеры и стили оформления */
    --itc-border-width: 1px; /* Толщина границы */
    --itc-radio-size: 1rem; /* Размер чекбокса */
    --itc-radio-gap: 0.5rem; /* Расстояние между чекбоксом и текстом */
    --itc-radius: 0.375rem; /* Радиус скругления */
    --itc-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; /* Плавные анимации */
}

/* Оформление контейнера для чекбоксов */
.radio-group {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    max-width: 320px;
    padding: 1.5rem;
    background: var(--itc-body-bg);
    border: var(--itc-border-width) solid var(--itc-border-color);
    border-radius: var(--itc-radius);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.radio-group:disabled .radio-input {
    opacity: var(--itc-disabled-opacity);
    cursor: not-allowed;
}

/* Контейнер для каждого чекбокса */
.radio-item {
    display: flex;
    align-items: center;
    gap: var(--itc-radio-gap);
    position: relative;
}

/* Стилизация чекбокса */
.radio-input {
    -webkit-appearance: none;
    appearance: none;
    width: var(--itc-radio-size);
    height: var(--itc-radio-size);
    border: var(--itc-border-width) solid var(--itc-border-color);
    border-radius: 50%;
    background-color: var(--itc-body-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    transition: var(--itc-transition);
    margin: 0;
}

/* Эффект нажатия */
.radio-input:active {
    filter: brightness(90%);
}

/* Смена цвета границы при наведении */
.radio-input:hover:not(:disabled) {
    border-color: var(--itc-radio-color);
}

/* Стили для чекбокса при фокусе */
.radio-input:focus {
    border-color: var(--itc-radio-color);
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.radio-input:focus-visible {
    outline: 2px solid var(--itc-radio-color);
}

/* Оформление состояния checked */
.radio-input:checked {
    background-color: var(--main-white-blue);
    border-color: var(--main-white-blue);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

/* Стили метки чекбокса */
.radio-label {
    cursor: pointer;
    user-select: none;
}

/* Отключенный чекбокс */
.radio-input:disabled {
    filter: none;
    opacity: var(--itc-disabled-opacity);
    cursor: not-allowed;
}

.radio-input:disabled ~ .radio-label {
    opacity: var(--itc-disabled-opacity);
    cursor: not-allowed;
}

/* Скрытый элемент для доступности */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* End */
/* /local/templates/.default/components/bitrix/breadcrumb/.default/style.css?17707995612188 */
/* /local/templates/.default/components/bitrix/form.result.new/personal_reserve/style.css?17805193258387 */