.row.horizontal-row {
  display: flex !important; /* Включаем flexbox */
  flex-wrap: nowrap; /* Элементы остаются на одной строке */
  justify-content: center; /* Центрируем всё по горизонтали */
  align-items: center; /* Выравниваем по вертикали */
  gap: 20px; /* Расстояние между карточками */
}

.item-wrapper-social {
  display: flex; /* Создаём flex-контейнер внутри карточки */
  flex-direction: row; /* Размещаем содержимое горизонтально */
  align-items: center; /* Центрируем иконки и текст */
  gap: 10px; /* Добавляем расстояние между иконкой и текстом */
  justify-content: center;
}
.card-title {
  font-size: 2rem; /* Увеличивает размер текста */
  font-weight: bold; /* Делает текст жирным */
}
.icon-center {
  text-align: center;
}
.card-title,
.list-item {
  text-align: center; /* Центрирование текста */
}
@keyframes bounce-hover {
  0%,
  100% {
    transform: translateY(0); /* Начальная и конечная позиция */
    height: 100%;
  }
  50% {
    transform: translateY(-20px); /* Подъем вверх */
    height: 105%;
  }
}
.item-wrapper-social:hover {
  animation: bounce-hover 0.5s ease-in-out; /* Анимация при наведении */
}
@media (max-width: 768px) {
  .row.horizontal-row {
    flex-direction: column; /* Меняем компоновку на вертикальную */
    align-items: center; /* Центрируем элементы */
    gap: 20px; /* Добавляем расстояние между карточками */
  }

  .item-wrapper-social {
    flex-direction: column; /* Переключаем контент карточек на вертикальный вид */
    justify-content: center;
    gap: 10px;
  }

  .card-title {
    font-size: 1.5rem; /* Уменьшаем шрифт для мобильных */
  }

  .icon-center {
    margin-bottom: 10px; /* Добавляем отступ снизу для визуального разделения */
  }
}