.services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }
  @media (min-width: 576px) {
    .services-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (min-width: 768px) {
    .services-grid { grid-template-columns: repeat(3, 1fr); }
  }
  @media (min-width: 1200px) {
    .services-grid { grid-template-columns: repeat(5, 1fr); }
  }
  /* Remove Bootstrap’s row negative margins when grid is used */
  .services-grid.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .services-grid > [class^="col-"],
  .services-grid > [class*=" col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }