/* services.css */
/* Layout overrides specifically for the services overview page */

.services-overview-grid {
   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
   gap: 1px; /* inherit from niche-grid but ensure it stays tight */
}

@media(min-width: 992px) {
   .services-overview-grid {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media(max-width: 767px) {
   .services-overview-grid {
      grid-template-columns: 1fr;
   }
}