/* FORCE 3 COLUMNS ON MOBILE FOR SERVICES */
@media (max-width: 768px) {
    .services-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-flow: row;
      gap: 12px;
    }
  
    .service-card {
      margin: 0;
    }
  
    .service-img {
      height: 120px; /* keeps cards compact on mobile */
    }
  
    .service-content {
      padding: 12px;
      text-align: center;
    }
  
    .service-content h3 {
      font-size: 0.9rem;
    }
  
    .service-content p {
      font-size: 0.75rem;
    }
  }


/* MOBILE: 2 COLUMNS × 3 ROWS FOR SERVICES */
@media (max-width: 768px) {
    .services-grid {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: auto;
      gap: 16px;
    }
  
    .service-card {
      width: 100% !important;
    }
  }