/**
 * Minified by jsDelivr using clean-css v5.3.2.
 * Original file: /npm/modern-normalize@3.0.1/modern-normalize.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
*, ::after, ::before {
  box-sizing: border-box;
}

html {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}

body {
  margin: 0;
}

b, strong {
  font-weight: bolder;
}

code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: currentcolor;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}


/* Standard Colors */
:root {
  --color-white: #ffffff;
  --color-gray: #4c4c4c;
  --color-gray-dark: #262626;
  --color-gray-light: #ebebeb;
  --color-black: #000000;
  --color-black-transparent: rgba(0, 0, 0, 0.05);
  --color-yellow: #fcdf05;
  --color-yellow-highlight: #fbd102;
  --color-yellow-transparent: rgba(252, 223, 3, 0.3);
  --color-blue: #0078cc;
  --color-blue-light: #daedf7;
  --color-blue-gray: #dce0e5;
  --color-blue-highlight: #0058b8;
  --color-blue-medium: #004e87;
  --color-blue-dark: #002d50;
}

/* Content containers for Grid layout */
:root {
  --content-max-width: 1140px;
  --content-breakout-width: 1266px;
  --content-hero-width: 1440px;
  --content-padding-x: 1.25rem;
}

/* Some common rules and resets to make styling easier, but are not included in the 'modern-normalize.min.css */
/* When scrolling to an anchor, position the anchor point
   just below the top of the viewport */
html,
:has(:target) {
  scroll-padding-top: 2rem;
}

/* Use smooth motion, but only if the user didn't set the reduced-motion setting. */
@media (prefers-reduced-motion: no-preference) {
  html,
  :has(:target) {
    scroll-behavior: smooth;
  }
}
img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

/* Tries to keep wrapped text balanced in headings */
/*h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}*/
/* Prevents orphans, only works for Chromium browsers for now. */
/* Prevents very long lines of text */
/*p, li, figcaption {
    text-wrap: pretty;
    max-width: 70ch;
}*/
/* Supports container queries */
/*header, footer, main, section, article {
    container-type: inline-style;
}*/
/* Color and decoration should not change from the underlying
   style of the text, except on hover. */
a {
  color: unset;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

button {
  cursor: pointer;
}

/* Disable pointer events on elements within a anchor or button.
   It is better to add listeners on the anchor or button itself. */
a *,
button * {
  pointer-events: none;
}

/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  position: absolute;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
}

/* Show/hide elements only on screens smaller than 769px */
.visible-sm {
  display: block;
}

.hidden-sm {
  display: none;
}

@media (min-width: 769px) {
  .visible-sm {
    display: none;
  }
  .hidden-sm {
    display: block;
  }
}
/*
    Styles for the /enroll2026 pages
*/
body {
  margin: auto;
  background-color: var(--color-blue-very-light);
  padding: 0;
  color: var(--color-gray-dark);
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.4;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-optical-sizing: auto;
  --_main-max-width: calc(var(--content-padding-x) * 2 + var(--content-max-width));
}

h1 {
  font-weight: 300;
  font-size: clamp(1.5rem, 1.0158rem + 2.0657vw, 2.875rem);
}

h2 {
  margin: 0;
  color: var(--color-blue);
  font-weight: 700;
  font-size: 2.5rem;
  font-size: clamp(1.875rem, 1.6549rem + 0.939vw, 2.5rem);
  line-height: 2.5rem;
  line-height: clamp(2.25rem, 1.9859rem + 1.1268vw, 3rem);
}
h2.white {
  color: var(--color-white);
}
h2.blue-dark {
  color: var(--color-blue-dark);
}
h2.nowrap {
  white-space: nowrap;
}

h3 {
  color: var(--color-blue-dark);
  font-weight: 700;
  font-size: 1.125rem;
}

