@media (max-width: 48rem) {
  .as-section-heading__title {
    font-size: var(--as-font-size-xl);
  }

  .as-service-card,
  .as-project-card__body,
  .as-article-card__body,
  .as-testimonial-card,
  .as-contact-card {
    padding: var(--as-space-4);
  }
}

@media (max-width: 30rem) {
  .as-section-heading--center {
    justify-items: start;
    text-align: start;
  }

  .as-badge,
  .as-area-chip {
    max-inline-size: 100%;
  }
}