@media (max-width: 1199px) {
  .home-services {
    padding: 5.5rem 0;
  }

  .service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.35rem;
  }
}

@media (max-width: 767px) {
  .home-services {
    padding: 4rem 0;
  }

  .service-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

@media (max-width: 575px) {
  .home-services {
    padding: 3.5rem 0;
  }

  .service-grid {
    gap: 0.9rem;
  }
}