#services .service-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  row-gap: 24px;
}

#services .service-cards > .col-lg-3 {
  width: auto;
  max-width: none;
  display: flex;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#services .service-cards .service-item {
  width: 100%;
  height: 100%;
}

@media (max-width: 991px) {
  #services .service-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  #services .service-cards {
    grid-template-columns: minmax(0, 1fr);
  }
}