p {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.7rem;
}
p a {
  color: var(--color-blue);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
p a:hover {
  color: var(--color-blue-highlight);
  text-decoration: underline;
}
p a ~ sup.no-underline {
  /* Use the same color and weight as the anchor, but without text-decoration */
  color: var(--color-blue);
  font-weight: 700;
  text-decoration: none;
}

ul li {
  font-size: 1.125rem;
  line-height: 1.7rem;
}

.btn {
  --_color-btn-bg: var(--color-blue);
  --_color-btn: var(--color-white);
  --_color-btn-shadow: var(--color-black-transparent);
  --_color-btn-highlight: var(--color-blue-highlight);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
  cursor: pointer;
  margin: auto;
  box-shadow: 0 0 14px 2px var(--_color-btn-shadow);
  border: none;
  border-radius: 8px;
  background-color: var(--_color-btn-bg);
  padding: 0.7rem 1.25rem;
  width: 100%;
  color: var(--_color-btn);
  font-weight: bold;
  font-size: 1.125rem;
  line-height: normal;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 576px) {
  .btn {
    width: auto;
  }
}
.btn:hover, .btn:focus {
  background-color: var(--_color-btn-highlight);
  text-decoration: none;
}
.btn.yellow {
  --_color-btn-bg: var(--color-yellow);
  --_color-btn: var(--color-black);
  --_color-btn-highlight: var(--color-yellow-highlight);
}
.btn.outline-blue {
  --_color-btn-bg: transparent;
  --_color-btn-highlight: var(--color-black-transparent);
  --_color-btn: var(--color-blue);
  border: 1px solid var(--_color-btn);
}
.btn.outline-blue:hover, .btn.outline-blue:focus {
  --_color-btn: var(--color-blue-highlight);
}
.btn.outline-white {
  --_color-btn-bg: transparent;
  --_color-btn-highlight: var(--color-black-transparent);
  --_color-btn: var(--color-white);
  border: 1px solid var(--_color-btn);
}
.btn-text.download-black {
  background-image: url(../images/icon-download-black.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 1.75rem;
}
.btn-text.download-white {
  background-image: url(../images/icon-download-white.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 1.75rem;
}

.noWrap {
  white-space: nowrap;
}

header {
  border-bottom: 1px solid var(--color-blue-gray);
  background-color: var(--color-white);
}
header #header-content {
  display: flex;
  flex-direction: column-reverse;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  margin: auto;
  max-width: var(--_main-max-width);
}
@media (min-width: 769px) {
  header #header-content {
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
header #header-content img {
  margin: 0 auto;
  /* Safari needs the width, max-height and height set for it to be positioned properly. */
  width: auto;
  height: 52px;
  max-height: 52px;
}
@media (min-width: 769px) {
  header #header-content img {
    margin: 0;
    min-width: 300px;
    height: 82px;
    /* Safari needs the max-height and height set for it to be positioned properly. */
    max-height: 82px;
  }
}
header #header-content #header-brand,
header #header-content #header-contact {
  padding: 16px var(--content-padding-x);
  width: 100%;
}
@media (min-width: 769px) {
  header #header-content #header-brand,
  header #header-content #header-contact {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 769px) {
  header #header-content #header-brand {
    width: fit-content;
  }
}
header #header-content #header-contact {
  background-color: var(--color-blue-light);
  font-size: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);
  text-align: center;
}
@media (min-width: 769px) {
  header #header-content #header-contact {
    background-color: var(--color-white);
    text-align: right;
  }
}
header a {
  color: var(--color-blue);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

main .container {
  margin: auto;
  max-width: var(--_main-max-width);
}

#reminder {
  background-color: var(--color-blue-dark);
  color: var(--color-white);
}
#reminder .container {
  padding: 1rem 1.875rem;
}
@media (min-width: 769px) {
  #reminder .container {
    padding: 1.5rem;
  }
}
#reminder .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#reminder .container .content {
  flex: 1;
  font-size: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);
  line-height: 22px;
}
#reminder .container .content .copy {
  margin-right: 0.5rem;
}
#reminder .container .content .copy .days {
  font-weight: 700;
}
#reminder .container .content .event {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  white-space: nowrap;
}
#reminder .container .content .event img.arrow {
  display: inline-block;
  margin-left: 0.5rem;
  width: 18px;
  height: auto;
  text-decoration: none;
}
@media (min-width: 769px) {
  #reminder .container .content .event img.arrow {
    width: 22px;
  }
}
#reminder .container .close {
  align-self: center;
  margin-left: 1rem;
}
#reminder .container .close img {
  cursor: pointer;
  width: 16px;
  height: auto;
}

