/* Dedicated Benefits template. All copy is in page-benefits.php. */
body.l4y-benefits-page .l4y-benefits-main {
  background: #fff;
  color: #4b5a67;
  font-family: 'Nunito Sans', Arial, sans-serif;
}
body.l4y-benefits-page .l4y-benefits-main .l4y-shell {
  width: min(1140px, calc(100% - 96px));
  max-width: 1140px;
}
body.l4y-benefits-page .l4y-benefits-intro {
  padding: 48px 0 45px;
  border-bottom: 1px solid #dce9ee;
  background: linear-gradient(115deg, #eaf5fa 0%, #f7fbfe 100%);
}
body.l4y-benefits-page .l4y-benefits-intro h1 {
  max-width: 790px;
  margin: 0 0 17px;
  color: #102d47;
  font: 800 clamp(32px, 3.4vw, 46px)/1.12 'Nunito Sans', Arial, sans-serif;
  letter-spacing: -.04em;
}
body.l4y-benefits-page .l4y-benefits-intro p {
  max-width: 760px;
  margin: 0;
  color: #3e5968;
  font-size: 16px;
  line-height: 1.65;
}
body.l4y-benefits-page .l4y-benefits-content { padding: 30px 0 64px; }
body.l4y-benefits-page .l4y-benefits-overview,
body.l4y-benefits-page .l4y-benefits-details,
body.l4y-benefits-page .l4y-benefits-support { display: grid; gap: 16px; }
body.l4y-benefits-page .l4y-benefits-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 24px; }
body.l4y-benefits-page .l4y-benefits-details { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 24px 0 16px; }
body.l4y-benefits-page .l4y-benefits-support { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.l4y-benefits-page .l4y-benefits-card {
  min-width: 0;
  height: 100%;
  padding: 25px 27px;
  border: 1px solid #dce6eb;
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
}
body.l4y-benefits-page .l4y-benefits-overview .l4y-benefits-card { border-top: 3px solid #31989b; }
body.l4y-benefits-page .l4y-benefits-card h2,
body.l4y-benefits-page .l4y-benefits-notes h2,
body.l4y-benefits-page .l4y-benefits-steps h2 {
  margin: 0 0 13px;
  color: #102d47;
  font: 800 20px/1.3 'Nunito Sans', Arial, sans-serif;
  letter-spacing: -.02em;
  text-transform: none;
}
body.l4y-benefits-page .l4y-benefits-card p,
body.l4y-benefits-page .l4y-benefits-card li,
body.l4y-benefits-page .l4y-benefits-notes p {
  color: #4b5a67;
  font: 400 14px/1.65 'Nunito Sans', Arial, sans-serif;
}
body.l4y-benefits-page .l4y-benefits-card p { margin: 0; }
body.l4y-benefits-page .l4y-benefits-card ul { margin: 0 0 9px; padding-left: 20px; }
body.l4y-benefits-page .l4y-benefits-card li { margin-bottom: 6px; padding-left: 2px; }
body.l4y-benefits-page .l4y-benefits-card li:last-child { margin-bottom: 0; }
body.l4y-benefits-page .l4y-benefits-card li::marker { color: #31989b; }
body.l4y-benefits-page .l4y-benefits-details .l4y-benefits-card ul + p { margin-top: 13px; }
body.l4y-benefits-page .l4y-benefits-steps {
  padding: 26px 28px 28px;
  border: 1px solid #dce9ee;
  border-radius: 4px;
  background: #f3f9fc;
}
body.l4y-benefits-page .l4y-benefits-steps h2 { margin-bottom: 18px; }
body.l4y-benefits-page .l4y-benefits-steps ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.l4y-benefits-page .l4y-benefits-steps li {
  min-width: 0;
  min-height: 83px;
  margin: 0;
  padding: 18px 19px 18px 22px;
  border-left: 3px solid #31989b;
  border-radius: 3px;
  background: #fff;
  color: #243c4c;
  font: 700 14px/1.5 'Nunito Sans', Arial, sans-serif;
}
body.l4y-benefits-page .l4y-benefits-notes {
  margin-top: 24px;
  padding: 23px 27px;
  border-left: 3px solid #31989b;
  border-radius: 3px;
  background: #f6f9fb;
}
body.l4y-benefits-page .l4y-benefits-notes h2 { margin-bottom: 10px; }
body.l4y-benefits-page .l4y-benefits-notes p { margin: 0; }
body.l4y-benefits-page .l4y-benefits-contact {
  margin: 26px 0 0;
  padding-top: 20px;
  border-top: 1px solid #e1eaee;
  color: #365468;
  font: 600 14px/1.6 'Nunito Sans', Arial, sans-serif;
}
@media (max-width: 849px) {
  body.l4y-benefits-page .l4y-benefits-main .l4y-shell { width: calc(100% - 32px); }
  body.l4y-benefits-page .l4y-benefits-details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.l4y-benefits-page .l4y-benefits-steps ul { grid-template-columns: minmax(0, 1fr); }
  body.l4y-benefits-page .l4y-benefits-steps li { min-height: 0; }
}
@media (max-width: 600px) {
  body.l4y-benefits-page .l4y-benefits-intro { padding: 32px 0; }
  body.l4y-benefits-page .l4y-benefits-intro p { font-size: 14px; }
  body.l4y-benefits-page .l4y-benefits-content { padding: 22px 0 45px; }
  body.l4y-benefits-page .l4y-benefits-overview,
  body.l4y-benefits-page .l4y-benefits-details,
  body.l4y-benefits-page .l4y-benefits-support { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.l4y-benefits-page .l4y-benefits-overview { margin-bottom: 18px; }
  body.l4y-benefits-page .l4y-benefits-details { margin: 18px 0 12px; }
  body.l4y-benefits-page .l4y-benefits-card,
  body.l4y-benefits-page .l4y-benefits-notes { padding: 21px 20px; }
  body.l4y-benefits-page .l4y-benefits-steps { padding: 21px 20px; }
}