/*
 * Bounded homepage layout correction.
 * Four featured service cards fill the available row on wide views.
 * Tablet uses two columns and mobile remains readable.
 */
@media (min-width: 821px) {
  body.page-en #services .flagship-grid,
  body.page-ar #services .flagship-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 820px) and (min-width: 721px) {
  body.page-en #services .flagship-grid,
  body.page-ar #services .flagship-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}