/* Стили блока «Преимущества» (modules/advantages/widgets/views/advantages2.php).
   До ТЗ 4 (23.10.2026) стояли блоком <style> прямо в HTML страницы; текст перенесён без
   изменений. Теперь это файл: браузер скачивает его один раз и берёт из кэша.
   Подключается там же, где был блок: CustomView::registerCssFileInPlace — в той же очереди <head>,
   поэтому порядок правил на странице не изменился. Исходник — widget-advantages2.less (CSS = LESS). */
.preemuchestva1,
.preemuchestva2 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  /* Расстояние между блоками */
}
.preemuchestva1shir {
  width: 365px;
}
.etapipereezdahmain {
  /*
    flex: 1 1 calc(25% - 20px); 
    box-sizing: border-box;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px; */
}
.preemuchestva1zaglavnaya {
  margin: 10px 0px 10px 0px;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #94C121;
}
.preemuchestva2zaglavnaya {
  margin: 10px 0px 10px 0px;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #94C121;
}
/* Стили для точек навигации слайдера */
.slick-dots li button:before {
  color: #235C33;
  /* Цвет точек */
  opacity: 1;
  /* Полная непрозрачность */
}
.slick-dots li.slick-active button:before {
  color: #235C33;
  /* Цвет активной точки */
  opacity: 1;
  /* Полная непрозрачность */
}
.preemuchestva1text {
  font-family: Montserrat;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #585858;
}
@media (max-width: 600px) {
  .preemuchestva1shir {
    width: 240px;
  }
  .preemuchestva1,
  .preemuchestva2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-content: center;
    align-items: flex-start;
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #235C33 #e6e6e6;
    /* align-items: center; */
    gap: 20px;
  }
  .preemuchestva1zaglavnaya {
    margin: 10px 0px 10px 0px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #94C121;
    width: 245px;
  }
  .preemuchestva2zaglavnaya {
    margin: 10px 0px 10px 0px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #94C121;
    width: 245px;
  }
  .preemuchestva1text {
    font-family: Montserrat;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    color: #585858;
    width: 250px;
  }
  .slick-slide {
    display: block;
  }
}