/* Стили для раздела преимуществ */
.advantages {
    padding: 80px 0; /* Вертикальный отступ */
  }
  
  .advantages-grid {
    display: grid; /* Создаем сетку */
    grid-template-columns: repeat(3, 1fr); /* 3 колонки одинаковой ширины */
    gap: 30px; /* Пробел между элементами сетки */
  }
  
  .advantage {
    text-align: center; /* Выравнивание текста по центру */
    padding: 30px;
    border: 1px solid #ddd; /* Тонкая рамка */
    border-radius: 5px; /* Скругленные углы */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Тень */
  }
  
  .advantage-icon {
    width: 60px; /* Размер иконки */
    height: 60px;
    margin-bottom: 20px; /* Отступ от иконки до заголовка */
  }
  
  .advantage h3 {
    font-size: 1em; /* Уменьшили размер шрифта заголовка */
    margin-bottom: 10px;
  }
  
  .advantage p {
    font-size: 0.9em; /* Уменьшили размер шрифта текста */
    line-height: 1.5;
  }
  
/* Кнопка заказать */
.btn {
    background-color: #BD1134; /* Цвет кнопки */
    color: #fff; /* Цвет текста */
    padding: 12px 20px; /* Отступы внутри кнопки */
    border: none; /* Без рамки */
    border-radius: 5px; /* Скругленные углы */
    text-decoration: none; /* Отключаем подчеркивание */
    cursor: pointer; /* Изменяем курсор *//
  }
  
  /* Эффект наведения */
  .btn {
    background-color: white;
    border: 2px solid #BD1134;
    color: #BD1134;
  }

  
  /* Адаптивный дизайн (для экранов меньше 768px) */
  @media (max-width: 768px) {
    .advantages-grid {
      grid-template-columns: 1fr; /* 1 колонка */
    }
  }