/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./src/styles/styles.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Sora:wght@100..800&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./src/styles/styles.scss (1) ***!
  \***************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Sora:wght@100..800&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./src/styles/styles.scss (2) ***!
  \***************************************************************************************************************************************************************************************************************************************/
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Bridge-Text";
  font-weight: 400;
  font-style: normal;
  src: url(../27baf832c3249a4add82.woff2) format("woff2");
}
/* ------------------------------------- */
.heading-style-1, .wysiwyg > h1, .context--large .context__heading {
  font-family: "Sora", sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  font-style: normal;
  line-height: 110%;
}
@media only screen and (min-width: 40em) {
  .heading-style-1, .wysiwyg > h1, .context--large .context__heading {
    font-size: 3rem;
  }
}

.heading-style-2, .wysiwyg > h2, .context--medium .context__heading {
  font-family: "Sora", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  font-style: normal;
  line-height: 120%;
}
@media only screen and (min-width: 40em) {
  .heading-style-2, .wysiwyg > h2, .context--medium .context__heading {
    font-size: 2.125rem;
  }
}

.heading-style-3, .wysiwyg > h3, .context--small .context__heading {
  font-family: "Sora", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  font-style: normal;
  line-height: 120%;
}

.heading-style-4, .wysiwyg > h4, .benefits-grid--stats .benefits-grid__card .context__subheading, .context--xsmall .context__heading {
  font-family: "Sora", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  font-style: normal;
  line-height: 120%;
}