#hero {
  background-color: var(--color-blue);
}
#hero .container {
  position: relative;
  background-image: url(../images/hero-mobile.png);
  background-position: 50% 0;
  background-repeat: no-repeat;
  padding: 0 0 32px 0;
}
@media (min-width: 375px) {
  #hero .container {
    background-size: clamp(320px, 75%, 500px);
  }
}
@media (min-width: 769px) {
  #hero .container {
    background-image: url(../images/hero.png);
    background-position: 98.5% 50%;
    background-size: clamp(251px, 50%, 457px);
    padding: 60px 0;
  }
}
@media (min-width: 1100px) {
  #hero .container {
    background-position: 98.5% 20%;
    padding: 75px 0;
  }
}
#hero .content {
  margin: 0 max(20px, 50% - 600px);
}
#hero .content .copy {
  padding-top: clamp(17.8125rem, 7.9973rem + 41.8782vw, 28.125rem);
  color: var(--color-white);
}
@media (min-width: 769px) {
  #hero .content .copy {
    padding-top: 0;
    max-width: 50%;
  }
}
@media (min-width: 1100px) {
  #hero .content .copy {
    max-width: 57%;
  }
}
#hero .content .copy h1 {
  margin: 0;
  font-size: 50px;
  line-height: 55px;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hero .content .copy h1 {
    font-size: clamp(2.1875rem, 1.0431rem + 4.8826vw, 5.4375rem);
    line-height: clamp(3.4375rem, 2.7333rem + 3.0047vw, 5.4375rem);
  }
}
#hero .content .copy h1 .bold {
  color: var(--color-blue-dark);
  font-weight: 800;
}
#hero .content .copy h1 .large {
  display: block;
  font-size: 45px;
}
@media (min-width: 769px) {
  #hero .content .copy h1 .large {
    font-size: clamp(2.1875rem, 0.8011rem + 5.9155vw, 6.125rem);
  }
}
#hero .content .copy p {
  margin: 10px 0 20px 0;
  font-size: clamp(1.125rem, 0.993rem + 0.5634vw, 1.5rem);
  line-height: clamp(1.6875rem, 1.6479rem + 0.169vw, 1.8rem);
}
@media (min-width: 769px) {
  #hero .content .copy p {
    margin: 32px 0;
  }
}

#countdown {
  background-color: var(--color-white);
  color: var(--color-gray);
}
#countdown .container {
  padding: 50px 0;
}
#countdown .container .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 max(20px, 50% - 600px);
}
@media (min-width: 769px) {
  #countdown .container .content {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
#countdown .container .content .calendar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  #countdown .container .content .calendar {
    padding: 0px 24px;
    width: 350px;
  }
}
@media (min-width: 1000px) {
  #countdown .container .content .calendar {
    padding: 0px 48px;
    width: 457px;
  }
}
#countdown .container .content .calendar .date {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 15px;
}
#countdown .container .content .calendar .date .digit-bg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 29px;
  background-color: var(--color-blue-dark);
  width: 151px;
  height: 138px;
}
@media (min-width: 769px) {
  #countdown .container .content .calendar .date .digit-bg {
    border-radius: 33px;
    width: 174px;
    height: 159px;
  }
}
#countdown .container .content .calendar .date .digit-bg .numbers {
  position: relative;
  top: -5px;
  color: var(--color-white);
  font-style: normal;
  font-weight: 300;
  font-size: 125px;
  line-height: normal;
  text-align: center;
}
@media (min-width: 769px) {
  #countdown .container .content .calendar .date .digit-bg .numbers {
    font-size: 161px;
  }
}
#countdown .container .content .calendar .date .count-down-days {
  position: absolute;
  margin-left: 55px;
  letter-spacing: 140px;
}
#countdown .container .content .calendar .date .count-down-days .number {
  display: none;
}
#countdown .container .content .calendar .copy {
  padding: 20px 30px;
  text-align: center;
}
@media (min-width: 769px) {
  #countdown .container .content .calendar .copy {
    padding: 20px 0;
  }
}
#countdown .container .content .calendar .copy p {
  margin: 0;
  color: var(--color-gray);
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28.8px;
}
@media (min-width: 769px) {
  #countdown .container .content .calendar .copy p {
    font-size: 24px;
  }
}
#countdown .container .content .calendar .set-reminder,
#countdown .container .content .calendar .btn {
  width: 100%;
}
#countdown .container .content .calendar .set-reminder a {
  line-height: normal;
}
#countdown .container .content .copy {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 40px;
}
@media (min-width: 769px) {
  #countdown .container .content .copy {
    gap: 15px;
    padding-top: 0;
    padding-left: 20px;
  }
}
@media (min-width: 1100px) {
  #countdown .container .content .copy {
    padding-left: 30px;
  }
}
#countdown .container .content .copy p {
  margin: 0;
  line-height: 27px;
}
#countdown .container .content .copy ul {
  margin: 0;
  padding: 0;
}
@media (min-width: 769px) {
  #countdown .container .content .copy ul {
    margin: 0 0 0 20px;
  }
}
#countdown .container .content .copy ul li {
  margin-left: 30px;
  padding: 0;
  line-height: 31.5px;
}
@media (min-width: 769px) {
  #countdown .container .content .copy ul li {
    margin-left: 20px;
  }
}
@media (min-width: 1000px) {
  #countdown .container .content .copy ul li {
    margin-left: 30px;
  }
}

