/* ==========================================================================
   Страница «Решения для бизнеса» (business.html). Подключается после style.css.
   ========================================================================== */

/* --- Три направления с иконками ------------------------------------------ */

.business__features { padding: 58px 0 78px; }
.business__features .columns__item p { font-size: 1.125rem; line-height: 1.5rem; }
.columns--business svg { width: 80px; height: 80px; }

/* На планшете колонки встают в список с иконкой слева */
@media (min-width: 768px) and (max-width: 1199px) {
  .columns--tablet-wide { display: block; width: 100%; max-width: 880px; margin: 0; }
  .columns--tablet-wide .columns__item { width: 100%; padding: 0; }
  .columns--tablet-wide .columns__title { max-width: none; }
  .columns--tablet-wide.columns--icons .columns__item { position: relative; padding-left: 136px; margin-bottom: 56px; }
  .columns--tablet-wide.columns--icons .columns__item:last-child { margin-bottom: 0; }
  .columns--tablet-wide.columns--icons svg { position: absolute; top: 0; left: 0; }
}

@media (max-width: 1199px) {
  .business__features { padding: 17px 0 78px; }
}

@media (max-width: 767px) {
  .business__features { padding: 9px 0 55px; }
  .business__features .columns__item p { font-size: .875rem; line-height: 1.375rem; }
  .columns--business svg { width: 40px; height: 40px; }
}

/* --- Баннер «Функционал платформы» --------------------------------------- */

.columns--projects { flex-direction: column; margin: 0; }
.columns--projects li:last-child h3 { margin-bottom: 0; }

.columns__title--project {
  max-width: none;
  font-weight: 500;
  font-size: 1.625rem;
  line-height: 2rem;
}

@media (max-width: 1199px) {
  .columns__title--project { margin-bottom: 17px; }
}

@media (max-width: 767px) {
  .business__platforms { border-bottom: 1px solid rgba(10, 20, 40, .24); }
  .business__platforms::before { height: 342px; }
  .columns__title--project { font-size: 1.25rem; line-height: 1.75rem; }
}