@layer pages {
/* Services page */

.services {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.service {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.service__name {
  font-size: 2rem !important;
  font-weight: 500 !important;
  font-family: var(--font-family-sans-serif) !important;
}

.service__description {
  font-size: 1rem !important;
  font-family: var(--font-family-sans-serif) !important;
}

.service__levels {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.service-clients {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.service-clients__header {
  font-size: 2rem !important;
  text-transform: uppercase !important;
  color: var(--neutral-300) !important;
  font-weight: 500 !important;
  font-family: var(--font-family-sans-serif) !important;
}
}