/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com*/

/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji;
}
hr {
  height: 0;
  color: inherit;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo,
    monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="submit"],
button {
  -webkit-appearance: button;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
fieldset,
ol,
ul {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
}
html {
  font-family: open-sans, serif;
  line-height: 1.5;
}
body {
  font-family: inherit;
  line-height: inherit;
}
*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid;
}
hr {
  border-top-width: 1px;
}
img {
  border-style: solid;
}
textarea {
  resize: vertical;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #a1a1aa;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  color: #a1a1aa;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #a1a1aa;
}
[role="button"],
button {
  cursor: pointer;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
:root {
  --color-magenta: #bc4a8d;
  --color-dark-magenta: #bc4a8d;
  --color-orange: #cf8c14;
  --color-green: #caca3d;
  --color-light-blue: #92d8f5;
  --color-ice-blue: #f0fbff;
  --color-light-blue-dark: #a6dff7;
  --color-ltblue-background: #f0fbff;
  --color-blue: #00779b;
  --color-gray: #d1d3d4;
  --color-gray-ada: #757575;
  --color-card-blue: #006889;
  --color-footer-gray: rgba(209, 211, 212, 0.5);
  --color-dark-gray: #131313;
  --color-off-black: #323232;
  --color-white: #fff;
}
[data-whatintent="mouse"] :focus {
  outline: none;
}
h1 {
  font-size: 3rem;
  font-size: clamp(2rem, 5vw, 3rem);
  margin-bottom: 0.75rem;
}
h2 {
  font-family: open-sans, serif;
  font-size: 1.5rem;
  line-height: 2rem;
}
.h3,
h2,
h3 {
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.h3,
h3 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #bc4a8d;
  color: var(--color-magenta);
}
.section-title {
  font-family: filson-pro, serif;
  font-weight: 800;
  margin: 0;
  font-style: italic;
}
@media (min-width: 640px) {
  .section-title {
    padding-left: 1rem;
  }
}
.section-title {
  line-height: 2.8rem;
}
p {
  font-weight: 400;
  margin-bottom: 1rem;
}
p > img {
  margin: 2.1875rem auto;
}
a {
  color: #00759a;
  color: var(--color-blue);
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
main {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
}
@media (min-width: 768px) {
  main {
    padding-top: 4rem;
  }
}
main ol,
main ul {
  margin-top: 1.25rem;
  margin-bottom: 1.5rem;
  margin-left: 1.75rem;
  padding: 0;
}
main ul li {
  list-style-type: disc;
}
main ol li,
main ul li {
  margin: 0 0 1rem 0.5rem;
  position: relative;
}
main ol li::marker {
  font-weight: 700;
}
main ul > ul {
  margin: 0.625rem 0 0.5rem 1.5rem;
}
main ul > ul > li {
  list-style-type: disc;
}
main ol {
  list-style-type: decimal;
}
ul.list-arrow li {
  position: relative;
  list-style-type: none;
}
ul.list-arrow li:before {
  content: url(../../images/arrow_bullet.svg);
  position: absolute;
  left: -25px;
  top: calc(50% - 10px);
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.accordion {
  margin: 1rem 0;
}
.accordion:last-of-type {
  margin-bottom: 4rem;
}
.accordion__content .accordion:last-of-type {
  margin-bottom: 1rem;
}
.accordion__title {
  position: relative;
  margin: 0;
  padding: 0;
}
.accordion__toggle {
  font-weight: 600;
  color: #131313;
  color: var(--color-dark-gray);
  position: relative;
  cursor: pointer;
  padding: 1.125rem 3.25rem 1.125rem 1.25rem;
  font-size: 1rem;
  text-align: left;
  width: 100%;
  border: none;
  text-decoration: none;
  transition: background 0.25s ease-in-out;
  background: #f0fbff;
  background: var(--color-ltblue-background);
}
.accordion__toggle .circle-icon {
  display: inline-block;
  position: relative;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  margin-right: 1.5625rem;
  border: 2px solid #000;
  border-radius: 50%;
}
.accordion__toggle .circle-icon.blue {
  border-color: #00759a;
  border-color: var(--color-blue);
}
.accordion__toggle .circle-icon.orange {
  border-color: #cf8c14;
  border-color: var(--color-orange);
}
.accordion__toggle .circle-icon.magenta {
  border-color: #bc4a8d;
  border-color: var(--color-magenta);
}
.accordion__toggle .circle-icon.green {
  border-color: #caca3d;
  border-color: var(--color-green);
}
.accordion__toggle .circle-icon.gray {
  border-color: #757575;
  border-color: var(--color-gray-ada);
}
.accordion__toggle:focus .circle-icon,
.accordion__toggle:hover .circle-icon,
.accordion__toggle[aria-expanded="true"] .circle-icon {
  display: inline-block;
  position: relative;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  margin-right: 1.5625rem;
  border: 2px solid #000;
  border-radius: 50%;
}
.accordion__toggle:focus .circle-icon.blue,
.accordion__toggle:focus .circle-icon.gray,
.accordion__toggle:focus .circle-icon.green,
.accordion__toggle:focus .circle-icon.magenta,
.accordion__toggle:focus .circle-icon.orange,
.accordion__toggle:hover .circle-icon.blue,
.accordion__toggle:hover .circle-icon.gray,
.accordion__toggle:hover .circle-icon.green,
.accordion__toggle:hover .circle-icon.magenta,
.accordion__toggle:hover .circle-icon.orange,
.accordion__toggle[aria-expanded="true"] .circle-icon.blue,
.accordion__toggle[aria-expanded="true"] .circle-icon.gray,
.accordion__toggle[aria-expanded="true"] .circle-icon.green,
.accordion__toggle[aria-expanded="true"] .circle-icon.magenta,
.accordion__toggle[aria-expanded="true"] .circle-icon.orange {
  border-color: #fff;
  border-color: var(--color-white);
}
.accordion__toggle:focus,
.accordion__toggle:hover {
  background: #00759a;
  background: var(--color-blue);
  color: #fff;
  color: var(--color-white);
}
.accordion__toggle:focus .arrow.right,
.accordion__toggle:hover .arrow.right {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACzSURBVHgB7ZC9DcIwEEY/pyChY4RkA9iAjMAImYBZmICONiNkBTZwRkgXTMHhU4iwrNgyoklxr7o/37MOEARhFahY86ZHTVDDE3ndVGrw+1dNu0I9WiKUBsVhaYbJQgJeMP2C9huYbs7dPtet4Mh5SBCV8CMD1DbsfdEs4Dr3P3NBoueaFo5lDnQ2LO3p7hno9IJqXUFTbfu/JL7IKScJkiULomTBT5KvSJ0N6JIqEAQhjTdH21OrSv70LwAAAABJRU5ErkJggg==");
}
.accordion [aria-expanded="true"] {
  background-color: #00759a;
  background-color: var(--color-blue);
  color: #fff;
  color: var(--color-white);
}
.accordion .arrow {
  display: block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC5SURBVHgB7ZA9DgIhEEa/hWDtETiCNtbS2nkEy+2sPMd2JjYeYWNhbWvpDeQI1LKAQIyJwSUkNha8hGSYv5cMUKlU/oImW90d7nBQ0Eyg26ikvj1OwYYejeV4TOZfezxkVBAWuBjNwPQl/hOBz8MtY9+IIC8JQ9oIH8lE9Bb4PJyEtgIZ8ueKC/ccjIaF3L8biFnD0v5D0LXyN0kqelEmKJckonJBgKKU61lhsTqB+JHBtKWCSqVSxhMGt01CNBjUfQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 0.75rem);
  width: 1.5rem;
  height: 1.5rem;
  color: #c4505b;
  transition: all 0.35s;
}
.accordion .arrow.left {
  left: 0.9375rem;
}
.accordion .arrow.right {
  right: 0.5rem;
}
.accordion [aria-expanded="true"] > .arrow.left,
.accordion [aria-expanded="true"] > .arrow.right {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACzSURBVHgB7ZC9DcIwEEY/pyChY4RkA9iAjMAImYBZmICONiNkBTZwRkgXTMHhU4iwrNgyoklxr7o/37MOEARhFahY86ZHTVDDE3ndVGrw+1dNu0I9WiKUBsVhaYbJQgJeMP2C9huYbs7dPtet4Mh5SBCV8CMD1DbsfdEs4Dr3P3NBoueaFo5lDnQ2LO3p7hno9IJqXUFTbfu/JL7IKScJkiULomTBT5KvSJ0N6JIqEAQhjTdH21OrSv70LwAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.accordion__panel {
  overflow: hidden;
  transition: height 0.35s ease-out;
  margin-top: 0;
}
.accordion__content {
  padding: 0.9375rem;
  transition: opacity 0.25s ease-in-out;
}
.accordion__content > p:first-of-type,
.accordion__content h2 + ol,
.accordion__content h2 + p,
.accordion__content h2 + ul,
.accordion__content h3 + ol,
.accordion__content h3 + p,
.accordion__content h3 + ul,
.accordion__content h4 + ol,
.accordion__content h4 + p,
.accordion__content h4 + ul {
  margin-top: 0;
}
.accordion__content img {
  margin: 2.1875rem auto;
}
.accordion__toggle-all-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: wrap;
  flex: wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}
.accordion__toggle-all-container.right {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.accordion__toggle-all {
  color: #00759a;
  color: var(--color-blue);
  text-decoration: underline;
  cursor: pointer;
}
.accordion__content .accordion__toggle {
  color: #00759a;
  color: var(--color-blue);
  background: #fff;
  padding: 1.125rem 1.25rem 1.125rem 3.125rem;
  border-bottom: 1px solid #d1d3d4;
  border-bottom: 1px solid var(--color-gray);
}
.accordion__content .accordion__toggle:focus,
.accordion__content .accordion__toggle:hover {
  color: #131313;
  color: var(--color-dark-gray);
}
.accordion__content .accordion__toggle[aria-expanded="true"] {
  border-bottom: none;
}
.accordion__content .accordion__toggle:focus .arrow.right,
.accordion__content .accordion__toggle:hover .arrow.right {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACiSURBVHgB7ZLBCYNAEEW/JrnbQVqwhXSQEjwEQs7BAixg8awXsQNLsAMtwRK2AN111YuCiiMIIvNgZmB2/3yWHYBhjsIi3fZj1+QCqnlB/PKtMhs03KE8ngQN2WQX1zFZ/vh/9MbNCic9DcfkLqRRylFfQukA4pvNjVp/SSfWfR1iejbuO2tjqCvsmZxA2R7EJ90q4+060EQ1VV/vdQmGOQUttoUjDrKwfEEAAAAASUVORK5CYII=");
}
.accordion__content .accordion .arrow {
  display: block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACiSURBVHgB7ZLBCYNAEEW/JrnbQVqwhXSQEjwEQs7BAixg8awXsQNLsAMtwRK2AN111YuCiiMIIvNgZmB2/3yWHYBhjsIi3fZj1+QCqnlB/PKtMhs03KE8ngQN2WQX1zFZ/vh/9MbNCic9DcfkLqRRylFfQukA4pvNjVp/SSfWfR1iejbuO2tjqCvsmZxA2R7EJ90q4+060EQ1VV/vdQmGOQUttoUjDrKwfEEAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 0.75rem);
  width: 1.5rem;
  height: 1.5rem;
  color: #c4505b;
  transition: all 0.35s;
}
.accordion__content .accordion .arrow.right {
  left: 0.9375rem;
}
.accordion__content .accordion .arrow.left {
  right: 0.5rem;
}
.accordion__content .accordion [aria-expanded="true"] > .arrow.left,
.accordion__content .accordion [aria-expanded="true"] > .arrow.right {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA/SURBVHgB7cyxEQAQEETRpVKZCjShBIlRqEEBzDgj/C+4ZG9XAoCv3DFJJaxbdb00gnJsu8gfS1021n8AeDcBmaAG/jJ6Fx4AAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.accordion__content .accordion__panel[aria-hidden="false"] {
  border-bottom: 1px solid #d1d3d4;
  border-bottom: 1px solid var(--color-gray);
}
.accordion__toggle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.accordion__toggle .planning-icon,
.accordion__toggle .reducing-icon,
.accordion__toggle .resiliency-icon,
.accordion__toggle .safety-icon,
.accordion__toggle .travel-icon {
  display: inline-block;
  position: relative;
  width: 4.375rem;
  height: 4.375rem;
  margin-right: 0.625rem;
}
.accordion__toggle .safety-icon:before {
  content: url(../../images/icon_need_01.svg);
  width: 1.875rem;
  height: 1.875rem;
}
.accordion__toggle .travel-icon:before {
  content: url(../../images/icon_need_02.svg);
  width: 1.875rem;
  height: 1.875rem;
}
.accordion__toggle .planning-icon:before {
  content: url(../../images/icon_need_03.svg);
  width: 1.875rem;
  height: 1.875rem;
}
.accordion__toggle .reducing-icon:before {
  content: url(../../images/icon_need_04.svg);
  width: 1.875rem;
  height: 1.875rem;
}
.accordion__toggle .resiliency-icon:before {
  content: url(../../images/icon_need_05.svg);
  width: 1.875rem;
  height: 1.875rem;
}
.accordion__toggle:focus .safety-icon:before,
.accordion__toggle:hover .safety-icon:before,
.accordion__toggle[aria-expanded="true"] .safety-icon:before {
  content: url(../../images/icon_need_01_reverse.svg);
}
.accordion__toggle:focus .travel-icon:before,
.accordion__toggle:hover .travel-icon:before,
.accordion__toggle[aria-expanded="true"] .travel-icon:before {
  content: url(../../images/icon_need_02_reverse.svg);
  width: 1.875rem;
  height: 1.875rem;
}
.accordion__toggle:focus .planning-icon:before,
.accordion__toggle:hover .planning-icon:before,
.accordion__toggle[aria-expanded="true"] .planning-icon:before {
  content: url(../../images/icon_need_03_reverse.svg);
  width: 1.875rem;
  height: 1.875rem;
}
.accordion__toggle:focus .reducing-icon:before,
.accordion__toggle:hover .reducing-icon:before,
.accordion__toggle[aria-expanded="true"] .reducing-icon:before {
  content: url(../../images/icon_need_04_reverse.svg);
  width: 1.875rem;
  height: 1.875rem;
}
.accordion__toggle:focus .resiliency-icon:before,
.accordion__toggle:hover .resiliency-icon:before,
.accordion__toggle[aria-expanded="true"] .resiliency-icon:before {
  content: url(../../images/icon_need_05_reverse.svg);
  width: 1.875rem;
  height: 1.875rem;
}
.sub-title {
  font-size: 1.25rem;
  font-size: clamp(0.875rem, 5vw, 1.25rem);
  margin-bottom: 0.75rem;
}
.card {
  background-color: #006889;
  background-color: var(--color-card-blue);
}
.card:hover {
  background-color: #00759a;
  background-color: var(--color-blue);
}
.card {
  overflow: hidden;
  position: relative;
}
.card__content {
  display: -ms-grid;
  display: grid;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
  min-height: 19.875rem;
  padding: 1rem 1.5rem;
  text-align: left;
  color: #fff;
  color: var(--color-white);
  -ms-grid-columns: (minmax(0, 1fr)) [1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -ms-grid-rows: 4.5rem 1fr;
  grid-template-rows: 4.5rem 1fr;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, -webkit-transform, -webkit-filter,
    -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform,
    -webkit-filter, -webkit-backdrop-filter;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.5s;
}
.card__overlay,
.header__overlay {
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.card__overlay {
  background-size: 150%;
  background-repeat: no-repeat;
  background-position: 50%;
  transition: all 0.35s ease-in-out;
}
.card:hover .card__overlay {
  background-size: 160%;
}
@media (prefers-reduced-motion) {
  .card__overlay {
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all 0.35s ease-in-out;
  }
  .card:hover .card__overlay,
  .card__overlay {
    background-size: 150%;
  }
}
.card__description {
  background-color: #00759a;
  background-color: var(--color-blue);
  overflow-y: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 100%;
  color: #fff;
  color: var(--color-white);
  transition-property: top;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.5s;
}
.card__description[aria-hidden="false"] {
  top: 0;
}
.flip-card-grid {
  display: -ms-grid;
  display: grid;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  gap: 1rem;
  -ms-grid-columns: (minmax(0, 1fr)) [1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .flip-card-grid {
    -ms-grid-columns: (minmax(0, 1fr)) [2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .flip-card-grid {
    -ms-grid-columns: (minmax(0, 1fr)) [3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .flip-card-grid {
    gap: 1rem;
    -ms-grid-rows: auto 1rem auto;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr;
    grid-template: "flip-card-1 flip-card-2 flip-card-3" "flip-card-4 flip-card-5 flip-card-6"/1fr 1fr 1fr;
  }
  .details-card:first-child {
    grid-area: flip-card-1;
  }
  .details-card:nth-child(2) {
    grid-area: flip-card-2;
  }
  .details-card:nth-child(3) {
    grid-area: flip-card-3;
  }
  .details-card:nth-child(4) {
    grid-area: flip-card-4;
  }
  .details-card:nth-child(5) {
    grid-area: flip-card-5;
  }
  .details-card:nth-child(6) {
    grid-area: flip-card-6;
  }
}
@media (min-width: 768px) {
  .details-card:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .details-card:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .details-card:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .details-card:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .details-card:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .details-card:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
}
.details-card {
  position: relative;
  -webkit-perspective: 40rem;
  perspective: 40rem;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-height: 21rem;
}
.details-card__container {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.details-card .details-card__container.flipped {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.details-card__summary {
  display: none;
}
.details-card__content,
.details-card__summary {
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-width: 100%;
  border-radius: 6px;
  padding: 12px 20px 20px;
  z-index: 1;
}
.details-card__content {
  border-color: #92d8f5;
  border-color: var(--color-light-blue);
  border-width: 4px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  justify-items: center;
  padding: 2rem;
}
.details-card__content p {
  font-weight: 700;
}
.details-card__button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  outline: none;
  border: 0;
}
@supports (display: grid) {
  .details-card__summary {
    background-color: #bc4a8d;
    background-color: var(--color-dark-magenta);
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-items: center;
  }
  .details-card__summary p {
    font-size: 1.5rem;
    font-size: clamp(0.875rem, 5vw, 1.35rem);
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 0;
    color: #fff;
    color: var(--color-white);
    font-style: italic;
  }
  .details-card__content {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
.button {
  background-color: #92d8f5;
  background-color: var(--color-light-blue);
}
.button:hover {
  background-color: #00759a;
  background-color: var(--color-blue);
}
.button {
  border-radius: 1.5rem;
  display: block;
  font-family: filson-pro, serif;
  max-width: -webkit-max-content;
  max-width: max-content;
  padding: 0.5rem 1.25rem;
  color: #131313;
  color: var(--color-dark-gray);
}
.button:hover {
  color: #fff;
  color: var(--color-white);
}
.button {
  text-decoration: none;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
.close-button {
  border-color: #92d8f5;
  border-color: var(--color-light-blue);
  border-width: 1px;
  display: block;
  font-weight: 700;
  margin-left: auto;
  padding: 0 0.5rem;
}
.learn-more {
  display: -webkit-flex;
  display: flex;
  color: #a6dff7;
  color: var(--color-light-blue-dark);
}
.learn-more:hover {
  color: #fff;
  color: var(--color-white);
}
.learn-more {
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, -webkit-transform, -webkit-filter,
    -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform,
    -webkit-filter, -webkit-backdrop-filter;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
.learn-more,
.learn-more:hover {
  background-color: transparent;
}
nav {
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  z-index: 100;
}
.dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),
    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
  width: 100%;
  z-index: 10;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  z-index: -1;
}
.dropdown-menu,
.dropdown-menu__item {
  background-color: #fff;
  background-color: var(--color-white);
}
.dropdown-menu__item:hover {
  background-color: #00759a;
  background-color: var(--color-blue);
}
.dropdown-menu__item {
  font-family: filson-pro, serif;
  color: #131313;
  color: var(--color-dark-gray);
}
.dropdown-menu__item:hover {
  color: #fff;
  color: var(--color-white);
}
.dropdown-menu__item {
  text-decoration: none;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, -webkit-transform, -webkit-filter,
    -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform,
    -webkit-filter, -webkit-backdrop-filter;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
  position: relative;
}
.menu-toggle svg {
  transition: all 0.35s;
}
.menu-toggle[aria-expanded="true"] svg {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.arrow-right {
  position: absolute;
  left: 1.125rem;
  transition: left 0.25s ease;
}
.home__nav-button:hover .arrow-right {
  left: 86%;
}
.navigation-bar {
  background-color: #bc4a8d;
  background-color: var(--color-magenta);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 6rem;
  padding: 1.5rem 2rem;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 50;
  -ms-grid-row: 3;
  grid-row-start: 3;
}
.breadcrumbs {
  display: -webkit-flex;
  display: flex;
  font-family: filson-pro, serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #fff;
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@-webkit-keyframes modal-video {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes modal-video-inner {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes modal-video-inner {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: modal-video;
  animation-name: modal-video;
  transition: opacity 0.3s ease-out;
}
.modal-video-close {
  opacity: 0;
}
.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}
.modal-video-body {
  max-width: 940px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: table;
}
.modal-video-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: modal-video-inner;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -35px;
  right: -35px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}
.modal-video-close-btn:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal-video-close-btn:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal-video-close-btn:after,
.modal-video-close-btn:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}
[data-show-year] {
  -webkit-appearance: none;
  appearance: none;
  border-color: #00759a;
  border-color: var(--color-blue);
}
[data-show-year]:checked {
  border-color: transparent;
}
[data-show-year] {
  border-width: 1px;
  height: 1rem;
  margin-right: 1.25rem;
  width: 1rem;
}
[data-show-year="2022"]:checked {
  background-color: #bc4a8d;
  background-color: var(--color-magenta);
}
[data-show-year="2055"]:checked {
  background-color: #bc4a8d;
  background-color: var(--color-dark-magenta);
}
[data-show-year="2022-2055"]:checked {
  background-color: #00759a;
  background-color: var(--color-blue);
}
.checkbox-label {
  display: -webkit-flex;
  display: flex;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
}
.checkbox-label [data-show-year="2022"]:checked + .checkbox {
  border-color: #bc4a8d;
  border-color: var(--color-magenta);
}
.checkbox-label [data-show-year="2055"]:checked + .checkbox {
  border-color: #bc4a8d;
  border-color: var(--color-dark-magenta);
}
.checkbox-label [data-show-year="2022-2055"]:checked + .checkbox {
  border-color: #00759a;
  border-color: var(--color-blue);
}
.checkbox-label [data-show-year="2022"]:checked + .checkbox svg path {
  fill: #bc4a8d;
  fill: var(--color-magenta);
}
.checkbox-label [data-show-year="2055"]:checked + .checkbox svg path {
  fill: #bc4a8d;
  fill: var(--color-dark-magenta);
}
.checkbox-label [data-show-year="2022-2055"]:checked + .checkbox svg path {
  fill: #00759a;
  fill: var(--color-blue);
}
.checkbox-label:hover .checkbox svg path,
.checkbox-label [data-show-year]:checked + .checkbox svg polyline {
  stroke-dashoffset: 0;
}
.checkbox-label .checkbox {
  position: relative;
  top: 2px;
  float: left;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 1px solid #00759a;
  border: 1px solid var(--color-blue);
  border-radius: 3px;
}
.checkbox-label .checkbox svg {
  position: absolute;
  top: -1px;
  left: -1px;
}
.checkbox-label .checkbox svg path {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.6s ease;
}
.checkbox-label [data-show-year="2022"] + .checkbox svg path {
  stroke: #bc4a8d;
  stroke: var(--color-magenta);
}
.checkbox-label [data-show-year="2055"] + .checkbox svg path {
  stroke: #bc4a8d;
  stroke: var(--color-dark-magenta);
}
.checkbox-label [data-show-year="2022-2055"] + .checkbox svg path {
  stroke: #00759a;
  stroke: var(--color-blue);
}
.checkbox-label .checkbox svg polyline {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
.checkbox-label > span {
  pointer-events: none;
  vertical-align: middle;
}
.weglot-container {
  -webkit-align-self: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-left: auto;
  margin-right: 25px;
}
.home .wg-default,
.home .wg-default .country-selector {
  position: fixed;
  top: 0;
  bottom: auto;
  right: 12rem;
}
.wg-drop.country-selector,
.wg-drop.country-selector ul {
  background-color: #006889 !important;
  background-color: var(--color-card-blue) !important;
}
.country-selector a {
  color: #fff !important;
  color: var(--color-white) !important;
}
.home__header-overlay {
  grid-area: home-overlay;
  height: 100%;
  max-height: 16rem;
  position: relative;
}
@media (min-width: 1024px) {
  .home__header-overlay {
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
  }
}
.home__nav {
  min-width: 25rem;
}
.home__nav-button {
  background-color: #fff;
  background-color: var(--color-white);
}
.home__nav-button:hover {
  background-color: #00759a;
  background-color: var(--color-blue);
}
.home__nav-button {
  border-radius: 0.25rem;
  display: -webkit-flex;
  display: flex;
  font-family: filson-pro, serif;
  font-weight: 600;
  padding: 1.25rem 1.75rem 1.25rem 3.5rem;
  color: #131313;
  color: var(--color-dark-gray);
}
.home__nav-button:hover {
  color: #fff;
  color: var(--color-white);
}
.home__nav-button {
  text-decoration: none;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, -webkit-transform, -webkit-filter,
    -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform,
    -webkit-filter, -webkit-backdrop-filter;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
  position: relative;
}
@media (max-width: 1023px) {
  .home-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 6.25rem minmax(12.5rem, 15.625rem) auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template:
      "home-logo home-nymtc" 6.25rem "home-overlay home-overlay" minmax(
        12.5rem,
        15.625rem
      )
      "home-nav home-nav"/1fr 1fr;
  }
  .video-button {
    position: absolute;
    top: 120px;
    width: 250px;
    white-space: nowrap;
  }
  .home__header-overlay {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (min-width: 1024px) {
  .home-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 9.8125rem minmax(19.375rem, 1fr) minmax(7.5rem, 13.5625rem);
    -ms-grid-columns: 1fr 1fr;
    grid-template:
      "home-logo home-nymtc" 9.8125rem "home-logo home-nav" minmax(
        19.375rem,
        1fr
      )
      "home-magenta home-nav" minmax(7.5rem, 13.5625rem) / 1fr 1fr;
  }
  .home-header .logo {
    grid-area: home-logo;
  }
  .home-header .nymtc-logo {
    grid-area: home-nymtc;
  }
  .home-header .magenta-box {
    grid-area: home-magenta;
  }
  .home-header .home-nav {
    grid-area: home-nav;
  }
  .home-header .home__header-overlay {
    grid-area: initial;
  }
}
@media (min-width: 1536px) {
  .home-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 9.8125rem minmax(19.375rem, 1fr) minmax(7.5rem, 13.5625rem);
    -ms-grid-columns: minmax(25rem, 50rem) minmax(15rem, 1fr);
    grid-template:
      "home-logo home-nymtc" 9.8125rem "home-logo home-nav" minmax(
        19.375rem,
        1fr
      )
      "home-magenta home-nav" minmax(7.5rem, 13.5625rem) / minmax(25rem, 50rem)
      minmax(15rem, 1fr);
  }
  .home-header .logo {
    grid-area: home-logo;
  }
  .home-header .nymtc-logo {
    grid-area: home-nymtc;
  }
  .home-header .magenta-box {
    grid-area: home-magenta;
  }
  .home-header .home-nav {
    grid-area: home-nav;
  }
  .home-header .home__header-overlay {
    grid-area: initial;
  }
  .home-header .logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .home-header .nymtc-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .home-header .magenta-box {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .home-header .home-nav {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 1023px) {
  .home-header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .home-header .nymtc-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .home-header .home-nav {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .home-header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .home-header .nymtc-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .home-header .home-nav {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (min-width: 1024px) {
  .home-header .logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .home-header .nymtc-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .home-header .magenta-box {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .home-header .home-nav {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .home-header .logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .home-header .nymtc-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .home-header .magenta-box {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .home-header .home-nav {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
}
@media (min-width: 1536px) {
  .home-header .logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .home-header .nymtc-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .home-header .magenta-box {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .home-header .home-nav {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
}
@media (min-width: 1024px) {
  .home-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template: "home-left home-right"/1fr 1fr;
  }
  .home-right {
    grid-area: home-right;
  }
  .home-left {
    grid-area: home-left;
  }
}
@media (min-width: 1536px) {
  .home-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: minmax(25rem, 50rem) minmax(15rem, 1fr);
    grid-template: "home-left home-right" / minmax(25rem, 50rem) minmax(
        15rem,
        1fr
      );
  }
  .home-right {
    grid-area: home-right;
  }
  .home-left {
    grid-area: home-left;
  }
  .home-right {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .home-left {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 1024px) {
  .home-right {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .home-left {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .home-right {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .home-left {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 1536px) {
  .home-right {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .home-left {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.main-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 6rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template: "main-logo main-nymtc" 6rem/1fr 1fr;
}
.main-header .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: main-logo;
}
.main-header .nymtc-logo {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: main-nymtc;
}
.main-header .magenta-box {
  grid-area: main-magenta;
}
.main-header .main-subtitle {
  grid-area: main-subtitle;
}
.main-header .header__overlay {
  grid-area: initial;
}
@media (min-width: 768px) {
  .main-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 9.8125rem 8.125rem;
    -ms-grid-columns: minmax(12.5rem, 23.4375rem) 1fr;
    grid-template:
      "main-logo main-nymtc" 9.8125rem "main-magenta main-subtitle" 8.125rem / minmax(
        12.5rem,
        23.4375rem
      )
      1fr;
  }
  .main-header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: main-logo;
  }
  .main-header .nymtc-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: main-nymtc;
  }
  .main-header .magenta-box {
    grid-area: main-magenta;
  }
  .main-header .main-subtitle {
    grid-area: main-subtitle;
  }
  .main-header .header__overlay {
    grid-area: initial;
  }
  .main-header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .main-header .nymtc-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .main-header .magenta-box {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .main-header .main-subtitle {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (min-width: 768px) {
  .main-header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .main-header .nymtc-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .main-header .magenta-box {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .main-header .main-subtitle {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .magenta-box {
    opacity: 0.8;
  }
}
@supports (-ms-ime-align: auto) {
  .magenta-box {
    opacity: 0.8;
  }
}
.bg-child-header8 .header__overlay {
  background-image: url(../../images/photo_01.jpg);
}
.bg-child-header9 .header__overlay {
  background-image: url(../../images/photo_02.jpg);
}
.bg-child-header10 .header__overlay {
  background-image: url(../../images/photo_03.jpg);
}
.bg-child-header11 .header__overlay {
  background-image: url(../../images/photo_04.jpg);
}
.bg-child-header12 .header__overlay {
  background-image: url(../../images/photo_05.jpg);
}
.bg-child-header13 .header__overlay {
  background-image: url(../../images/photo_06.jpg);
}
.bg-child-header16 .header__overlay {
  background-image: url(../../images/photo_10.jpg);
}
.shared-vision-grid {
  margin-left: auto;
  margin-right: auto;
  max-width: 72rem;
}
.shared-vision-grid-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 72rem;
}
.shared-vision-card {
  background-color: #fff;
  background-color: var(--color-white);
  border-color: #92d8f5;
  border-color: var(--color-light-blue);
  border-width: 1px;
  display: -ms-grid;
  display: grid;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1rem;
}
@media (min-width: 768px) {
  .shared-vision-card {
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.shared-vision-card {
  -ms-grid-rows: auto;
  -ms-grid-columns: auto 1fr;
  grid-template: "card-icon card-text" / auto 1fr;
}
.shared-vision-card__icon {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-align: center;
  justify-self: center;
  margin-right: 1rem;
  margin-bottom: 1rem;
  grid-area: card-icon;
}
.shared-vision-card__text {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  margin: 0;
  grid-area: card-text;
}
.shared-vision-card:first-child {
  grid-area: card-1;
}
.shared-vision-card:nth-child(2) {
  grid-area: card-2;
}
.shared-vision-card:nth-child(3) {
  grid-area: card-3;
}
.shared-vision-card:nth-child(4) {
  grid-area: card-4;
}
.shared-vision-card:nth-child(5) {
  grid-area: card-5;
}
.guiding-principles {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 6.25rem;
  -ms-grid-columns: 1fr;
  grid-template: "gp-side-1" "gp-side-2" 6.25rem/1fr;
  margin: 2rem -1.5rem;
}
.guiding-principles__text {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  background-color: #bc4a8d;
  background-color: var(--color-magenta);
  padding: 4rem 3.5rem 4rem 1.5rem;
  grid-area: gp-side-1;
}
.guiding-principles__image {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  position: relative;
  grid-area: gp-side-2;
}
@media (min-width: 768px) {
  .shared-vision-grid {
    display: -ms-grid;
    display: grid;
    gap: 1.25rem;
    -ms-grid-rows: auto 1.25rem auto 1.25rem auto;
    -ms-grid-columns: 1fr 1.25rem 1fr;
    grid-template: "card-1 card-2" "card-3 card-4" "card-5 ."/1fr 1fr;
  }
  .shared-vision-grid-2 {
    display: -ms-grid;
    display: grid;
    gap: 1.25rem;
    -ms-grid-rows: auto 1.25rem auto 1.25rem auto;
    -ms-grid-columns: 1fr 1.25rem 1fr;
    grid-template: "card-1 card-2" "card-3 card-4" "card-5 ."/1fr 1fr;
  }
  .shared-vision-card {
    text-align: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 1fr;
    -ms-grid-columns: 1fr;
    grid-template: "card-icon" auto "card-text" 1fr/1fr;
  }
  .guiding-principles {
    margin-top: 4rem;
    margin-bottom: 4rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template: "gp-side-1 gp-side-2"/1fr 1fr;
  }
  .shared-vision-card__icon {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .shared-vision-card__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .shared-vision-card:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .shared-vision-card:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .shared-vision-card:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .shared-vision-card:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .shared-vision-card:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .guiding-principles__text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .guiding-principles__image {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media (min-width: 1024px) {
  .shared-vision-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template: "card-1 card-2 card-3 card-4" "card-5 . . ." / 1fr 1fr 1fr 1fr;
  }
  .shared-vision-grid-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template: "card-1 card-2 card-3 card-4 card-5" / 1fr 1fr 1fr 1fr 1fr;
  }

  .shared-vision-card:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .shared-vision-card:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .shared-vision-card:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .shared-vision-card:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .shared-vision-card:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .shared-vision-card:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 6;
  }
}
.chapters-grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
  margin-top: 1.5rem;
}
.chapters-grid .card {
  -webkit-flex: 0 1 30%;
  flex: 0 1 30%;
  min-height: 16.5rem;
}
.chapters-grid .card__content {
  display: block;
}
@supports (display: grid) {
  .chapters-grid {
    display: -ms-grid;
    display: grid;
    gap: 1rem;
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  @media (min-width: 640px) {
    .chapters-grid {
      -ms-grid-columns: (minmax(0, 1fr)) [2];
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .chapters-grid {
      -ms-grid-columns: (minmax(0, 1fr)) [3];
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .chapters-grid .card__content {
    display: -ms-grid;
    display: grid;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.bg-magenta {
  background-color: #bc4a8d;
  background-color: var(--color-magenta);
}
.bg-dark-magenta {
  background-color: #8a3366;
  background-color: var(--color-dark-magenta);
}
.bg-light-blue {
  background-color: #92d8f5;
  background-color: var(--color-light-blue);
}
.bg-ice-blue {
  background-color: #f0fbff;
  background-color: var(--color-ice-blue);
}
.bg-blue {
  background-color: #00759a;
  background-color: var(--color-blue);
}
.bg-footer-gray {
  background-color: rgba(209, 211, 212, 0.5);
  background-color: var(--color-footer-gray);
}
.bg-white {
  background-color: #fff;
  background-color: var(--color-white);
}
.hover\:bg-blue:hover {
  background-color: #00759a;
  background-color: var(--color-blue);
}
.bg-home-header {
  background-image: url(../../images/background_home.jpg);
}
.bg-socioeconomic-chart {
  background-image: url(../../images/white_map.png);
}
.bg-center {
  background-position: 50%;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-cover {
  background-size: cover;
}
.border-light-blue {
  border-color: #92d8f5;
  border-color: var(--color-light-blue);
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-tr {
  border-top-right-radius: 0.25rem;
}
.rounded-br {
  border-bottom-right-radius: 0.25rem;
}
.border {
  border-width: 1px;
}
.block {
  display: block;
}
.flex {
  display: -webkit-flex;
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: -ms-grid;
  display: grid;
}
.hidden {
  display: none;
}
.place-self-end {
  -ms-grid-row-align: end;
  -ms-grid-column-align: end;
  place-self: end;
}
.place-self-center {
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
}
.items-center {
  -webkit-align-items: center;
  align-items: center;
}
.self-start {
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.self-end {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.self-center {
  -webkit-align-self: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.self-stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}
.justify-center {
  -webkit-justify-content: center;
  justify-content: center;
}
.justify-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.order-last {
  -webkit-order: 9999;
  order: 9999;
}
.font-headers {
  font-family: filson-pro, serif;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.h-4 {
  height: 1rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-full {
  height: 100%;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
}
.text-lg,
.text-xl {
  line-height: 1.75rem;
}
.text-xl {
  font-size: 1.25rem;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}
.list-none {
  list-style-type: none;
}
.m-0 {
  margin: 0;
}
.-m-6 {
  margin: -1.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.mb-0 {
  margin-bottom: 0;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mr-7 {
  margin-right: 1.75rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mt-18 {
  margin-top: 4.5rem;
}
.ml-auto {
  margin-left: auto;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.max-w-800 {
  max-width: 50rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-full {
  max-width: 100%;
}
.opacity-20 {
  opacity: 0.2;
}
.overflow-hidden {
  overflow: hidden;
}
.p-0 {
  padding: 0;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.top-0 {
  top: 0;
}
.right-0 {
  right: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
* {
  --tw-shadow: 0 0 transparent;
  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 transparent;
  --tw-ring-shadow: 0 0 transparent;
}
.fill-current {
  fill: currentColor;
}
.fill-light-blue {
  fill: #92d8f5;
  fill: var(--color-light-blue);
}
.fill-white,
.group:hover .group-hover\:fill-white {
  fill: #fff;
  fill: var(--color-white);
}
.text-center {
  text-align: center;
}
.text-magenta {
  color: #bc4a8d;
  color: var(--color-magenta);
}
.text-light-blue {
  color: #92d8f5;
  color: var(--color-light-blue);
}
.text-light-blue-dark {
  color: #a6dff7;
  color: var(--color-light-blue-dark);
}
.text-blue {
  color: #00759a;
  color: var(--color-blue);
}
.text-dark-gray {
  color: #131313;
  color: var(--color-dark-gray);
}
.text-off-black {
  color: #323232;
  color: var(--color-off-black);
}
.group:hover .group-hover\:text-white,
.hover\:text-white:hover,
.text-white {
  color: #fff;
  color: var(--color-white);
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}
.no-underline {
  text-decoration: none;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.w-4 {
  width: 1rem;
}
.w-6 {
  width: 1.5rem;
}
.w-12 {
  width: 3rem;
}
.w-16 {
  width: 4rem;
}
.w-full {
  width: 100%;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}

.grid-cols-1 {
  -ms-grid-columns: (minmax(0, 1fr)) [1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.col-span-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2 / span 2;
}
.col-span-6 {
  -ms-grid-column-span: 6;
  grid-column: span 6 / span 6;
}
.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  -webkit-transform: translateX(var(--tw-translate-x))
    translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transition {
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, -webkit-transform, -webkit-filter,
    -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform,
    -webkit-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-300 {
  transition-duration: 0.3s;
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes ping {
  75%,
  to {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes ping {
  75%,
  to {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@-webkit-keyframes bounce {
  0%,
  to {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes bounce {
  0%,
  to {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@-webkit-keyframes moveUp {
  0% {
    top: 100%;
  }
  to {
    top: 0;
  }
}
@keyframes moveUp {
  0% {
    top: 100%;
  }
  to {
    top: 0;
  }
}
@-webkit-keyframes moveDown {
  0% {
    top: 0;
  }
  to {
    top: 100%;
  }
}
@keyframes moveDown {
  0% {
    top: 0;
  }
  to {
    top: 100%;
  }
}
.mix-blend-darken {
  mix-blend-mode: darken;
}
@media (min-width: 640px) {
  .sm\:block {
    display: block;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .md\:bg-transparent {
    background-color: transparent;
  }
  .md\:block {
    display: block;
  }
  .md\:place-self-end {
    -ms-grid-row-align: end;
    -ms-grid-column-align: end;
    place-self: end;
  }
  .md\:self-start {
    -webkit-align-self: flex-start;
    align-self: flex-start;
  }
  .md\:justify-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .md\:h-28 {
    height: 7rem;
  }
  .md\:h-32 {
    height: 8rem;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:mt-6 {
    margin-top: 1.5rem;
  }
  .md\:ml-6 {
    margin-left: 1.5rem;
  }
  .md\:mr-7 {
    margin-right: 1.75rem;
  }
  .md\:mb-9 {
    margin-bottom: 2.25rem;
  }
  .md\:p-16 {
    padding: 4rem;
  }
  .md\:text-right {
    text-align: right;
  }
  .md\:w-11 {
    width: 2.75rem;
  }
  .md\:w-72 {
    width: 18rem;
  }
  .md\:grid-cols-2 {
    -ms-grid-columns: (minmax(0, 1fr)) [2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:col-span-11 {
    -ms-grid-column-span: 11;
    grid-column: span 11 / span 11;
  }
}
@media (min-width: 1024px) {
  .lg\:bg-transparent {
    background-color: transparent;
  }
  .lg\:block {
    display: block;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:mb-8 {
    margin-bottom: 2rem;
  }
  .lg\:max-w-md {
    max-width: 28rem;
  }
  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:pl-20 {
    padding-left: 5rem;
  }
  .lg\:pr-32 {
    padding-right: 8rem;
  }
  .lg\:text-left {
    text-align: left;
  }
  .lg\:grid-cols-4 {
    -ms-grid-columns: (minmax(0, 1fr)) [4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:col-span-1 {
    -ms-grid-column-span: 1;
    grid-column: span 1 / span 1;
  }
}
.footer-btn {
  background-color: #0072ce;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 0.75em 2em;
  font-size: 1.1em;
  font-family: inherit;
  font-weight: 600;
  cursor: pointer;
  margin-top: 1em;
  transition: background 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.footer-btn:hover,
.footer-btn:focus {
  background-color: #005fa3;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.footer-btn-link {
  text-decoration: none;
}

.responsive-container {
  display: flex;
  flex-direction: column;
}

.responsive-box {
  padding: 2rem 1rem;
  text-align: center;
  flex: 1;
}

.box-content {
  max-width: 500px;
  margin: 0 auto;
  font-size: 1.125rem;
  color: white;
}

.box-blue {
  background-color: #02779c; /* blue */
}

.box-yellow {
  background-color: #caca3d; /* yellow */
  color: black;
}

.box-magenta {
  background-color: #bd4b8e; /* magenta */
}

.footer-btn {
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.yellow-btn {
  background-color: #ccca3e;
  color: black;
}

.magenta-btn {
  background-color: #bc4a8d;
  color: white;
}

/* Make it row-based on large screens */
@media (min-width: 1024px) {
  .responsive-container {
    flex-direction: row;
  }

  .responsive-box {
    width: 33.3333%;
  }
}