#benefits {
  background-color: var(--color-blue-light);
}
#benefits .container {
  max-width: var(--content-hero-width);
}
#benefits .container .content {
  display: flex;
  position: relative;
  flex-direction: column-reverse;
  text-align: left;
}
@media (min-width: 769px) {
  #benefits .container .content {
    flex-direction: row;
  }
}
#benefits .container .content .copy {
  display: flex;
  justify-content: center;
  padding: 0.625rem 2rem 2rem 2rem;
  text-align: center;
}
@media (min-width: 769px) {
  #benefits .container .content .copy {
    padding: 3% 10px 12px 0;
    width: 50%;
    text-align: left;
  }
}
@media (min-width: 1100px) {
  #benefits .container .content .copy {
    justify-content: flex-end;
    width: 57.5%;
  }
}
@media screen and (min-width: 769px) and (max-width: 900px) {
  #benefits .container .content .copy {
    width: 100%;
  }
}
@media (min-width: 769px) {
  #benefits .container .content .copy .inner {
    max-width: 92%;
  }
}
#benefits .container .content .copy .inner span {
  display: block;
}
@media (min-width: 769px) {
  #benefits .container .content .copy .inner span {
    display: inline-block;
  }
}
#benefits .container .content .copy h3 {
  margin: 0 0 5px 0;
  color: var(--color-blue-dark);
  font-size: 24px;
  line-height: 28.8px;
}
#benefits .container .content .copy p {
  margin: 25px 0;
  color: var(--color-gray);
  font-size: 24px;
  line-height: 28.8px;
}
#benefits .container .content .copy .icon {
  margin-bottom: 25px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  padding-top: 80px;
}
@media (min-width: 769px) {
  #benefits .container .content .copy .icon {
    background-position: 0 50%;
    padding-top: 0;
    padding-left: 90px;
    max-width: 580px;
  }
}
#benefits .container .content .copy .icon.network {
  background-image: url(../images/icon-network.png);
}
#benefits .container .content .copy .icon.local {
  background-image: url(../images/icon-local.png);
}
#benefits .container .content .copy .icon.money {
  background-image: url(../images/icon-money.png);
}
#benefits .container .content .copy .icon p {
  margin: 0;
  font-size: 18px;
  line-height: 27px;
}
#benefits .container .content .circle-image {
  position: relative;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 100%;
  height: 286px;
  overflow: hidden;
}
@media (min-width: 769px) {
  #benefits .container .content .circle-image {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 50%;
    height: auto;
  }
}
@media (min-width: 1100px) {
  #benefits .container .content .circle-image {
    width: 42.5%;
  }
}
@media screen and (min-width: 769px) and (max-width: 900px) {
  #benefits .container .content .circle-image {
    display: none;
  }
}
#benefits .container .content .circle-image::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background: url(../images/benefits.jpg) no-repeat;
  background-size: cover;
  background-position-x: 100%;
  background-position-y: 40%;
  width: 100%;
  height: 100%;
  content: "";
}
@media (min-width: 769px) {
  #benefits .container .content .circle-image::before {
    border-radius: 806px;
    background-size: clamp(49.375rem, 77.5419rem + -31.2966vw, 62.5rem);
    background-position-x: clamp(-29.6875rem, -50.8178rem + 43.9642vw, -11.25rem);
    background-position-y: 95px;
    width: 806px;
    height: 806px;
  }
}
@media (min-width: 1100px) {
  #benefits .container .content .circle-image::before {
    background-position-y: 125px;
  }
}

