/* ==========================================================================
   Service Intro Component
   ========================================================================== */

.service-intro {
  padding-top: clamp(40px, 6vh, 80px);
  padding-bottom: var(--section-padding);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--content-padding);
  padding-right: var(--content-padding);
}

.service-intro__text {
  font-family: 'Inter', sans-serif;
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.8;
  color: var(--text-secondary);
}

.service-intro__text .text-accent {
  color: var(--accent);
}