/* ================================================================
   Responsive Breakpoints
   ================================================================ */

@media (max-width: 575.98px) {
  .hero-heading { font-size: 2.2rem !important; }
  .section-padding { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .card-grid-3 { grid-template-columns: 1fr !important; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .hero-heading { font-size: 2.8rem !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero-heading { font-size: 3.2rem !important; }
  .card-grid-4 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .card-grid-4 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (min-width: 1200px) { .card-grid-4 { grid-template-columns: repeat(4, 1fr) !important; } }
@media (min-width: 1400px) { .hero-heading { font-size: 4.2rem !important; } }