#service {
  background-color: var(--color-blue-dark);
}
#service .container {
  padding: 2.5rem 0;
}
@media (min-width: 769px) {
  #service .container {
    padding: 64px 0;
  }
}
#service .container .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 max(20px, 50% - 600px);
  text-align: center;
}
#service .container .content p {
  margin: 0;
  color: var(--color-white);
}

#guide {
  background-color: var(--color-white);
}
#guide .container {
  padding: 2.5rem 0;
}
@media (min-width: 769px) {
  #guide .container {
    padding: 55px 0;
  }
}
#guide .container .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin: 0 max(20px, 50% - 600px);
  text-align: center;
}
@media (min-width: 769px) {
  #guide .container .content {
    flex-direction: row;
    margin: 0 max(40px, 50% - 600px);
    text-align: left;
  }
}
@media (min-width: 1100px) {
  #guide .container .content {
    margin: 0 max(70px, 50% - 600px);
  }
}
#guide .container .content .image img {
  max-width: none;
  height: 315px;
}
#guide .container .content .copy {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
#guide .container .content .copy h3 {
  margin: 0;
  font-weight: 700;
  font-size: clamp(1.5rem, 1.368rem + 0.5634vw, 1.875rem);
  line-height: clamp(1.8rem, 1.6415rem + 0.6761vw, 2.25rem);
}
#guide .container .content .copy p {
  margin: 0;
  color: var(--color-gray);
  font-size: clamp(1.125rem, 0.993rem + 0.5634vw, 1.5rem);
  line-height: clamp(1.6875rem, 1.6479rem + 0.169vw, 1.8rem);
}

#hsa {
  background-color: var(--color-blue-light);
}
#hsa .container {
  padding: 2.5rem 0;
}
@media (min-width: 769px) {
  #hsa .container {
    padding: 53px 0;
  }
}
#hsa .container .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 max(20px, 50% - 600px);
  text-align: center;
}
#hsa .container .content h3 {
  margin: 0;
  color: var(--color-blue-dark);
  font-size: clamp(1.5rem, 1.368rem + 0.5634vw, 1.875rem);
}
#hsa .container .content p {
  margin: 0;
  color: var(--color-gray);
  font-size: clamp(1.125rem, 0.993rem + 0.5634vw, 1.5rem);
  line-height: clamp(1.6875rem, 1.5528rem + 0.5746vw, 2.07rem);
}
#hsa .container .content .buttons {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 576px) {
  #hsa .container .content .buttons {
    flex-direction: row;
    width: auto;
  }
}

footer {
  background-color: var(--color-blue-medium);
  color: var(--color-white);
  font-size: 1rem;
  line-height: normal;
}

#footer-social {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: clamp(1rem, 0.5098rem + 2.0915vw, 2rem);
  margin: auto;
  background-color: var(--color-white);
  padding: 2rem 0;
}
#footer-social img {
  justify-self: center;
  max-height: clamp(1.5rem, 1.2549rem + 1.0458vw, 2rem);
}
#footer-social img.icon-yt {
  /* YouTube icon should be slightly shorter than the others */
  padding: 0.15rem 0;
}

#footer-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  margin: clamp(1.875rem, 1.3235rem + 2.3529vw, 3rem) auto;
}
@media (min-width: 769px) {
  #footer-nav {
    flex-direction: row;
  }
}
#footer-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#footer-nav ul li {
  font-size: 16px;
  line-height: 28px;
}
#footer-nav ul li a {
  font-size: 16px;
  line-height: 28px;
}
#footer-nav h3 {
  margin: 0 0 12px;
  color: var(--color-white);
  font-weight: 700;
  font-size: 1.25rem;
  white-space: nowrap;
}
#footer-nav div {
  flex: 1;
}

#footer-nav,
#footer-copyright {
  padding-inline: var(--content-padding-x);
  max-width: var(--_main-max-width);
}

#footer-copyright {
  margin: auto;
  padding-bottom: 48px;
}
@media (min-width: 769px) {
  #footer-copyright {
    text-align: center;
  }
}
#footer-copyright .inner {
  border-top: 1px solid var(--color-blue);
  padding-top: 40px;
}

/*# sourceMappingURL=main.css.map */