@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

#hwl-info#hwl-info {
  --hwl-primary: #176b87 !important;
  --hwl-secondary: #2f9c95 !important;
  --hwl-ink: #123044 !important;
  --hwl-body: #587080 !important;
  --hwl-bg: #f1f8f8 !important;
  --hwl-surface: #ffffff !important;
  --hwl-border: rgba(23,107,135,.15) !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--hwl-ink) !important;
  font-family: Inter, Arial, sans-serif !important;
  background: var(--hwl-bg) !important;
}

#hwl-info#hwl-info * {
  box-sizing: border-box !important;
}

#hwl-info#hwl-info .hwl-sec {
  width: 100% !important;
  padding: 72px 24px !important;
}

#hwl-info#hwl-info .hwl-intro {
  padding-top: 56px !important;
  background: linear-gradient(135deg,#ffffff,#f1f8f8) !important;
  border-bottom: 1px solid var(--hwl-border) !important;
}

#hwl-info#hwl-info .hwl-content {
  background: #ffffff !important;
}

#hwl-info#hwl-info .hwl-faq {
  background: #f1f8f8 !important;
}

#hwl-info#hwl-info .hwl-seo {
  padding-bottom: 40px !important;
  background: #ffffff !important;
}

#hwl-info#hwl-info .hwl-inner {
  width: 100% !important;
  max-width: 860px !important;
  margin: 0 auto !important;
}

#hwl-info#hwl-info .hwl-eyebrow {
  margin: 0 0 14px !important;
  color: var(--hwl-primary) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

#hwl-info#hwl-info h1,
#hwl-info#hwl-info h2,
#hwl-info#hwl-info h3 {
  color: var(--hwl-ink) !important;
  font-family: Inter, Arial, sans-serif !important;
}

#hwl-info#hwl-info h1 {
  max-width: 720px !important;
  margin: 0 0 18px !important;
  font-size: clamp(2.2rem,5vw,4.5rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.055em !important;
}

#hwl-info#hwl-info h2 {
  margin: 0 0 14px !important;
  padding-top: 28px !important;
  font-size: clamp(1.55rem,3vw,2.25rem) !important;
  line-height: 1.16 !important;
  letter-spacing: -.035em !important;
}

#hwl-info#hwl-info h3 {
  margin: 28px 0 8px !important;
  font-size: 1.08rem !important;
  line-height: 1.4 !important;
}

#hwl-info#hwl-info p {
  max-width: 760px !important;
  margin: 0 0 18px !important;
  color: var(--hwl-body) !important;
  font-size: 1rem !important;
  line-height: 1.78 !important;
}

#hwl-info#hwl-info h1::after {
  display: block !important;
  width: 88px !important;
  height: 5px !important;
  margin-top: 24px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,var(--hwl-primary),var(--hwl-secondary)) !important;
  content: "" !important;
}

@media (max-width: 639px) {
  #hwl-info#hwl-info .hwl-sec {
    padding: 44px 18px !important;
  }

  #hwl-info#hwl-info .hwl-intro {
    padding-top: 36px !important;
  }

  #hwl-info#hwl-info h1 {
    font-size: 2.35rem !important;
  }

  #hwl-info#hwl-info h2 {
    font-size: 1.55rem !important;
  }

  #hwl-info#hwl-info p {
    font-size: .94rem !important;
  }
}