@media (max-width: 440px) {
  html {
    font-size: 13px;
  }
  .header {
    padding: 20px;
    background-position: -65% center;
  }
  .logo {
    height: 100px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 60px;
  }
  .block-title {
    font-size: 28px;
  }
  .list-title {
    font-size: 26px;
  }
  .lesson-card .rounded-circle {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
  }
  .icon-link {
    display: block;
    height: 48px;
    width: 48px;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-img {
    height: auto;
    width: 100%;
  }
  .btn-orange.position-fixed {
    right:20px;
    bottom: 20px;
    opacity: 0;
    transition: all 0.25s ease-in-out;
  }
}
@media (min-width: 440.99px) {
  .fs-50 {
    font-size: 50px;
    line-height: 54px;
  }
}
/* По умолчанию перенос строки скрыт (для больших экранов компьютеров) */
.custom-br {
    display: none;
}
/* Как только экран становится МЕНЬШЕ 1090 пикселей — перенос активируется */
@media screen and (max-width: 1090px) {
    .custom-br {
        display: block;
    }
}

/* Базовые стили для адаптивной ссылки */
.nav-link {
  font-size: 23px;
  text-decoration: none;
  color: #736f84; 
  display: inline-flex;
  align-items: center;
  gap: 12px; /* Удобный отступ между стрелкой и текстом */
}

/* Фикс для работы <br>: разрешаем тексту внутри флекса переноситься */
.nav-text {
  display: inline-block;
  line-height: 1.4;
}

/* На мобильных (до md) выравниваем текст второй ссылки по левому краю, на десктопах — по правому */
@media (min-width: 768px) {
  .text-md-end {
    text-align: right;
  }
}

/* --- Наша плавная анимация стрелок --- */
.nav-link svg {
  transition: transform 0.2s ease-in-out;
  /* Изначальное выравнивание по высоте (вместо инлайнового стиля) */
  transform: translateY(-1px); 
}

/* Анимация при наведении */
.nav-link:hover .prev-arrow {
  transform: translate(-4px, -1px);
}

.nav-link:hover .next-arrow {
  transform: translate(4px, -1px);
}

/* Легкий интерактив для текста при наведении */
.nav-link:hover {
  color: #645e86;
}

.text-zoom {
  display: inline-block; /* Важно: transform работает только на блочных или инлайн-блочных элементах */
  transition: transform 0.3s ease; /* Плавность эффекта (0.3 секунды) */
  cursor: pointer; /* Меняет курсор на "пальчик", чтобы пользователь понимал, что на текст можно навести */
}

/* Эффект при наведении */
.text-zoom:hover {
  transform: scale(1.03); /* 1.05 означает увеличение на 3% */
}

.custom-table td {
  /* 1. Межстрочное расстояние для текста внутри ячейки */
  line-height: 1.35 !important; 
  /* 2. Вертикальные отступы (до и после черных линий) */
  /* Первое число — отступ сверху и снизу ячейки. Второе — слева и справа. */
  padding: 22px 8px !important; 
}

.text-indent-reset {
  text-indent: -1.5rem; /* Смещаем первую строку обратно влево на величину класса ps-4 */
}

.text-indent-reset-2 {
  text-indent: -1.0rem; /* Смещаем первую строку обратно влево на величину класса ps-4 */
}