.subheading-style-1, .context--xsmall .context__subheading, .context--small .context__subheading, .context--medium .context__subheading, .context--large .context__subheading {
  font-family: "DM Mono", monospace;
  font-size: 1.125rem;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media only screen and (min-width: 40em) {
  .subheading-style-1, .context--xsmall .context__subheading, .context--small .context__subheading, .context--medium .context__subheading, .context--large .context__subheading {
    font-size: 1rem;
  }
}

.subheading-style-2 {
  font-family: "DM Mono", monospace;
  font-size: 0.9375rem;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media only screen and (min-width: 75em) {
  .subheading-style-2 {
    font-size: 0.8125rem;
  }
}

.paragraph-style-1, .hero__overlay p, .context--large p {
  font-family: "DM Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  font-style: normal;
  line-height: 130%;
}
@media only screen and (min-width: 40em) {
  .paragraph-style-1, .hero__overlay p, .context--large p {
    font-size: 1.625rem;
  }
}

.paragraph-style-2, .wysiwyg > p,
.wysiwyg > ul,
.wysiwyg > ol, .stories-carousel p, .context--medium p {
  font-family: "DM Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  font-style: normal;
  line-height: 130%;
}
@media only screen and (min-width: 40em) {
  .paragraph-style-2, .wysiwyg > p,
  .wysiwyg > ul,
  .wysiwyg > ol, .stories-carousel p, .context--medium p {
    font-size: 1.125rem;
  }
}

.paragraph-style-3, .list-accordion .accordion p, .list-accordion__timeline p, .context--xsmall p, .context--small p {
  font-family: "DM Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  font-style: normal;
  line-height: 130%;
}
@media only screen and (min-width: 40em) {
  .paragraph-style-3, .list-accordion .accordion p, .list-accordion__timeline p, .context--xsmall p, .context--small p {
    font-size: 1rem;
    font-weight: 500;
  }
}

.text-light {
  color: #ffffff;
}

.text-dark {
  color: #000000;
}

.text-primary {
  color: #66ffff;
}

/* ------------------------------------- */
.heading-style-1 + .paragraph-style-1, .wysiwyg > h1 + .paragraph-style-1, .hero__overlay .heading-style-1 + p, .hero__overlay .wysiwyg > h1 + p, .context--large .heading-style-1 + p, .context--large .wysiwyg > h1 + p, .context--large .context__heading + .paragraph-style-1, .context--large .context__heading + p {
  margin-top: 16px;
}

.heading-style-1 + .button-group, .wysiwyg > h1 + .button-group, .context--large .context__heading + .button-group {
  margin-top: 24px;
}

.heading-style-2 + .paragraph-style-2, .wysiwyg > .heading-style-2 + p,
.wysiwyg > .heading-style-2 + ul,
.wysiwyg > .heading-style-2 + ol, .wysiwyg > h2 + .paragraph-style-2, .wysiwyg > h2 + p,
.wysiwyg > h2 + ul,
.wysiwyg > h2 + ol, .stories-carousel .heading-style-2 + p, .context--medium .heading-style-2 + p, .context--medium .wysiwyg > h2 + p, .context--medium .context__heading + .paragraph-style-2,
.context--medium .wysiwyg > .context__heading + ul,
.context--medium .wysiwyg > .context__heading + ol, .context--medium .context__heading + p {
  margin-top: 12px;
}

.heading-style-3 + .paragraph-style-2, .wysiwyg > .heading-style-3 + p,
.wysiwyg > .heading-style-3 + ul,
.wysiwyg > .heading-style-3 + ol, .wysiwyg > h3 + .paragraph-style-2, .wysiwyg > h3 + p,
.wysiwyg > h3 + ul,
.wysiwyg > h3 + ol, .stories-carousel .heading-style-3 + p, .context--small .context__heading + .paragraph-style-2, .context--small .wysiwyg > .context__heading + p,
.context--small .wysiwyg > .context__heading + ul,
.context--small .wysiwyg > .context__heading + ol, .context--small .stories-carousel .context__heading + p, .stories-carousel .context--small .context__heading + p, .context--medium .heading-style-3 + p, .context--medium .wysiwyg > h3 + p, .context--medium .context--small .context__heading + p, .context--small .context--medium .context__heading + p {
  margin-top: 10px;
}

.heading-style-3 + .paragraph-style-3, .list-accordion .accordion .heading-style-3 + p, .list-accordion__timeline .heading-style-3 + p, .wysiwyg > h3 + .paragraph-style-3, .list-accordion .accordion .wysiwyg > h3 + p, .list-accordion__timeline .wysiwyg > h3 + p, .context--xsmall .heading-style-3 + p, .context--xsmall .wysiwyg > h3 + p, .context--small .heading-style-3 + p, .context--small .wysiwyg > h3 + p, .context--small .context__heading + .paragraph-style-3, .context--small .context__heading + p {
  margin-top: 10px;
}

.heading-style-4 + .paragraph-style-3, .list-accordion .accordion .heading-style-4 + p, .list-accordion__timeline .heading-style-4 + p, .wysiwyg > h4 + .paragraph-style-3, .list-accordion .accordion .wysiwyg > h4 + p, .list-accordion__timeline .wysiwyg > h4 + p, .benefits-grid--stats .benefits-grid__card .context__subheading + .paragraph-style-3, .benefits-grid--stats .benefits-grid__card .list-accordion .accordion .context__subheading + p, .list-accordion .accordion .benefits-grid--stats .benefits-grid__card .context__subheading + p, .benefits-grid--stats .benefits-grid__card .list-accordion__timeline .context__subheading + p, .list-accordion__timeline .benefits-grid--stats .benefits-grid__card .context__subheading + p, .context--xsmall .heading-style-4 + p, .context--xsmall .wysiwyg > h4 + p, .context--xsmall .benefits-grid--stats .benefits-grid__card .context__subheading + p, .benefits-grid--stats .benefits-grid__card .context--xsmall .context__subheading + p, .context--xsmall .context__heading + .paragraph-style-3, .context--xsmall .context__heading + p, .context--small .heading-style-4 + p, .context--small .wysiwyg > h4 + p, .context--small .benefits-grid--stats .benefits-grid__card .context__subheading + p, .benefits-grid--stats .benefits-grid__card .context--small .context__subheading + p {
  margin-top: 10px;
}

.subheading-style-1 + .heading-style-1, .wysiwyg > .subheading-style-1 + h1, .context--xsmall .context__subheading + .heading-style-1, .context--xsmall .wysiwyg > .context__subheading + h1, .context--small .context__subheading + .heading-style-1, .context--small .wysiwyg > .context__subheading + h1, .context--medium .context__subheading + .heading-style-1, .context--medium .wysiwyg > .context__subheading + h1, .context--large .subheading-style-1 + .context__heading, .context--large .context__subheading + .heading-style-1, .context--large .wysiwyg > .context__subheading + h1, .context--large .context__subheading + .context__heading {
  margin-top: 16px;
}

.subheading-style-1 + .heading-style-2, .wysiwyg > .subheading-style-1 + h2, .context--xsmall .context__subheading + .heading-style-2, .context--xsmall .wysiwyg > .context__subheading + h2, .context--small .context__subheading + .heading-style-2, .context--small .wysiwyg > .context__subheading + h2, .context--medium .subheading-style-1 + .context__heading, .context--medium .context__subheading + .heading-style-2, .context--medium .wysiwyg > .context__subheading + h2, .context--medium .context__subheading + .context__heading, .context--large .context__subheading + .heading-style-2, .context--large .wysiwyg > .context__subheading + h2 {
  margin-top: 16px;
}

.subheading-style-1 + .heading-style-3, .wysiwyg > .subheading-style-1 + h3, .context--xsmall .context__subheading + .heading-style-3, .context--xsmall .wysiwyg > .context__subheading + h3, .context--small .subheading-style-1 + .context__heading, .context--small .context__subheading + .heading-style-3, .context--small .wysiwyg > .context__subheading + h3, .context--small .context__subheading + .context__heading, .context--medium .context__subheading + .heading-style-3, .context--medium .wysiwyg > .context__subheading + h3, .context--large .context__subheading + .heading-style-3, .context--large .wysiwyg > .context__subheading + h3 {
  margin-top: 14px;
}

.subheading-style-1 + .heading-style-4, .wysiwyg > .subheading-style-1 + h4, .benefits-grid--stats .benefits-grid__card .subheading-style-1 + .context__subheading, .context--xsmall .subheading-style-1 + .context__heading, .context--xsmall .context__subheading + .heading-style-4, .context--xsmall .wysiwyg > .context__subheading + h4, .context--xsmall .benefits-grid--stats .benefits-grid__card .context__subheading + .context__subheading, .benefits-grid--stats .benefits-grid__card .context--xsmall .context__subheading + .context__subheading, .context--xsmall .context__subheading + .context__heading, .context--small .context__subheading + .heading-style-4, .context--small .wysiwyg > .context__subheading + h4, .context--small .benefits-grid--stats .benefits-grid__card .context__subheading + .context__subheading, .benefits-grid--stats .benefits-grid__card .context--small .context__subheading + .context__subheading, .context--medium .context__subheading + .heading-style-4, .context--medium .wysiwyg > .context__subheading + h4, .context--medium .benefits-grid--stats .benefits-grid__card .context__subheading + .context__subheading, .benefits-grid--stats .benefits-grid__card .context--medium .context__subheading + .context__subheading, .context--large .context__subheading + .heading-style-4, .context--large .wysiwyg > .context__subheading + h4, .context--large .benefits-grid--stats .benefits-grid__card .context__subheading + .context__subheading, .benefits-grid--stats .benefits-grid__card .context--large .context__subheading + .context__subheading {
  margin-top: 14px;
}

.subheading-style-1 + .tag-group, .context--xsmall .context__subheading + .tag-group, .context--small .context__subheading + .tag-group, .context--medium .context__subheading + .tag-group, .context--large .context__subheading + .tag-group {
  margin-top: 24px;
}

.paragraph-style-1 + .button-group, .hero__overlay p + .button-group, .context--large p + .button-group {
  margin-top: 24px;
}

.paragraph-style-2 + .heading-style-2, .wysiwyg > p + .heading-style-2,
.wysiwyg > ul + .heading-style-2,
.wysiwyg > ol + .heading-style-2, .wysiwyg > .paragraph-style-2 + h2, .wysiwyg > p + h2,
.wysiwyg > ul + h2,
.wysiwyg > ol + h2, .stories-carousel p + .heading-style-2, .context--medium p + .heading-style-2, .context--medium .wysiwyg > p + h2, .context--medium .paragraph-style-2 + .context__heading,
.context--medium .wysiwyg > ul + .context__heading,
.context--medium .wysiwyg > ol + .context__heading, .context--medium p + .context__heading {
  margin-top: 60px;
}

.paragraph-style-2 + .heading-style-3, .wysiwyg > p + .heading-style-3,
.wysiwyg > ul + .heading-style-3,
.wysiwyg > ol + .heading-style-3, .wysiwyg > .paragraph-style-2 + h3, .wysiwyg > p + h3,
.wysiwyg > ul + h3,
.wysiwyg > ol + h3, .stories-carousel p + .heading-style-3, .context--small .paragraph-style-2 + .context__heading, .context--small .wysiwyg > p + .context__heading,
.context--small .wysiwyg > ul + .context__heading,
.context--small .wysiwyg > ol + .context__heading, .context--small .stories-carousel p + .context__heading, .stories-carousel .context--small p + .context__heading, .context--medium p + .heading-style-3, .context--medium .wysiwyg > p + h3, .context--medium .context--small p + .context__heading, .context--small .context--medium p + .context__heading {
  margin-top: 60px;
}

.paragraph-style-2 + .paragraph-style-2, .wysiwyg > p + .paragraph-style-2,
.wysiwyg > ul + .paragraph-style-2,
.wysiwyg > ol + .paragraph-style-2, .wysiwyg > .paragraph-style-2 + p, .wysiwyg > p + p,
.wysiwyg > ul + p,
.wysiwyg > ol + p,
.wysiwyg > .paragraph-style-2 + ul,
.wysiwyg > p + ul,
.wysiwyg > ul + ul,
.wysiwyg > ol + ul,
.wysiwyg > .paragraph-style-2 + ol,
.wysiwyg > p + ol,
.wysiwyg > ul + ol,
.wysiwyg > ol + ol, .stories-carousel p + .paragraph-style-2, .stories-carousel .paragraph-style-2 + p, .stories-carousel p + p, .context--medium p + .paragraph-style-2, .context--medium .wysiwyg > p + p,
.context--medium .wysiwyg > p + ul,
.context--medium .wysiwyg > p + ol, .context--medium .stories-carousel p + p, .stories-carousel .context--medium p + p, .context--medium .paragraph-style-2 + p,
.context--medium .wysiwyg > ul + p,
.context--medium .wysiwyg > ol + p, .context--medium p + p {
  margin-top: 24px;
}

.paragraph-style-2 + .button-group, .wysiwyg > p + .button-group,
.wysiwyg > ul + .button-group,
.wysiwyg > ol + .button-group, .stories-carousel p + .button-group, .context--medium p + .button-group {
  margin-top: 24px;
}

.paragraph-style-3 + .button-group, .list-accordion .accordion p + .button-group, .list-accordion__timeline p + .button-group, .context--xsmall p + .button-group, .context--small p + .button-group {
  margin-top: 20px;
}

.tag-group + .heading-style-1, .wysiwyg > .tag-group + h1, .context--large .tag-group + .context__heading {
  margin-top: 24px;
}

.tag-group + .heading-style-2, .wysiwyg > .tag-group + h2, .context--medium .tag-group + .context__heading {
  margin-top: 16px;
}

/* ------------------------------------- */
.button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.button-group--text-indigo, .button-group--text-magenta {
  -moz-column-gap: 30px !important;
       column-gap: 30px !important;
  row-gap: 16px;
}

/* ------------------------------------- */
.btn--indigo, .hbspt-form .hs-button {
  font-family: "DM Mono", monospace;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  color: #ffffff;
  background-color: #1B00A0;
  border: 2px solid;
  border-radius: 50px;
  border-color: #1B00A0;
}
.btn--indigo:hover, .hbspt-form .hs-button:hover {
  color: #ffffff;
  background-color: #BE17AC;
  border-color: #BE17AC;
}
.btn--magenta {
  font-family: "DM Mono", monospace;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  color: #ffffff;
  background-color: #BE17AC;
  border: 2px solid;
  border-radius: 50px;
  border-color: #BE17AC;
}
.btn--magenta:hover {
  color: #ffffff;
  background-color: #840777;
  border-color: #840777;
}
.btn--green {
  font-family: "DM Mono", monospace;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  color: #000000;
  background-color: #4AB052;
  border: 2px solid;
  border-radius: 50px;
  border-color: #4AB052;
}
.btn--green:hover {
  color: #ffffff;
  background-color: #06660E;
  border-color: #06660E;
}
.btn--aqua {
  font-family: "DM Mono", monospace;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  color: #000000;
  background-color: #0CB0F1;
  border: 2px solid;
  border-radius: 50px;
  border-color: #0CB0F1;
}
.btn--aqua:hover {
  color: #ffffff;
  background-color: #09678C;
  border-color: #09678C;
}
.btn--honey {
  font-family: "DM Mono", monospace;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  color: #000000;
  background-color: #FFA621;
  border: 2px solid;
  border-radius: 50px;
  border-color: #FFA621;
}
.btn--honey:hover {
  color: #ffffff;
  background-color: #9F6309;
  border-color: #9F6309;
}
.btn--white {
  font-family: "DM Mono", monospace;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  color: #BE17AC;
  background-color: #ffffff;
  border: 2px solid;
  border-radius: 50px;
  border-color: #ffffff;
}
.btn--white:hover {
  color: #ffffff;
  background-color: #BE17AC;
  border-color: #BE17AC;
}
.btn--hollow-indigo, .btn--text-indigo {
  font-family: "DM Mono", monospace;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  color: #1B00A0;
  background-color: #ffffff;
  border: 2px solid;
  border-radius: 50px;
  border-color: #1B00A0;
}
.btn--hollow-indigo:hover, .btn--text-indigo:hover {
  color: #BE17AC;
  background-color: #ffffff;
  border-color: #BE17AC;
}
.btn--hollow-green, .btn--text-green {
  font-family: "DM Mono", monospace;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  color: #000000;
  background-color: #ffffff;
  border: 2px solid;
  border-radius: 50px;
  border-color: #4AB052;
}
.btn--hollow-green:hover, .btn--text-green:hover {
  color: #06660E;
  background-color: #ffffff;
  border-color: #06660E;
}
.btn--hollow-aqua, .btn--text-aqua {
  font-family: "DM Mono", monospace;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  color: #000000;
  background-color: #ffffff;
  border: 2px solid;
  border-radius: 50px;
  border-color: #0CB0F1;
}
.btn--hollow-aqua:hover, .btn--text-aqua:hover {
  color: #09678C;
  background-color: #ffffff;
  border-color: #09678C;
}
.btn--hollow-honey, .btn--text-honey {
  font-family: "DM Mono", monospace;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  color: #000000;
  background-color: #ffffff;
  border: 2px solid;
  border-radius: 50px;
  border-color: #FFA621;
}
.btn--hollow-honey:hover, .btn--text-honey:hover {
  color: #9F6309;
  background-color: #ffffff;
  border-color: #9F6309;
}
.btn--hollow-green, .btn--hollow-aqua, .btn--hollow-honey {
  color: #000000 !important;
}
.btn--text-indigo, .btn--text-magenta, .btn--text-green, .btn--text-aqua, .btn--text-honey {
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 20%;
  background-color: transparent;
  border: 0;
}
.btn--text-indigo:hover, .btn--text-magenta:hover, .btn--text-green:hover, .btn--text-aqua:hover, .btn--text-honey:hover {
  background-color: transparent;
}
.btn--text-aqua {
  color: #0CB0F1;
}
.btn--text-green {
  color: #4AB052;
}
.btn--text-honey {
  color: #FFA621;
}

/* ------------------------------------- */
.tag-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* ------------------------------------- */
.tag {
  -moz-column-gap: 6px;
       column-gap: 6px;
  font-family: "DM Sans", sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 100px;
  background-color: #F7F3F0;
  border: 1.5px solid;
}
.tag svg {
  width: 10px;
}
.tag svg.institutions {
  fill: #0CB0F1;
}
.tag svg.states {
  fill: #4AB052;
}
.tag svg.learners {
  fill: #FFA621;
}
.tag--institutions {
  color: #09678C;
  background-color: #E0F6FF;
  border-color: #0CB0F1;
}
.tag--institutions svg {
  fill: #0CB0F1;
}
.tag--institutions:hover {
  background-color: #0CB0F1;
}
.tag--institutions:hover svg {
  fill: #09678C;
}
.tag--learners {
  color: #9F6309;
  background-color: #FFF5E0;
  border-color: #FFA621;
}
.tag--learners svg {
  fill: #FFA621;
}
.tag--learners:hover {
  background-color: #FFA621;
}
.tag--learners:hover svg {
  fill: #9F6309;
}
.tag--states {
  color: #06660E;
  background-color: #DEF7E0;
  border-color: #4AB052;
}
.tag--states svg {
  fill: #4AB052;
}
.tag--states:hover {
  background-color: #4AB052;
}
.tag--states:hover svg {
  fill: #06660E;
}
.tag--anybody {
  color: #840777;
  background-color: #FCE1F9;
  border-color: #BE17AC;
}
.tag--anybody svg {
  fill: #BE17AC;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  -moz-column-gap: 20px;
       column-gap: 20px;
  width: 100%;
  max-width: 125rem;
  padding: 0 30px;
  margin: 0 auto;
}
@media only screen and (min-width: 40em) {
  .grid {
    padding: 0 50px;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}

img {
  width: 100%;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.skip-to-content-btn {
  z-index: 101;
  position: fixed;
  top: 140px;
  left: 40px;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  font-size: 0;
}
.skip-to-content-btn:focus {
  width: auto;
  height: auto;
  padding: 12px 24px;
  font-size: 0.9375rem;
  opacity: 1;
}

.hbspt-form {
  padding: 30px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1.5px solid #EFEAE6;
}
@media only screen and (min-width: 40em) {
  .hbspt-form {
    padding: 40px;
  }
}
.hbspt-form fieldset {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  max-width: none !important;
}
@media only screen and (min-width: 40em) {
  .hbspt-form fieldset {
    flex-direction: row;
  }
}
.hbspt-form fieldset + fieldset {
  margin-top: 30px;
}
.hbspt-form .hs-form-required {
  margin-left: 4px;
}
.hbspt-form label, .hbspt-form__label {
  font-family: "DM Mono", monospace;
  font-size: 1rem;
  font-weight: 600;
  font-style: normal;
  line-height: 120%;
  text-transform: uppercase;
  letter-spacing: 5%;
  color: #1B00A0;
}
.hbspt-form label--special, .hbspt-form__label--special {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  margin-bottom: 10px;
}
.hbspt-form label + .input {
  margin-top: 10px;
}
.hbspt-form .input {
  width: 100% !important;
  margin-right: 0 !important;
}
.hbspt-form .input + .hs-error-msgs {
  margin-top: 10px;
}
.hbspt-form .hs-input {
  width: 100% !important;
  height: 46px;
  padding: 0 16px;
  border-radius: 4px;
  border: 2px solid #1B00A0;
  font-family: "DM Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 130%;
  color: #1B00A0;
}
.hbspt-form .hs-fieldtype-text,
.hbspt-form .hs-fieldtype-select,
.hbspt-form .hs-fieldtype-textarea {
  width: 100%;
}
.hbspt-form .hs-input.hs-fieldtype-textarea {
  padding: 16px;
  height: 140px;
}
.hbspt-form select {
  font-family: "DM Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 130%;
  color: #1B00A0;
  background-size: 12px;
}
.hbspt-form .inputs-list label {
  display: flex !important;
  align-items: flex-start !important;
  -moz-column-gap: 8px !important;
       column-gap: 8px !important;
}
@media only screen and (min-width: 40em) {
  .hbspt-form .inputs-list label {
    align-items: center !important;
  }
}
.hbspt-form .inputs-list input {
  flex-shrink: 0;
  padding: 0 !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid #1B00A0 !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  margin: 0 !important;
}
.hbspt-form .hs_recaptcha {
  margin: 20px 0;
}
.hbspt-form .hs_submit {
  margin-top: 60px;
}
.hbspt-form input[type=checkbox]:checked {
  background-color: #1B00A0 !important;
}

.hs-error-msg,
.hs-form-required {
  color: #BE17AC !important;
}

.hs-richtext {
  font-family: "DM Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  font-style: normal;
  line-height: 120%;
  letter-spacing: 5%;
}

.page > .article-grid + .article-grid {
  margin-top: 0;
}
.page > .context-section--background-default + div {
  margin-top: 0 !important;
}
.page > .video {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.page > .accordion {
  width: 100%;
  max-width: 83.3333333333rem;
  padding: 0 20px;
  margin-right: auto;
  margin-left: auto;
}
.page__main, .page__secondary {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 40em) {
  .page__secondary {
    grid-column: span 6/span 6;
  }
}
.page__secondary + .page__secondary {
  margin-top: 40px;
}
@media only screen and (min-width: 40em) {
  .page__secondary + .page__secondary {
    margin-top: 0;
  }
}
.page__form {
  padding: 60px 0;
  background-color: #F7F3F0;
  border-bottom: 1.5px solid #EFEAE6;
}

.post__blog {
  padding: 80px 0;
}
.post__blog .grid {
  padding: 0;
}
.post__blog > .grid {
  padding: 0 40px;
}
@media only screen and (min-width: 40em) {
  .post__blog > .grid {
    padding: 0;
  }
}
.post__blog .media-context + .media-context {
  padding-top: 0;
}
.post__main {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 40em) {
  .post__main {
    grid-column: span 10/span 10;
    grid-column-start: 2;
  }
}
@media only screen and (min-width: 75em) {
  .post__main {
    grid-column: span 8/span 8;
    grid-column-start: 3;
  }
}

.context__subheading {
  color: #BE17AC;
}
.context__heading,
.context p {
  color: #1B00A0;
}
.context--align-center {
  text-align: center;
  justify-content: center;
}

#app .context .context__subheading,
#app .context .context__heading,
#app .context .tag,
#app .context p,
#app .context .default-btn {
  opacity: 0;
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 0.75rem;
}
.button-group--centered {
  justify-content: center;
}

.context-section {
  padding: 80px 0;
}
.context-section__inner {
  position: relative;
}
.context-section__main {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 75em) {
  .context-section__main {
    grid-column: span 10/span 10;
  }
}
@media only screen and (min-width: 75em) {
  .context-section--align-center .context-section__main {
    grid-column-start: 2;
  }
}
.background--indigo .context-section .context__subheading,
.background--indigo .context-section .context__heading,
.background--indigo .context-section p {
  color: #ffffff;
}

.cta-context-section {
  position: relative;
  padding: 80px 0;
  background-image: url(../24250008de8521fde38d.png);
  background-size: 120px;
  background-color: #1B00A0;
  --before-background: linear-gradient(
    135deg,
    rgba(27,0,160,0) 0%,
    rgba(27,0,160,1) 10%
  );
}
.cta-context-section::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--before-background);
}
.cta-context-section__main {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 75em) {
  .cta-context-section__main {
    grid-column: span 10/span 10;
    grid-column-start: 2;
  }
}
.cta-context-section__context {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 50px 30px 60px;
  background-color: #F7F3F0;
  border: 30px solid #BE17AC;
}
.cta-context-section--small .cta-context-section__context {
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 75em) {
  .cta-context-section__context {
    padding: 50px 42px 60px;
  }
  .cta-context-section--medium .cta-context-section__context {
    border: 60px solid #BE17AC;
  }
}
.cta-context-section__context::before, .cta-context-section__context::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-color: #ffffff;
}
@media only screen and (min-width: 75em) {
  .cta-context-section--medium .cta-context-section__context::before, .cta-context-section--medium .cta-context-section__context::after {
    width: 60px;
    height: 60px;
  }
}
.cta-context-section__context::before {
  top: -30px;
  right: -30px;
}
@media only screen and (min-width: 75em) {
  .cta-context-section--medium .cta-context-section__context::before {
    top: -60px;
    right: -60px;
  }
}
.cta-context-section__context::after {
  bottom: -30px;
  left: -30px;
}
@media only screen and (min-width: 75em) {
  .cta-context-section--medium .cta-context-section__context::after {
    bottom: -60px;
    left: -60px;
  }
}
.cta-context-section__context .context {
  max-width: 800px;
}
.cta-context-section__headshot {
  display: block;
  width: 60px;
  margin: 0 auto 16px;
  border-radius: 50%;
  border: 1.5px solid #BE17AC;
}
.cta-context-section + .grids-section.background--indigo {
  border-radius: 0;
  padding: 80px 0 100px;
}
.cta-context-section .context__heading {
  font-size: 1.625rem;
}
@media only screen and (min-width: 40em) {
  .cta-context-section .context__heading {
    font-size: 2.125rem;
  }
}

@media only screen and (min-width: 40em) {
  .article {
    display: flex;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media only screen and (min-width: 75em) {
  .article {
    display: block;
  }
}
@media only screen and (min-width: 40em) {
  .article--parallel {
    align-items: flex-start;
  }
}
@media only screen and (min-width: 75em) {
  .article--parallel {
    display: flex;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.article--parallel .context {
  display: flex;
  flex-direction: column;
}
.article--parallel .tag-group {
  order: -1;
  margin-top: 0;
  margin-bottom: 20px;
}
.article--parallel .context__subheading {
  margin-bottom: 20px;
}
@media only screen and (min-width: 40em) {
  .article__image {
    width: 200px;
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 75em) {
  .article__image {
    position: relative;
    width: auto;
    padding-bottom: 75%;
  }
  .article__image img {
    position: absolute;
  }
}
.article--parallel .article__image {
  width: 80px;
  border-radius: 0 !important;
  padding-bottom: 0 !important;
}
@media only screen and (min-width: 40em) {
  .article--parallel .article__image {
    width: 80px;
  }
}
@media only screen and (min-width: 75em) {
  .article--parallel .article__image {
    width: 80px;
  }
}
.article--parallel .article__image img {
  position: relative;
}
.background--indigo .article__image {
  border-radius: 20px;
  overflow: hidden;
}
.article__image + .context {
  margin-top: 16px;
}
@media only screen and (min-width: 40em) {
  .article--parallel .article__image + .context {
    margin-top: 0;
  }
}
.background--indigo .article {
  padding: 30px 30px 40px;
  background-color: #FCFCF9;
}

.article-grid__inner {
  row-gap: 50px;
}
@media only screen and (min-width: 75em) {
  .article-grid__inner {
    row-gap: 80px;
  }
}
.article-grid__item {
  position: relative;
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 40em) {
  .article-grid--1-columns .article-grid__item {
    grid-column: span 8/span 8;
    grid-column-start: 3;
  }
}
@media only screen and (min-width: 75em) {
  .article-grid__item {
    grid-column: span 3/span 3;
  }
  .article-grid--1-columns .article-grid__item {
    grid-column: span 8/span 8;
    grid-column-start: 3;
  }
  .article-grid--2-columns .article-grid__item {
    grid-column: span 6/span 6;
  }
  .article-grid--3-columns .article-grid__item {
    grid-column: span 4/span 4;
  }
}

.grids-section__main {
  padding: 130px 0 140px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.grids-section__main.background--default, .grids-section__main.background--white {
  background-color: #ffffff;
}
.grids-section__main.background--indigo {
  background-color: #1B00A0;
}
.grids-section__main.background--cream {
  background-color: #F7F3F0;
}
.grids-section__main > div:last-child {
  padding-bottom: 0;
}
.grids-section__main > .context-section {
  padding-top: 0;
  padding-bottom: 0;
}
.grids-section__main > .context-section + .benefits-grid .context-section__inner,
.grids-section__main .benefits-grid + .benefits-grid .context-section__inner,
.grids-section__main .article-grid + .article-grid .context-section__inner {
  position: relative;
}
.grids-section__main > .context-section + .benefits-grid .context-section__inner::before,
.grids-section__main .benefits-grid + .benefits-grid .context-section__inner::before,
.grids-section__main .article-grid + .article-grid .context-section__inner::before {
  content: "";
  grid-column: span 12/span 12;
  padding-bottom: 80px;
  border-top: 2px solid #F7F3F0;
}
.grids-section__main > .context-section + .benefits-grid,
.grids-section__main > .context-section + .article-grid {
  margin-top: 80px;
}
.grids-section .benefits-grid:first-child .context-section .button-group,
.grids-section .article-grid:first-child .context-section .button-group {
  top: 0;
}
.grids-section .benefits-grid .context-section,
.grids-section .article-grid .context-section {
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 75em) {
  .grids-section .benefits-grid .context-section__main,
  .grids-section .article-grid .context-section__main {
    grid-column: span 8/span 8;
  }
}
@media only screen and (min-width: 75em) {
  .grids-section .benefits-grid .context-section .button-group,
  .grids-section .article-grid .context-section .button-group {
    position: absolute;
    top: 80px;
    right: 50px;
    margin-top: 0;
  }
}
.grids-section .benefits-grid .context-section + .grid,
.grids-section .article-grid .context-section + .grid {
  margin-top: 40px;
}
.grids-section .media-context {
  padding: 0;
  background-color: transparent;
  border-top: 0;
}
.grids-section .media-context::after {
  display: none;
}
.grids-section .media-context + .article-grid,
.grids-section .media-context + .benefits-grid,
.grids-section .article-grid + .article-grid {
  margin-top: 80px;
}
.grids-section .article {
  height: 100%;
}

.list-accordion + .grids-section,
.stories-carousel + .grids-section,
.background--cream + .grids-section {
  background-color: #F7F3F0;
}

.cta-context-section + .grids-section,
.background--indigo + .grids-section {
  background-color: #1B00A0;
}

.benefits-grid--large-icons .benefits-grid__card .context__heading, .benefits-grid--stats .benefits-grid__card .context__heading {
  font-size: 2.5rem;
}
@media only screen and (min-width: 75em) {
  .benefits-grid--large-icons .benefits-grid__card .context__heading, .benefits-grid--stats .benefits-grid__card .context__heading {
    font-size: 3rem;
  }
}
.benefits-grid__inner {
  row-gap: 60px;
}
@media only screen and (min-width: 40em) {
  .benefits-grid__inner {
    row-gap: 60px;
  }
}
.benefits-grid__item {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 40em) {
  .benefits-grid__item {
    grid-column: span 6/span 6;
  }
}
@media only screen and (min-width: 75em) {
  .benefits-grid__item {
    grid-column: span 3/span 3;
  }
}
@media only screen and (min-width: 40em) {
  .benefits-grid--3-columns .benefits-grid__item {
    grid-column: span 4/span 4;
  }
}
.benefits-grid--logo-wall .benefits-grid__item {
  grid-column: span 6/span 6;
}
@media only screen and (min-width: 40em) {
  .benefits-grid--logo-wall .benefits-grid__item {
    grid-column: span 3/span 3;
  }
}
@media only screen and (min-width: 75em) {
  .benefits-grid--logo-wall .benefits-grid__item {
    grid-column: span 2/span 2;
  }
}
.background--indigo .benefits-grid__card {
  padding: 30px;
  background-color: #FCFCF9;
}
@media only screen and (min-width: 75em) {
  .background--indigo .benefits-grid__card {
    padding: 40px;
  }
}
.benefits-grid--large-icons .benefits-grid__card {
  text-align: center;
}
.benefits-grid--stats .benefits-grid__card {
  padding: 40px;
  background-color: #FCFCF9;
  border: 1.5px solid #F7F3F0;
}
.benefits-grid--stats .benefits-grid__card .context__heading {
  order: -1;
}
.benefits-grid--stats .benefits-grid__card .context__subheading {
  font-weight: 600;
  line-height: 120%;
  text-transform: none;
  letter-spacing: 0.5px;
  color: #1B00A0;
  margin-bottom: 0;
}
.benefits-grid--stats .benefits-grid__card .context__subheading + .context__heading {
  margin-top: 0;
}
.benefits-grid__card .context {
  display: flex;
  flex-direction: column;
}
.benefits-grid__card .tag-group {
  order: -1;
  margin-top: 0;
  margin-bottom: 20px;
}
.benefits-grid__card .context__subheading {
  margin-bottom: 20px;
}
.benefits-grid__card .context__subheading + .tag-group {
  margin-top: 0;
}
.benefits-grid__card p {
  font-weight: 400;
}
.benefits-grid__icon {
  width: 60px;
}
.benefits-grid--large-icons .benefits-grid__icon {
  width: 200px;
  margin: 0 auto;
}
.benefits-grid--logo-wall .benefits-grid__icon {
  width: 100%;
}
.benefits-grid__icon + .context {
  margin-top: 30px;
}
.benefits-grid + div {
  margin-top: 80px;
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.video__overlay {
  z-index: 10;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: 0.16s ease-in-out;
}
.video__overlay--active {
  visibility: hidden;
  opacity: 0;
}
.video__btn {
  z-index: 1;
}
.video__btn svg {
  width: 67px;
  fill: #1B00A0;
}
.video__btn:hover svg {
  fill: #BE17AC;
}
.video__loop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: hidden;
  min-width: 100%;
  min-height: 100%;
  background-repeat: repeat;
  background-size: cover;
}
@media only screen and (min-width: 40em) {
  .video__loop {
    display: block;
  }
}
.video__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video wistia-player {
  transform: scale(1.001);
}

.hero {
  position: relative;
  overflow: hidden;
  padding: 30px 0 40px;
  background-color: #F7F3F0;
}
.hero--parallel {
  padding: 40px 0;
}
.hero--parallel .video {
  padding-bottom: 76% !important;
}
@media only screen and (min-width: 40em) {
  .hero--parallel .video {
    padding-bottom: 56.25% !important;
  }
}
.hero__main {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 75em) {
  .hero--parallel .hero__main {
    display: flex;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 40em) {
  .hero--reverse .hero__main {
    display: flex;
    flex-direction: column;
  }
}
.hero__context {
  position: relative;
}
.hero--parallel .hero__context {
  z-index: 11;
  background-color: #F7F3F0;
}
@media only screen and (min-width: 75em) {
  .hero--parallel .hero__context {
    padding-right: 30px;
    padding-bottom: 20px;
    margin-right: -140px;
    border-bottom-right-radius: 30px;
    max-width: 75%;
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .hero--no-image .hero__context {
    padding-right: 0;
    padding-bottom: 0;
  }
}
.hero__heading {
  font-family: "Sora", sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  font-style: normal;
  line-height: 110%;
  color: #1B00A0;
}
@media only screen and (min-width: 40em) {
  .hero__heading {
    font-size: 3.125rem;
    font-weight: 700;
  }
}
@media only screen and (min-width: 75em) {
  .hero__heading {
    font-size: 3.75rem;
  }
}
.hero__context + .hero__media {
  margin-top: 10px;
}
@media only screen and (min-width: 40em) {
  .hero--reverse .hero__context + .hero__media {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.hero--parallel .hero__context + .hero__media {
  margin-top: 40px;
}
@media only screen and (min-width: 75em) {
  .hero--parallel .hero__context + .hero__media {
    margin-top: 0;
  }
}
.hero__media {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  font-size: 0;
}
.hero--parallel .hero__media .wrap {
  padding-bottom: 59.375%;
}
.hero--parallel .hero__media .wrap img {
  position: absolute;
}
@media only screen and (min-width: 40em) {
  .hero--parallel .hero__media {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
  }
}
@media only screen and (min-width: 75em) {
  .hero--parallel .hero__media {
    width: 640px;
    border-top-left-radius: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }
}
@media only screen and (min-width: 40em) {
  .hero--reverse .hero__media {
    order: -1;
  }
}
@media only screen and (min-width: 40em) {
  .hero__media {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }
  .hero--reverse .hero__media {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 0;
  }
}
.hero__media .video {
  border-radius: 20px;
}
@media only screen and (min-width: 40em) {
  .hero__media .video {
    border-radius: 0;
  }
}
.hero__overlay {
  z-index: 11;
  display: inline-block;
  width: 100%;
  background-color: #F7F3F0;
}
@media only screen and (min-width: 40em) {
  .hero__overlay {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 450px;
    padding: 0 30px 30px 0;
    border-bottom-right-radius: 40px;
  }
  .hero--reverse .hero__overlay {
    top: auto;
    bottom: 0;
  }
}
@media only screen and (min-width: 40em) {
  .hero--reverse .hero__overlay {
    padding: 30px 30px 0 0;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 0;
  }
}
.hero__overlay p {
  font-weight: 400;
  color: #1B00A0;
}
.hero--parallel .hero__overlay p {
  display: none;
}
.hero__overlay + .video {
  margin-top: 30px;
}
@media only screen and (min-width: 40em) {
  .hero__overlay + .video {
    margin-top: 0;
  }
}
@media only screen and (min-width: 40em) {
  .hero .video {
    padding-bottom: 56.25%;
  }
}
.hero__faux-corner {
  position: absolute;
  display: none;
  width: 25px;
  fill: #F7F3F0;
}
@media only screen and (min-width: 40em) {
  .hero__faux-corner {
    display: block;
  }
}
.hero__faux-corner:nth-of-type(1) {
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.hero--reverse .hero__faux-corner:nth-of-type(1) {
  top: auto;
  bottom: 0;
  transform: translateX(100%) rotate(-90deg);
}
.hero__faux-corner:nth-of-type(2) {
  bottom: 0;
  left: 0;
  transform: translateY(100%);
}
.hero--reverse .hero__faux-corner:nth-of-type(2) {
  top: 0;
  bottom: auto;
  transform: translateY(-100%) rotate(-90deg);
}
.hero--parallel .hero__faux-corner:nth-of-type(2) {
  left: auto;
  right: 115px;
  display: none;
}
@media only screen and (min-width: 75em) {
  .hero--parallel .hero__faux-corner:nth-of-type(2) {
    display: block;
  }
}
.hero + .grids-section .grids-section__main.background--cream {
  padding-top: 40px;
  border-radius: 0;
}

.media-context {
  position: relative;
  z-index: 3;
  padding: 80px 0;
  font-size: 0;
  background-color: #F7F3F0;
  border-top: 1.5px solid #EFEAE6;
  overflow-x: clip;
  overflow-y: visible;
}
.media-context.background--white {
  background-color: #ffffff;
  border-top: 1.5px solid #F7F3F0;
}
.post .media-context {
  border-top: 0;
  background-color: transparent;
}
.media-context--display {
  padding: 60px 0 0;
  background-color: #1B00A0;
}
@media only screen and (min-width: 75em) {
  .media-context--display {
    padding: 0;
  }
}
@media only screen and (min-width: 75em) {
  .media-context--display .context {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
  }
}
.media-context--display .context__heading {
  font-family: "Sora", sans-serif;
  font-size: 3.75rem;
  font-weight: 700;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -2%;
  color: #ffffff;
}
@media only screen and (min-width: 40em) {
  .media-context--display .context__heading {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 75em) {
  .media-context--display .context__heading {
    font-size: 6.25rem;
    margin-top: 0;
    margin-bottom: auto;
  }
}
.media-context--display .context__heading + p {
  margin-top: 30px;
}
@media only screen and (min-width: 75em) {
  .media-context--display .context__heading + p {
    margin-top: 0;
  }
}
.media-context--display p {
  font-family: "DM Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  font-style: normal;
  line-height: 125%;
  color: #ffffff;
}
@media only screen and (min-width: 75em) {
  .media-context--display p {
    font-size: 1.375rem;
  }
}
.media-context--medium {
  background-color: transparent;
  --after-transform: rotate(-172deg);
}
.media-context--medium.background--cream {
  background-color: #F7F3F0;
}
.media-context--medium::after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 560px;
  height: 490px;
  background-color: #FBF9F9;
  transform: var(--after-transform);
}
.post .media-context--medium::after {
  display: none;
}
@media only screen and (min-width: 75em) {
  .media-context--medium::after {
    display: block;
  }
}
.media-context--large .tag {
  display: inline-flex;
  padding: 8px 16px;
  font-size: 1rem;
  letter-spacing: 0;
}
.media-context--large .tag svg {
  width: 16px;
}
.media-context--reversed {
  --after-transform: rotate(172deg);
}
.media-context--reversed::after {
  right: auto;
  left: 0;
  transform: var(--after-transform);
}
.media-context--reversed + .media-context--reversed:nth-child(even of .media-context)::after {
  display: none;
}
.media-context__inner + .media-context__inner {
  z-index: 1;
  position: relative;
  margin-top: 60px;
}
@media only screen and (min-width: 75em) {
  .media-context__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.media-context__overlay .grid {
  height: 100%;
}
@media only screen and (min-width: 75em) {
  .media-context__overlay .grid {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.media-context__big-image {
  margin-top: 60px;
}
@media only screen and (min-width: 75em) {
  .media-context__big-image {
    width: 50%;
    margin-top: 0;
  }
  .media-context--reversed .media-context__big-image {
    display: block;
    margin-right: 0;
    margin-left: auto;
  }
}
.media-context__media, .media-context__context {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 40em) {
  .post .media-context__media, .post .media-context__context {
    grid-column: span 6/span 6;
  }
}
.media-context__media {
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 0;
  margin-top: 40px;
}
.media-context__media::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #BE17AC;
}
.media-context--with-testimonials .media-context__media::after {
  display: none;
}
@media only screen and (min-width: 40em) {
  .media-context--with-testimonials .media-context__media::after {
    display: block;
  }
}
.media-context--reversed .media-context__media::after {
  right: 0;
  left: auto;
}
@media only screen and (min-width: 40em) {
  .media-context__media {
    grid-column: span 5/span 5;
    display: block;
    margin-top: 0;
  }
}
@media only screen and (min-width: 75em) {
  .media-context__media {
    grid-column: span 6/span 6;
  }
  .media-context--medium .media-context__media {
    grid-column: span 5/span 5;
  }
  .post .media-context--medium .media-context__media {
    grid-column: span 6/span 6;
  }
  .media-context--display .media-context__media {
    grid-column: span 6/span 6;
  }
}
.media-context__media a {
  position: relative;
  display: block;
}
.media-context__media .testimonials-carousel {
  display: block;
  order: -1;
  margin-bottom: 40px;
}
@media only screen and (min-width: 40em) {
  .media-context__media .testimonials-carousel {
    order: 0;
    margin-top: 40px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 75em) {
  .media-context__media .testimonials-carousel {
    display: none;
  }
}
.media-context__context {
  z-index: 1;
  position: relative;
  order: -1;
}
@media only screen and (min-width: 40em) {
  .media-context__context {
    grid-column: span 7/span 7;
    order: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .media-context--with-testimonials .media-context__context {
    justify-content: space-between;
  }
  .media-context--display .media-context__context {
    grid-column: span 12/span 12;
  }
}
@media only screen and (min-width: 75em) {
  .media-context__context {
    grid-column: span 6/span 6;
  }
  .media-context--medium .media-context__context {
    grid-column: span 7/span 7;
  }
  .post .media-context--medium .media-context__context {
    grid-column: span 6/span 6;
  }
  .media-context--display .media-context__context {
    grid-column: span 6/span 6;
    grid-column-start: 7;
    padding: 60px 0 60px 60px;
  }
  .media-context--reversed.media-context--display .media-context__context {
    grid-column-start: 1;
    padding: 60px 60px 60px 0;
  }
}
@media only screen and (min-width: 40em) {
  .media-context--reversed .media-context__context {
    order: -1;
  }
}
.media-context__context .testimonials-carousel {
  display: none;
}
.media-context--display .media-context__context .testimonials-carousel {
  display: block;
}
@media only screen and (min-width: 75em) {
  .media-context__context .testimonials-carousel {
    display: block;
  }
}
.media-context__special-button-group {
  margin-top: 30px;
}
.media-context__special-button-group + .testimonials-carousel {
  margin-top: 40px;
}
.media-context .context + .testimonials-carousel {
  margin-top: 24px;
}
.media-context__item {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 75em) {
  .media-context__item {
    grid-column: span 6/span 6;
  }
}
.media-context__item + .media-context__item {
  margin-top: 30px;
}
@media only screen and (min-width: 75em) {
  .media-context__item + .media-context__item {
    margin-top: 0;
  }
}
.media-context__card {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  padding: 30px;
  background-color: #FCFCF9;
  border: 1.5px solid #F7F3F0;
}
@media only screen and (min-width: 40em) {
  .media-context__card {
    flex-direction: row;
  }
}
.media-context__card img {
  width: 80px;
  flex-shrink: 0;
}
.media-context__card .context {
  display: flex;
  flex-direction: column;
}
.media-context__card .tag-group {
  order: -1;
  margin-top: 0 !important;
  margin-bottom: 20px;
}
.media-context__card .context__subheading {
  margin-bottom: 20px;
}

.testimonials-carousel {
  position: relative;
  padding: 14px 24px;
  background-color: #ffffff;
  border-radius: 12px;
}
.testimonials-carousel__window {
  position: relative;
  transition: 0.16s ease-in-out;
}
.testimonials-carousel__slide {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  visibility: hidden;
  opacity: 0;
  transition: 0.16s ease-in-out;
  cursor: pointer;
}
.testimonials-carousel__slide--active {
  visibility: visible;
  opacity: 1;
}
.testimonials-carousel picture {
  flex-shrink: 0;
}
.testimonials-carousel__image {
  flex-shrink: 0;
  width: 40px;
  border-radius: 50%;
  border: 1.5px solid #BE17AC;
}
.testimonials-carousel__slide--institutions .testimonials-carousel__image {
  border-color: #0CB0F1;
}
.testimonials-carousel__slide--learners .testimonials-carousel__image {
  border-color: #FFA621;
}
.testimonials-carousel__slide--states .testimonials-carousel__image {
  border-color: #4AB052;
}
.testimonials-carousel p, .testimonials-carousel__name {
  font-family: "DM Sans", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  font-style: normal;
  line-height: 130%;
  color: #1B00A0;
}
.testimonials-carousel__name {
  max-width: 75%;
  margin-top: 6px;
}
.testimonials-carousel__controls {
  position: absolute;
  right: 24px;
  bottom: 14px;
  display: flex;
  gap: 4px;
}
.testimonials-carousel__controls li {
  font-size: 0;
}
.testimonials-carousel__controls button {
  width: 8px;
  height: 8px;
  padding: 0;
  background-color: #FCE1F9;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.testimonials-carousel__controls button.active {
  background-color: #BE17AC;
}

.stories-carousel {
  z-index: 2;
  position: relative;
  background-color: #F7F3F0;
  overflow: hidden;
}
@media only screen and (min-width: 40em) {
  .stories-carousel {
    padding: 0;
  }
}
.stories-carousel__slide {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  background-color: #F7F3F0;
  transition: 0.4s ease-in-out;
}
@media only screen and (min-width: 40em) {
  .stories-carousel__slide {
    display: flex;
  }
}
.stories-carousel__slide--active {
  visibility: visible;
  opacity: 1;
  transition: 0.16s ease-in-out;
}
.stories-carousel__main {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  flex: 1 1 auto;
  padding: 40px 30px;
}
@media only screen and (min-width: 40em) {
  .stories-carousel__main {
    padding: 50px;
  }
}
@media only screen and (min-width: 75em) {
  .stories-carousel__main {
    padding: 60px;
  }
}
.stories-carousel__label, .stories-carousel__subheading {
  color: #1B00A0;
}
.stories-carousel__label {
  display: flex;
  align-items: center;
  gap: 12px;
}
.stories-carousel__label span {
  font-family: "DM Sans", sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  font-style: normal;
  line-height: 125%;
}
.stories-carousel__label + .stories-carousel__content {
  margin-top: 40px;
}
@media only screen and (min-width: 75em) {
  .stories-carousel__label + .stories-carousel__content {
    margin-top: 0;
  }
}
.stories-carousel .tag {
  display: inline-flex;
  padding: 8px 16px;
  font-size: 1rem;
  letter-spacing: 0;
}
.stories-carousel .tag svg {
  width: 16px;
}
.stories-carousel__subheading {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  font-family: "DM Mono", monospace;
  font-size: 0.75rem;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  text-transform: uppercase;
}
@media only screen and (min-width: 40em) {
  .stories-carousel__subheading {
    align-items: center;
  }
}
.stories-carousel__subheading::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-top: 1px;
  background-color: #BE17AC;
}
@media only screen and (min-width: 40em) {
  .stories-carousel__subheading::before {
    margin-top: 0;
  }
}
.stories-carousel__subheading div {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 40em) {
  .stories-carousel__subheading div {
    flex-direction: row;
    align-items: center;
    gap: 15px;
  }
}
@media only screen and (min-width: 40em) {
  .stories-carousel__subheading span + span {
    padding-left: 15px;
    border-left: 1px solid #BE17AC;
  }
}
.stories-carousel__subheading + .stories-carousel__heading {
  margin-top: 20px;
}
@media only screen and (min-width: 75em) {
  .stories-carousel__subheading + .stories-carousel__heading {
    margin-top: 30px;
  }
}
.stories-carousel__heading {
  color: #1B00A0;
}
.stories-carousel p {
  color: #1B00A0;
}
.stories-carousel__image {
  position: relative;
  flex-shrink: 0;
  max-width: 100%;
  border: 30px solid #BE17AC;
  margin: 0 30px 120px 30px;
  font-size: 0;
}
@media only screen and (min-width: 40em) {
  .stories-carousel__image {
    width: 330px;
    margin: 0 0 auto;
  }
}
@media only screen and (min-width: 75em) {
  .stories-carousel__image {
    width: 520px;
    margin: 0;
  }
}
.stories-carousel__slide--institutions .stories-carousel__image {
  border-color: #0CB0F1;
}
.stories-carousel__slide--learners .stories-carousel__image {
  border-color: #FFA621;
}
.stories-carousel__slide--states .stories-carousel__image {
  border-color: #4AB052;
}
.stories-carousel__image::before, .stories-carousel__image::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-color: #1B00A0;
}
.stories-carousel__image::before {
  top: -30px;
  right: -30px;
}
.stories-carousel__image::after {
  bottom: -30px;
  left: -30px;
}
.stories-carousel__image img {
  width: 100%;
}
.stories-carousel__scaffold {
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .stories-carousel__scaffold {
    width: 330px;
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 75em) {
  .stories-carousel__scaffold {
    width: 520px;
    padding-bottom: 0;
  }
}
.stories-carousel__scaffold span {
  display: block;
  padding-bottom: 314%;
}
@media only screen and (min-width: 40em) {
  .stories-carousel__scaffold span {
    padding-bottom: 142.7%;
  }
}
@media only screen and (min-width: 75em) {
  .stories-carousel__scaffold span {
    padding-bottom: 146.2%;
  }
}
.stories-carousel__controls {
  z-index: 10;
  position: absolute;
  right: 30px;
  bottom: 50px;
  display: flex;
  gap: 12px;
}
@media only screen and (min-width: 75em) {
  .stories-carousel__controls {
    top: 60px;
    right: 580px;
    bottom: auto;
    left: auto;
  }
}
.stories-carousel__controls li {
  font-size: 0;
}
.stories-carousel__controls button {
  width: 30px;
  height: 30px;
  padding: 0;
  background-color: #FCE1F9;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.stories-carousel__controls button.active, .stories-carousel__controls button:hover {
  background-color: #BE17AC;
}
.stories-carousel__pagination {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.wysiwyg {
  color: #1B00A0;
}
.wysiwyg.page > h1, .wysiwyg.page > h2, .wysiwyg.page > h3, .wysiwyg.page > h4, .wysiwyg.page > h5, .wysiwyg.page > h6, .wysiwyg.page > p, .wysiwyg.page > ul, .wysiwyg.page > ol, .wysiwyg.page > blockquote {
  width: 100%;
  max-width: 83.3333333333rem;
  padding: 0 20px;
  margin-right: auto;
  margin-left: auto;
}
.wysiwyg.page > div + h1,
.wysiwyg.page > div + h2,
.wysiwyg.page > div + h3,
.wysiwyg.page > div + h4,
.wysiwyg.page > div + h5,
.wysiwyg.page > div + h6,
.wysiwyg.page > div + p,
.wysiwyg.page > div + ul,
.wysiwyg.page > div + ol,
.wysiwyg.page > div + blockquote {
  margin-top: 40px;
}
.wysiwyg.page > h1 + div,
.wysiwyg.page > h2 + div,
.wysiwyg.page > h3 + div,
.wysiwyg.page > h4 + div,
.wysiwyg.page > h5 + div,
.wysiwyg.page > h6 + div,
.wysiwyg.page > p + div,
.wysiwyg.page > ul + div,
.wysiwyg.page > ol + div,
.wysiwyg.page > blockquote + div {
  margin-top: 40px;
}
.wysiwyg > h1 + figure,
.wysiwyg > h1 + .wp-block-image,
.wysiwyg > h1 + .video,
.wysiwyg > h2 + figure,
.wysiwyg > h2 + .wp-block-image,
.wysiwyg > h2 + .video,
.wysiwyg > h3 + figure,
.wysiwyg > h3 + .wp-block-image,
.wysiwyg > h3 + .video {
  margin-top: 30px;
}
@media only screen and (min-width: 40em) {
  .wysiwyg > h1 + figure,
  .wysiwyg > h1 + .wp-block-image,
  .wysiwyg > h1 + .video,
  .wysiwyg > h2 + figure,
  .wysiwyg > h2 + .wp-block-image,
  .wysiwyg > h2 + .video,
  .wysiwyg > h3 + figure,
  .wysiwyg > h3 + .wp-block-image,
  .wysiwyg > h3 + .video {
    margin-top: 40px;
  }
}
.wysiwyg > h4 + figure,
.wysiwyg > h4 + .wp-block-image,
.wysiwyg > h4 + .video,
.wysiwyg > h5 + figure,
.wysiwyg > h5 + .wp-block-image,
.wysiwyg > h5 + .video,
.wysiwyg > h6 + figure,
.wysiwyg > h6 + .wp-block-image,
.wysiwyg > h6 + .video {
  margin-top: 20px;
}
.wysiwyg > p,
.wysiwyg > ul,
.wysiwyg > ol {
  font-weight: 400;
}
@media only screen and (min-width: 40em) {
  .wysiwyg > p,
  .wysiwyg > ul,
  .wysiwyg > ol {
    font-size: 1.25rem;
  }
}
.wysiwyg > p a,
.wysiwyg > ul a,
.wysiwyg > ol a {
  color: #1B00A0;
  text-decoration: underline;
}
.wysiwyg > p a:hover,
.wysiwyg > ul a:hover,
.wysiwyg > ol a:hover {
  color: #BE17AC;
  text-decoration: none;
}
.wysiwyg > p li + li,
.wysiwyg > ul li + li,
.wysiwyg > ol li + li {
  margin-top: 10px;
}
.wysiwyg > p + figure,
.wysiwyg > p + .wp-block-image,
.wysiwyg > p + .video,
.wysiwyg > ul + figure,
.wysiwyg > ul + .wp-block-image,
.wysiwyg > ul + .video,
.wysiwyg > ol + figure,
.wysiwyg > ol + .wp-block-image,
.wysiwyg > ol + .video {
  margin-top: 30px;
}
@media only screen and (min-width: 40em) {
  .wysiwyg > p + figure,
  .wysiwyg > p + .wp-block-image,
  .wysiwyg > p + .video,
  .wysiwyg > ul + figure,
  .wysiwyg > ul + .wp-block-image,
  .wysiwyg > ul + .video,
  .wysiwyg > ol + figure,
  .wysiwyg > ol + .wp-block-image,
  .wysiwyg > ol + .video {
    margin-top: 40px;
  }
}
.wysiwyg > ul li {
  margin-left: 28px;
  padding-left: 10px;
  list-style-type: disc;
}
.wysiwyg > ul li::marker {
  color: #1B00A0;
}
.wysiwyg > ol li {
  margin-left: 38px;
  list-style-type: decimal-leading-zero;
}
.wysiwyg > ol li::marker {
  font-family: "DM Sans", sans-serif;
  color: #1B00A0;
  font-weight: 800;
}
.wysiwyg figcaption {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "DM Mono", monospace;
  font-size: 0.875rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 10px;
}
.wysiwyg figcaption::before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #BE17AC;
}
.wysiwyg .video {
  margin-bottom: 30px;
}
@media only screen and (min-width: 40em) {
  .wysiwyg .video {
    margin-bottom: 40px;
  }
}

.accordion__panel + .accordion__panel {
  border-top: 1px solid #000000;
}
.accordion__header {
  margin: 0;
}
.accordion__arrow-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: transparent;
  transition: 0.16s ease-in-out;
}
[aria-expanded=true] .accordion__arrow-btn {
  background-color: #000000;
}
.accordion__arrow-btn svg {
  width: 14px;
  fill: #000000;
  transition: 0.16s ease-in-out;
}
[aria-expanded=true] .accordion__arrow-btn svg {
  fill: #66ffff;
  transform: rotate(180deg);
}
.accordion__button {
  font-family: "Sora", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  font-style: normal;
  line-height: 120%;
  z-index: 10;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  border: 0;
  padding: 20px 0;
  width: 100%;
  text-align: left;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-color: transparent;
}
.accordion__button:focus {
  color: #000000;
  background-color: transparent;
}
.accordion__window {
  margin: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}
.accordion__content {
  padding: 0 0 20px;
}
.accordion p:nth-child(1) {
  margin-top: 0;
}

.list-accordion {
  padding: 60px 0 100px;
  background-color: #F7F3F0;
}
@media only screen and (min-width: 75em) {
  .list-accordion {
    padding: 80px 0 100px;
  }
}
@media only screen and (min-width: 75em) {
  .list-accordion__inner {
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
.list-accordion__left, .list-accordion__right {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 75em) {
  .list-accordion__left, .list-accordion__right {
    grid-column: span 6/span 6;
  }
}
.list-accordion__left {
  color: #1B00A0;
}
.list-accordion__left p {
  font-family: "DM Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  font-style: normal;
  line-height: 130%;
  padding-left: 30px;
  border-left: 3px solid #BE17AC;
}
.list-accordion__left + .list-accordion__right {
  margin-top: 60px;
}
@media only screen and (min-width: 75em) {
  .list-accordion__left + .list-accordion__right {
    margin-top: 0;
  }
}
@media only screen and (min-width: 75em) {
  .list-accordion--accordion .list-accordion__right {
    grid-column: span 10/span 10;
    grid-column-start: 2;
  }
}
.list-accordion__image {
  width: 100%;
  border-radius: 25px;
  overflow: hidden;
}
.list-accordion__image img {
  display: block;
}
.list-accordion__image + .list-accordion__heading {
  margin-top: 20px;
}
.list-accordion__heading {
  font-family: "Sora", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -2%;
}
@media only screen and (min-width: 40em) {
  .list-accordion__heading {
    font-size: 3.75rem;
  }
}
.list-accordion__heading > span {
  padding-top: 10px;
  padding-right: 10px;
  position: relative;
  background-color: #F7F3F0;
}
.list-accordion__heading > span span {
  z-index: 2;
  position: relative;
}
.list-accordion__heading + p {
  margin-top: 30px;
}
.context + .list-accordion__timeline,
.list-accordion .context + .accordion {
  margin-top: 20px;
}
.list-accordion .accordion .accordion__panel,
.list-accordion .accordion > li, .list-accordion__timeline .accordion__panel,
.list-accordion__timeline > li {
  position: relative;
  padding-top: 40px;
  padding-left: 35px;
  border-left: 3px solid #1B00A0;
  color: #1B00A0;
}
@media only screen and (min-width: 75em) {
  .list-accordion .accordion .accordion__panel,
  .list-accordion .accordion > li, .list-accordion__timeline .accordion__panel,
  .list-accordion__timeline > li {
    margin-left: 9px;
  }
}
.list-accordion .accordion .accordion__panel h3,
.list-accordion .accordion .accordion__panel h4,
.list-accordion .accordion > li h3,
.list-accordion .accordion > li h4, .list-accordion__timeline .accordion__panel h3,
.list-accordion__timeline .accordion__panel h4,
.list-accordion__timeline > li h3,
.list-accordion__timeline > li h4 {
  position: relative;
  line-height: 100%;
}
.list-accordion .accordion .accordion__panel h3::before,
.list-accordion .accordion .accordion__panel h4::before,
.list-accordion .accordion > li h3::before,
.list-accordion .accordion > li h4::before, .list-accordion__timeline .accordion__panel h3::before,
.list-accordion__timeline .accordion__panel h4::before,
.list-accordion__timeline > li h3::before,
.list-accordion__timeline > li h4::before {
  content: "";
  position: absolute;
  top: 0;
  left: -46.5px;
  width: 20px;
  height: 20px;
  background-color: #BE17AC;
}
.list-accordion .accordion > li + li, .list-accordion__timeline > li + li {
  padding-top: 60px;
}
.list-accordion .accordion .accordion__panel + .accordion__panel, .list-accordion__timeline .accordion__panel + .accordion__panel {
  border-top: 0;
}
.list-accordion .accordion .accordion__button, .list-accordion__timeline .accordion__button {
  padding-top: 0;
  padding-bottom: 10px;
  color: #1B00A0;
}
.list-accordion .accordion .accordion__button[aria-expanded=true], .list-accordion__timeline .accordion__button[aria-expanded=true] {
  color: #BE17AC;
}
.list-accordion .accordion .accordion__button[aria-expanded=true] svg, .list-accordion__timeline .accordion__button[aria-expanded=true] svg {
  fill: #BE17AC;
}
.list-accordion .accordion .accordion__arrow-btn, .list-accordion__timeline .accordion__arrow-btn {
  background-color: transparent;
}
.list-accordion .accordion .accordion__arrow-btn svg, .list-accordion__timeline .accordion__arrow-btn svg {
  fill: #1B00A0;
}
.list-accordion .accordion .accordion__panel:hover .accordion__button {
  color: #7869c2;
}
.list-accordion .accordion .accordion__panel:hover .accordion__button svg {
  fill: #7869c2;
}
.list-accordion .accordion .accordion__panel:hover .accordion__button[aria-expanded=true] {
  color: #D965CC;
}
.list-accordion .accordion .accordion__panel:hover .accordion__button[aria-expanded=true] svg {
  fill: #D965CC;
}

.modal {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  color: #000000;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: 0.16s ease-in-out;
}
.modal--active {
  opacity: 1;
  visibility: visible;
}
.modal .media-context__image img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.modal .media-context__caption {
  display: none;
}
.modal__close-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal__button {
  position: absolute;
  z-index: 10;
  top: 2.08vw;
  right: 4.167vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
@media only screen and (min-width: 40em) {
  .modal__button {
    width: 4.861vw;
    height: 4.861vw;
  }
}
.modal__button:hover {
  background-color: #66ffff;
}
.modal__button:hover svg {
  stroke: #000000;
}
.modal__button .icon-x {
  width: 80%;
  fill: none;
  stroke: #66ffff;
  stroke-width: 4;
}
.modal__main {
  background-color: #ffffff;
  width: 70%;
}

.modal-btn {
  position: relative;
  font-size: 0;
  padding: 0;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.byline {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
@media only screen and (min-width: 40em) {
  .byline {
    flex-direction: row;
  }
}
@media only screen and (min-width: 40em) {
  .byline__item {
    min-width: 240px;
  }
}
.byline__subheading {
  color: #BE17AC;
}
.byline__heading {
  color: #1B00A0;
}
.byline + .wysiwyg {
  margin-top: 100px;
}

.pagination {
  margin-top: 80px;
}
.pagination__main {
  grid-column: span 12/span 12;
  display: flex;
  justify-content: center;
}
.pagination__arrow-btn {
  display: flex;
  gap: 8px;
  font-family: "DM Mono", monospace;
  font-size: 1rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #FCE1F9;
  pointer-events: none;
}
.pagination__arrow-btn:hover {
  color: #1B00A0;
}
.pagination__arrow-btn:hover svg {
  fill: #1B00A0;
}
.pagination__arrow-btn svg {
  width: 12px;
  fill: #FCE1F9;
  transform: rotate(90deg);
}
.pagination__arrow-btn--active {
  color: #BE17AC;
  pointer-events: all;
}
.pagination__arrow-btn--active svg {
  fill: #BE17AC;
}
.pagination__arrow-btn--next svg {
  transform: rotate(-90deg);
  order: 2;
}
.pagination__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .pagination__controls {
    flex-wrap: nowrap;
    width: auto;
  }
}
.pagination ul {
  order: -1;
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .pagination ul {
    order: 0;
    justify-content: flex-start;
    width: auto;
  }
}
.pagination__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 2px solid #BE17AC;
  border-radius: 50%;
  font-family: "Sora", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #BE17AC;
  text-decoration: none;
}
.pagination__item a:hover {
  color: #ffffff;
  background-color: #1B00A0;
  border-color: #1B00A0;
}
.pagination__item--active a {
  color: #ffffff;
  background-color: #1B00A0;
  border-color: #1B00A0;
}

.header {
  z-index: 100;
  position: relative;
  background-color: #F7F3F0;
}
.header__inner {
  width: 100%;
  max-width: 1980px;
  padding: 0 20px;
  margin: 0 auto;
}
@media only screen and (min-width: 40em) {
  .header__inner {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 75em) {
  .header__inner {
    padding: 0 50px;
  }
}
.header__main {
  z-index: 1;
  position: relative;
  display: flex;
  height: 70px;
  padding: 0 30px;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  transform: translateY(-100%);
}
@media only screen and (min-width: 75em) {
  .header__main {
    padding: 0 40px;
  }
}
.header__breadcrumbs {
  overflow-x: scroll;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 10px 40px 0 40px;
  margin-top: -10px;
  background-color: #FCE1F9;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  transform: translateY(-300%);
}
.header--active .header__breadcrumbs {
  display: none;
}
.header--institutions .header__breadcrumbs {
  background-color: #E0F6FF;
}
.header--learners .header__breadcrumbs {
  background-color: #FFF5E0;
}
.header--states .header__breadcrumbs {
  background-color: #DEF7E0;
}
.header__breadcrumbs ul {
  display: flex;
  gap: 17px;
}
.header__breadcrumbs ul a {
  font-family: "DM Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  text-decoration: none;
  display: flex;
  align-items: center;
  color: #840777;
}
.header__breadcrumbs ul a:hover {
  text-decoration: underline;
}
.header--institutions .header__breadcrumbs ul a {
  color: #09678C;
}
.header--learners .header__breadcrumbs ul a {
  color: #9F6309;
}
.header--states .header__breadcrumbs ul a {
  color: #06660E;
}
.header__breadcrumbs li {
  white-space: nowrap;
}
.header__breadcrumbs li:first-child .chevron {
  display: none;
}
.header__breadcrumbs li:last-child a {
  font-weight: 900;
  pointer-events: none;
}
.header__breadcrumbs .chevron {
  width: 11px;
  margin-right: 17px;
  fill: #E9BBE4;
  transform: rotate(-90deg);
}
.header--institutions .header__breadcrumbs .chevron {
  fill: #9CCEE2;
}
.header--learners .header__breadcrumbs .chevron {
  fill: #FFD270;
}
.header--states .header__breadcrumbs .chevron {
  fill: #ABD5AF;
}
.header__logo {
  font-size: 0;
}
.header__logo[disabled=true] {
  pointer-events: none;
}
.header__logo svg {
  fill: #BE17AC;
  width: 90px;
}
.header__logo:hover svg {
  fill: #840777;
}
.header__nav {
  display: none;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
@media only screen and (min-width: 75em) {
  .header__nav {
    display: flex;
  }
}
.header__nav > li {
  position: relative;
}
.header__nav > li:hover > a {
  color: #BE17AC;
  background-color: #F7F3F0;
}
.header__nav > li:hover > a svg {
  transform: rotate(180deg);
}
.header__nav > li:hover .header__dropdown {
  visibility: visible;
  opacity: 1;
}
.header__nav > li > a {
  font-family: "DM Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  text-decoration: none;
  color: #1B00A0;
  padding: 8px 16px;
  border-radius: 4px;
}
.header__nav > li > a:hover {
  color: #840777;
  background-color: #EFEAE6;
}
.header__nav > li > a:hover svg {
  transform: rotate(180deg);
}
.header__nav > li > a svg {
  width: 13px;
  fill: #1B00A0;
  margin-left: 8px;
}
.header__special-btn {
  position: relative;
  display: none;
  height: 37px;
  font-size: 0;
}
@media only screen and (min-width: 75em) {
  .header__special-btn {
    display: flex;
  }
}
.header__special-btn > a,
.header__special-btn > button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #1B00A0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.header__special-btn > a:hover,
.header__special-btn > button:hover {
  background-color: #0C0147;
}
.header__special-btn > a {
  font-family: "DM Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  text-decoration: none;
  color: #ffffff;
  padding: 0 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.header__special-btn > button {
  padding: 0 14px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.header__special-btn > button:hover {
  cursor: pointer;
}
.header__special-btn > button:hover > svg {
  transform: rotate(180deg);
}
.header__special-btn > button:hover .header__dropdown {
  opacity: 1;
  visibility: visible;
}
.header__special-btn > button > svg {
  width: 13px;
  fill: #ffffff;
}
.header__special-btn .header__dropdown {
  padding: 30px 14px;
}
.header__dropdown {
  position: absolute;
  z-index: 20;
  top: 100%;
  left: 50%;
  padding: 16px 14px;
  margin-top: 40px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 16px 0 rgba(74, 74, 74, 0.1);
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: 0.16s ease-in-out;
}
@media only screen and (min-width: 75em) {
  .header__dropdown--solutions, .header__dropdown--who-can-benefit {
    width: 380px;
  }
}
@media only screen and (min-width: 75em) {
  .header__dropdown--resources, .header__dropdown--company {
    width: 300px;
  }
}
.header__dropdown::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: transparent;
  transform: translateY(-100%);
  content: "";
}
.header__dropdown h2, .header__dropdown h3 {
  text-align: left;
  padding-left: 16px;
}
.header__dropdown h2 + ul,
.header__dropdown h3 + ul {
  margin-top: 14px;
}
.header__dropdown h2 + h3 {
  margin-top: 30px;
}
.header__dropdown > ul li a {
  font-family: "DM Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 270px;
  padding: 14px 16px;
  border-radius: 4px;
  color: #1B00A0;
  letter-spacing: 0;
}
@media only screen and (min-width: 40em) {
  .header__dropdown > ul li a {
    white-space: nowrap;
    letter-spacing: 0.5px;
  }
}
.header__dropdown > ul li a:hover {
  color: #BE17AC;
  background-color: #F7F3F0;
}
.header__dropdown > ul li a:hover .header__symbol-wrap {
  background-color: #BE17AC;
}
.header__dropdown > ul li a:hover .header__symbol {
  fill: #ffffff;
}
.header__dropdown > ul li a:hover .header__arrow {
  fill: #BE17AC;
  transform: translateX(0);
}
.header__dropdown > ul li a:hover .tag {
  background-color: #ffffff;
  pointer-events: none;
}
.header__dropdown > ul li a > span {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header__dropdown > ul li a > span span:nth-child(1) {
  white-space: nowrap;
}
.header__dropdown > ul li a > span span:nth-child(2) {
  font-size: 0.875rem;
  color: #909195;
}
.header__dropdown > ul li a.header__tagged-btn--institutions .header__symbol {
  fill: #0CB0F1;
}
.header__dropdown > ul li a.header__tagged-btn--institutions:hover {
  color: #09678C;
  background-color: #E0F6FF;
}
.header__dropdown > ul li a.header__tagged-btn--institutions:hover .header__symbol-wrap {
  background-color: #0CB0F1;
}
.header__dropdown > ul li a.header__tagged-btn--institutions:hover .header__symbol {
  fill: #E0F6FF;
}
.header__dropdown > ul li a.header__tagged-btn--institutions:hover > svg {
  fill: #0CB0F1;
}
.header__dropdown > ul li a.header__tagged-btn--institutions:hover > span span:nth-child(2) {
  color: #6FC2E3;
}
.header__dropdown > ul li a.header__tagged-btn--learners .header__symbol {
  fill: #FFA621;
}
.header__dropdown > ul li a.header__tagged-btn--learners:hover {
  color: #9F6309;
  background-color: #FFF5E0;
}
.header__dropdown > ul li a.header__tagged-btn--learners:hover .header__symbol-wrap {
  background-color: #FFA621;
}
.header__dropdown > ul li a.header__tagged-btn--learners:hover .header__symbol {
  fill: #FFF5E0;
}
.header__dropdown > ul li a.header__tagged-btn--learners:hover > svg {
  fill: #FFA621;
}
.header__dropdown > ul li a.header__tagged-btn--learners:hover > span span:nth-child(2) {
  color: #DEB16F;
}
.header__dropdown > ul li a.header__tagged-btn--states .header__symbol {
  fill: #4AB052;
}
.header__dropdown > ul li a.header__tagged-btn--states:hover {
  color: #06660E;
  background-color: #DEF7E0;
}
.header__dropdown > ul li a.header__tagged-btn--states:hover .header__symbol-wrap {
  background-color: #4AB052;
}
.header__dropdown > ul li a.header__tagged-btn--states:hover .header__symbol {
  fill: #DEF7E0;
}
.header__dropdown > ul li a.header__tagged-btn--states:hover > svg {
  fill: #4AB052;
}
.header__dropdown > ul li a.header__tagged-btn--states:hover > span span:nth-child(2) {
  color: #759E7E;
}
.header__dropdown > ul li a.header__tagged-btn--anybody .header__symbol {
  fill: #BE17AC;
}
.header__dropdown > ul li a.header__tagged-btn--anybody:hover {
  color: #840777;
  background-color: #FCE1F9;
}
.header__dropdown > ul li a.header__tagged-btn--anybody:hover > svg {
  fill: #BE17AC;
}
.header__dropdown > ul li a.header__tagged-btn--anybody:hover > span span:nth-child(2) {
  color: #759E7E;
}
.header__dropdown > ul li + li {
  margin-top: 6px;
}
.header__dropdown .tag {
  margin-right: 8px;
  border: 0;
}
.header__dropdown--collective-solutions > li a:hover {
  color: #1B00A0;
}
.header__dropdown--who-can-benefit .header__tagged-btn--institutions {
  color: #09678C;
}
.header__dropdown--who-can-benefit .header__tagged-btn--learners {
  color: #9F6309;
}
.header__dropdown--who-can-benefit .header__tagged-btn--states {
  color: #06660E;
}
.header__dropdown--collective-solutions > ul li a, .header__dropdown--who-can-benefit > ul li a {
  min-width: 350px;
}
.header__dropdown--resources > ul li a {
  padding: 7px 16px;
  color: #909195;
}
@media only screen and (min-width: 75em) {
  .header__dropdown--resources > ul li a {
    padding: 10px 16px;
  }
}
.header__dropdown--resources .tag {
  display: flex;
}
.header__dropdown hr {
  border: 0;
  border-top: 1px solid #F7F3F0;
  margin: 30px 0;
}
.header__symbol-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 16px;
  background-color: #F7F3F0;
  border-radius: 4px;
}
.header__symbol {
  width: 24px;
  fill: #1B00A0;
}
.header__arrow, .header__newtab {
  width: 14px;
  margin-right: 0;
  margin-left: auto;
  fill: transparent;
}
.header__arrow {
  transform: translateX(-10px);
  transition: 0.2s ease-in-out;
}
.header__newtab {
  fill: #1B00A0;
}
.header__symbol-wrap, .header__symbol, .header__arrow, .header__newtab {
  flex-shrink: 0;
}
.header__utility-nav > li a {
  color: #1B00A0 !important;
}
.header__utility-nav > li a:hover {
  color: #BE17AC !important;
}
.header__utility-nav > li a:hover .header__newtab {
  fill: #BE17AC;
}
.header__utility-nav span + .tag {
  margin-left: 8px;
  margin-right: 0;
}
.header__hamburger {
  display: flex;
  align-items: center;
  width: 30px;
  height: 24px;
  padding: 0;
  margin-left: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
}
@media only screen and (min-width: 75em) {
  .header__hamburger {
    display: none;
  }
}
.header__hamburger[aria-expanded=true] span {
  background-color: transparent !important;
}
.header__hamburger[aria-expanded=true] span::before {
  top: 0;
  transform: rotate(45deg);
}
.header__hamburger[aria-expanded=true] span::after {
  top: 0;
  width: 100%;
  transform: rotate(-45deg);
}
.header__hamburger[aria-expanded=true] span::before, .header__hamburger[aria-expanded=true] span::after {
  background-color: #1B00A0;
}
.header__hamburger span {
  position: relative;
  display: block;
  width: 30px;
  height: 9px;
  background-color: transparent;
}
.header__hamburger span::before, .header__hamburger span::after {
  position: absolute;
  left: 0;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  background-color: #1B00A0;
  transform-origin: center;
  transition: inherit;
  content: "";
  border-radius: 10px;
}
.header__hamburger span::before {
  top: -8px;
}
.header__hamburger span::after {
  top: 8px;
}
.header__drawer {
  overflow: scroll;
  width: 100%;
  height: 0;
  padding-bottom: 20px;
  visibility: hidden;
  opacity: 0;
  scrollbar-width: none;
}
@media only screen and (min-width: 75em) {
  .header__drawer {
    visibility: hidden;
    opacity: 0;
    display: none;
  }
}
.header__drawer::-webkit-scrollbar {
  display: none;
}
.header__drawer::before {
  z-index: 5;
  position: absolute;
  top: 69px;
  left: 0;
  width: 100%;
  height: 60px;
  content: "";
  background: linear-gradient(to bottom, rgb(247, 243, 240) 20%, rgba(247, 243, 240, 0) 100%);
}
.header--active .header__drawer {
  height: calc(100vh - 70px);
  padding-top: 60px;
  visibility: visible;
  opacity: 1;
  padding-bottom: 120px;
}
.header__drawer .header__dropdown {
  position: static;
  padding: 30px 16px;
  margin-top: 0;
  opacity: 1;
  transform: none;
}
.header--active .header__drawer .header__dropdown {
  visibility: visible;
}
@media only screen and (min-width: 40em) {
  .header__drawer .header__dropdown {
    grid-column: span 6/span 6;
  }
}
.header__drawer .header__dropdown > ul li a {
  min-width: 0;
}
.header__drawer h2 {
  font-family: "DM Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  font-style: normal;
  line-height: 110%;
  text-decoration: underline;
}
.header__drawer h2 a {
  color: #1B00A0;
}
.header__dropdown-group {
  z-index: 1;
  position: relative;
  display: grid;
  gap: 30px;
}
@media only screen and (min-width: 40em) {
  .header__dropdown-group {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.footer {
  position: relative;
  overflow: hidden;
  padding: 80px 0 110px;
  background-color: #F7F3F0;
}
@media only screen and (min-width: 40em) {
  .footer {
    padding: 80px 0 40px;
  }
}
@media only screen and (min-width: 75em) {
  .footer {
    padding: 70px 0 40px;
  }
}
@media only screen and (min-width: 40em) {
  .footer__inner {
    padding: 0 80px;
  }
}
.footer__main {
  grid-column: span 12/span 12;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.footer__logo svg {
  width: 70px;
  fill: #BE17AC;
}
@media only screen and (min-width: 40em) {
  .footer__logo svg {
    width: 80px;
  }
}
.footer__logo:hover svg {
  fill: #840777;
}
.footer__logo + nav {
  margin-top: 80px;
}
.footer nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: space-between;
  row-gap: 40px;
  -moz-column-gap: 40px;
       column-gap: 40px;
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .footer nav {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    row-gap: 40px;
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
@media only screen and (min-width: 75em) {
  .footer nav {
    display: flex;
    row-gap: 40px;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.footer nav li + li {
  margin-top: 10px;
}
.footer nav + address {
  margin-top: 50px;
}
.footer__group {
  grid-column: span 1/span 1;
}
@media only screen and (min-width: 40em) {
  .footer__group {
    grid-column: span 4/span 4;
  }
}
.footer li {
  font-family: "DM Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  text-decoration: none;
  color: #1B00A0;
}
.footer li a,
.footer address a {
  font-family: "DM Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  text-decoration: none;
  font-size: 1.0625rem;
  color: #1B00A0;
}
.footer li a:hover,
.footer address a:hover {
  color: #BE17AC;
  text-decoration: underline;
}
@media only screen and (min-width: 75em) {
  .footer li a,
  .footer address a {
    font-size: 0.9375rem;
  }
}
.footer address a {
  display: block;
  text-align: center;
}
.footer__heading {
  color: #BE17AC;
}
.footer__heading + ul {
  margin-top: 20px;
}
address + .footer__copyright {
  margin-top: 80px;
}
.footer__copyright {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 10px;
  max-width: 460px;
}
@media only screen and (min-width: 75em) {
  .footer__copyright {
    max-width: none;
  }
}
.footer__copyright li,
.footer__copyright li a {
  font-size: 0.8125rem;
  white-space: nowrap;
}
.footer__copyright li {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 2px solid #BE17AC;
}
.footer__copyright li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.footer > span {
  position: absolute;
  width: 186px;
  height: 186px;
}
.footer > span:nth-of-type(1) {
  top: 0;
  left: 0;
  transform: translate(-50%, -60%);
  background-color: #FFA621;
  clip-path: polygon(0 5%, 95% 1%, 100% 95%, 0% 100%);
}
@media only screen and (min-width: 40em) {
  .footer > span:nth-of-type(1) {
    transform: translate(-20%, -50%);
  }
}
.footer > span:nth-of-type(2) {
  top: 0;
  right: 0;
  background-color: #4AB052;
  transform: translate(50%, -60%);
}
@media only screen and (min-width: 40em) {
  .footer > span:nth-of-type(2) {
    transform: translate(20%, -50%);
  }
}
.footer > span:nth-of-type(3) {
  bottom: 0;
  left: 0;
  background-color: #1B00A0;
  transform: translate(-50%, 60%);
  clip-path: polygon(0 5%, 95% 1%, 100% 95%, 0% 100%);
}
@media only screen and (min-width: 40em) {
  .footer > span:nth-of-type(3) {
    transform: translate(-10%, 40%);
  }
}
.footer > span:nth-of-type(4) {
  right: 0;
  bottom: 0;
  background-color: #0CB0F1;
  transform: translate(50%, 60%);
  clip-path: polygon(5% 0, 100% 5%, 95% 100%, 0 95%);
}
@media only screen and (min-width: 40em) {
  .footer > span:nth-of-type(4) {
    transform: translate(10%, 40%);
  }
}