@media (max-width: 1167px) {
  /* Поднять текст над формой на мобильном */
  #contact-faq .container.flex {
	flex-direction: column !important;
  }
  
  /* Опционально: центрировать текст */
  #contact-faq h2,
  #contact-faq p {
	text-align: center;
  }
  
  /* Опционально: добавить отступы между блоками */
  #contact-faq > div > div:first-child {
	margin-bottom: 30px;
  }
}

.contacts.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.contacts .ib-li.card {
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
}

/* Планшеты: 2 колонки */
@media (max-width: 991px) {
  .contacts.container {
	grid-template-columns: repeat(2, 1fr);
  }
}

/* Мобильные: 1 колонка */
@media (max-width: 767px) {
  .contacts.container {
	grid-template-columns: 1fr;
  }
}