:root {
  --color-black: #000;
  --color-brand: #da3940;
  --color-neon: #d4e300;
  --color-blue: #365996;
  --color-berry: #7e0f53;
  --color-peach: #f4a377;
  --color-sky-20: #b6d1d0;
  --color-midnight: #001d2f;
  --color-white: #fff;
  --color-grey-10: #334a59;
  --color-grey-20: #667782;
  --color-grey-30: #a2acb3;
  --color-grey-40: #ccd2d5;
  --color-grey-50: #f7f8f9;
  --color-mint-10: #0c6753;
  --color-mint-20: #0f866c;
  --color-sand-20: #f0eacf;
  --color-sand-30: #f9f8f2;
  --color-brand-50: #fdf3f4;
  --color-sky: #dae8e7;
  --color-sky-30: #dae8e7;
  --color-error-10: #7e0f53;
  --color-error-20: #a4115e;
  --color-error-30: #cf1369;
  --color-error-40: #ed8db7;
  --color-error-50: #fae4ed;
  --color-success-10: #004d40;
  --color-success-20: #00695c;
  --color-success-30: #009688;
  --color-success-40: #4db6ac;
  --color-success-50: #c3ece8;
  --color-warning-10: #964c1c;
  --color-warning-20: #b5541c;
  --color-warning-30: #fd9b3f;
  --color-warning-40: #feb865;
  --color-warning-50: #feedcb;
  --color-info-10: #3156a0;
  --color-info-20: #4465c1;
  --color-info-30: #4d83e8;
  --color-info-40: #74b2fb;
  --color-info-50: #e5f1fe;
  --color-order-green: #4CA952;
}

@keyframes eds-animated-text-link {
  0% {
    background-size: 100% 2px, 0 2px, 0 2px;
  }
  50% {
    background-size: 0 2px, 100% 2px, 0 2px;
  }
  100% {
    background-size: 0 2px, 0 2px, 100% 2px;
  }
}
@keyframes eds-animated-text-link-rtl {
  0% {
    background-size: 0 2px, 0 2px, 100% 2px;
  }
  50% {
    background-size: 0 2px, 100% 2px, 0 2px;
  }
  100% {
    background-size: 100% 2px, 0 2px, 0 2px;
  }
}
/* stylelint-disable */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, figure figcaption,
figure .img-caption,
.img-container figcaption,
.img-container .img-caption, 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;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
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;
}

button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
}

a {
  text-decoration: none;
}

a,
button {
  background-repeat: no-repeat;
  cursor: pointer;
}

input, button, select, textarea, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@font-face {
  font-family: "FS Kim";
  src: url("../fonts/fs-kim-text-w03-medium.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: "normal";
  font-weight: 400;
  src: url("../fonts/inter-regular.woff2") format("woff2"), url("../fonts/inter-regular.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: "normal";
  font-weight: 500;
  src: url("../fonts/inter-medium.woff2") format("woff2"), url("../fonts/inter-medium.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: "normal";
  font-weight: 600;
  src: url("../fonts/inter-semibold.woff2") format("woff2"), url("../fonts/inter-semibold.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: "normal";
  font-weight: 700;
  src: url("../fonts/inter-bold.woff2") format("woff2"), url("../fonts/inter-bold.woff") format("woff");
}
h1,
.h1 {
  font-size: 4.2rem;
  line-height: 1.1;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 6.4rem;
    line-height: 1;
  }
}

.jumbo {
  font-size: 5.8rem;
  line-height: 1.03;
}
@media (min-width: 768px) {
  .jumbo {
    font-size: 9.8rem;
    line-height: 1.02;
  }
}

h2,
.h2 {
  font-size: 3.4rem;
  line-height: 1.15;
}
@media (min-width: 768px) {
  h2,
  .h2 {
    font-size: 4.6rem;
    line-height: 1.09;
  }
}

h3,
.h3 {
  font-size: 2.8rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  h3,
  .h3 {
    font-size: 3.2rem;
    line-height: 1.25;
  }
}

blockquote,
.blockquote {
  font-size: 2.4rem;
  line-height: 1.33;
}

p.footnote, figure figcaption.footnote,
figure .footnote.img-caption,
.img-container figcaption.footnote,
.img-container .footnote.img-caption,
.footnote p,
.footnote figure figcaption,
figure .footnote figcaption,
.footnote figure .img-caption,
figure .footnote .img-caption,
.footnote .img-container figcaption,
.img-container .footnote figcaption,
.footnote .img-container .img-caption,
.img-container .footnote .img-caption {
  font-size: 1rem;
}

.footer-menu-title,
.footer-menu-col .footer-menu-title a {
  font-size: 1.8rem;
  line-height: 1.4;
}

.mbg-badge-number {
  font-size: 4.8rem;
  line-height: 1;
}
.mbg-badge-day {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.36rem;
  line-height: 1.29;
}
.mbg-badge-text {
  font-size: 1rem;
  letter-spacing: 0.2rem;
  line-height: 1.6;
}

.stylelist li span::before {
  font: 500 1.8rem "FS Kim", "Georgia", "Serif";
  line-height: 2.8rem;
}

html {
  font-size: 10px;
}

body {
  color: #001d2f;
  font-family: "Inter", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
}

em {
  font-style: italic;
}

b,
strong {
  font-weight: 600;
}

p, figure figcaption,
figure .img-caption,
.img-container figcaption,
.img-container .img-caption {
  font-size: 1.6rem;
  line-height: 1.75;
  margin-bottom: 2rem;
}

p.caption,
p.smallprint,
figure figcaption,
figure .img-caption,
.img-container figcaption,
.img-container .img-caption,
.caption p,
.smallprint p,
figure figcaption p,
figure .img-caption p,
.img-container figcaption p,
.img-container .img-caption p,
figure .img-caption figcaption {
  font-size: 1.2rem;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

p.footnote, figure figcaption.footnote,
figure .footnote.img-caption,
.img-container figcaption.footnote,
.img-container .footnote.img-caption,
.footnote p,
.footnote figure figcaption,
figure .footnote figcaption,
.footnote figure .img-caption,
figure .footnote .img-caption,
.footnote .img-container figcaption,
.img-container .footnote figcaption,
.footnote .img-container .img-caption,
.img-container .footnote .img-caption {
  font-weight: 500;
  line-height: 2;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.14rem;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: "FS Kim", "Georgia", "Serif";
  font-feature-settings: "liga";
  font-weight: 500;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-weight: 700;
}

h4,
.h4 {
  font-size: 2.4rem;
  line-height: 1.33;
}

h5,
.h5 {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  line-height: 1.44;
}

h6,
.h6 {
  font-size: 1.2rem;
  line-height: 1.67;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  .h1,
  .h2,
  .h3,
  .h4 {
    margin-bottom: 2rem;
  }
}

blockquote,
.blockquote,
.footer-menu-title,
.mbg-badge-number {
  font-family: "FS Kim", "Georgia", "Serif";
  font-feature-settings: "liga";
  font-weight: 500;
}

blockquote,
.blockquote {
  margin-bottom: 1.5rem;
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark .h1,
.bg-dark .h2,
.bg-dark .h3,
.bg-dark .h4,
.bg-dark .h5,
.bg-dark .h6,
.bg-dark p,
.bg-dark figure figcaption,
figure .bg-dark figcaption,
.bg-dark figure .img-caption,
figure .bg-dark .img-caption,
.bg-dark .img-container figcaption,
.img-container .bg-dark figcaption,
.bg-dark .img-container .img-caption,
.img-container .bg-dark .img-caption {
  color: #fff;
}
.bg-dark b,
.bg-dark strong {
  font-weight: 700;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

hr {
  border: 1px solid #ccd2d5;
  width: 100%;
}

.spinner line {
  animation: eds-spinner 1s linear infinite;
}
.spinner line:nth-of-type(1) {
  animation-delay: 0.125s;
}
.spinner line:nth-of-type(2) {
  animation-delay: 0.25s;
}
.spinner line:nth-of-type(3) {
  animation-delay: 0.375s;
}
.spinner line:nth-of-type(4) {
  animation-delay: 0.5s;
}
.spinner line:nth-of-type(5) {
  animation-delay: 0.625s;
}
.spinner line:nth-of-type(6) {
  animation-delay: 0.75s;
}
.spinner line:nth-of-type(7) {
  animation-delay: 0.875s;
}
.spinner line:nth-of-type(8) {
  animation-delay: 1s;
}

@keyframes eds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes eds-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
ol.list {
  list-style-type: decimal;
}

ul.list {
  list-style-type: disc;
}

ol.list,
ul.list, ol.checklist, ol.crosslist, ol.circled-bullet-point,
ul.checklist,
ul.crosslist,
ul.circled-bullet-point {
  margin-bottom: 2rem;
  position: relative;
  margin-left: 1.2rem;
}
ol.list ol,
ul.list ol, ol.checklist ol, ol.crosslist ol, ol.circled-bullet-point ol,
ul.checklist ol,
ul.crosslist ol,
ul.circled-bullet-point ol,
ol.list ul,
ul.list ul,
ol.checklist ul,
ol.crosslist ul,
ol.circled-bullet-point ul,
ul.checklist ul,
ul.crosslist ul,
ul.circled-bullet-point ul {
  margin-top: 1rem;
  margin-left: 1.5rem;
}
ol.list li,
ul.list li, ol.checklist li, ol.crosslist li, ol.circled-bullet-point li,
ul.checklist li,
ul.crosslist li,
ul.circled-bullet-point li {
  line-height: 1.75;
  margin-bottom: 1rem;
  margin-left: 1.8rem;
  padding-left: 0.5rem;
}
ol.list li p,
ol.list li figure figcaption,
figure ol.list li figcaption,
ol.list li figure .img-caption,
figure ol.list li .img-caption,
ol.list li .img-container figcaption,
.img-container ol.list li figcaption,
ol.list li .img-container .img-caption,
.img-container ol.list li .img-caption,
ul.list li p,
ul.list li figure figcaption,
figure ul.list li figcaption,
ul.list li figure .img-caption,
figure ul.list li .img-caption,
ul.list li .img-container figcaption,
.img-container ul.list li figcaption,
ul.list li .img-container .img-caption,
.img-container ul.list li .img-caption, ol.checklist li p, ol.checklist li figure figcaption, figure ol.checklist li figcaption,
ol.checklist li figure .img-caption,
figure ol.checklist li .img-caption,
ol.checklist li .img-container figcaption,
.img-container ol.checklist li figcaption,
ol.checklist li .img-container .img-caption,
.img-container ol.checklist li .img-caption, ol.crosslist li p, ol.crosslist li figure figcaption, figure ol.crosslist li figcaption,
ol.crosslist li figure .img-caption,
figure ol.crosslist li .img-caption,
ol.crosslist li .img-container figcaption,
.img-container ol.crosslist li figcaption,
ol.crosslist li .img-container .img-caption,
.img-container ol.crosslist li .img-caption, ol.circled-bullet-point li p, ol.circled-bullet-point li figure figcaption, figure ol.circled-bullet-point li figcaption,
ol.circled-bullet-point li figure .img-caption,
figure ol.circled-bullet-point li .img-caption,
ol.circled-bullet-point li .img-container figcaption,
.img-container ol.circled-bullet-point li figcaption,
ol.circled-bullet-point li .img-container .img-caption,
.img-container ol.circled-bullet-point li .img-caption,
ul.checklist li p,
ul.checklist li figure figcaption,
figure ul.checklist li figcaption,
ul.checklist li figure .img-caption,
figure ul.checklist li .img-caption,
ul.checklist li .img-container figcaption,
.img-container ul.checklist li figcaption,
ul.checklist li .img-container .img-caption,
.img-container ul.checklist li .img-caption,
ul.crosslist li p,
ul.crosslist li figure figcaption,
figure ul.crosslist li figcaption,
ul.crosslist li figure .img-caption,
figure ul.crosslist li .img-caption,
ul.crosslist li .img-container figcaption,
.img-container ul.crosslist li figcaption,
ul.crosslist li .img-container .img-caption,
.img-container ul.crosslist li .img-caption,
ul.circled-bullet-point li p,
ul.circled-bullet-point li figure figcaption,
figure ul.circled-bullet-point li figcaption,
ul.circled-bullet-point li figure .img-caption,
figure ul.circled-bullet-point li .img-caption,
ul.circled-bullet-point li .img-container figcaption,
.img-container ul.circled-bullet-point li figcaption,
ul.circled-bullet-point li .img-container .img-caption,
.img-container ul.circled-bullet-point li .img-caption {
  margin-bottom: 0;
}

ol.checklist, ol.crosslist,
ul.checklist,
ul.crosslist {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
ol.checklist li, ol.crosslist li,
ul.checklist li,
ul.crosslist li {
  position: relative;
  margin-left: 0;
  padding-left: 3.4rem;
}
ol.checklist li::before, ol.crosslist li::before,
ul.checklist li::before,
ul.crosslist li::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 2.4rem;
  margin: 0;
  position: absolute;
  top: 0.3rem;
  width: 2.4rem;
  left: 0;
}
ol.checklist li::before,
ul.checklist li::before {
  background-image: url("../img/icons-mint-20/check.svg");
}
ol.crosslist li::before,
ul.crosslist li::before {
  background-image: url("../img/icons-error-30/x.svg");
}
ol.stylelist,
ul.stylelist {
  counter-reset: numbered-list-counter;
  margin-bottom: 2rem;
  position: relative;
  margin-left: 0;
}
ol.stylelist li,
ul.stylelist li {
  counter-increment: numbered-list-counter;
  margin-bottom: 1.5rem;
  position: relative;
  margin-left: 0;
  padding-left: 4.5rem;
}
ol.stylelist li span,
ul.stylelist li span {
  background-color: #001d2f;
  border-radius: 2rem;
  display: inline-block;
  height: 2.8rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 2.8rem;
  z-index: 106;
  left: 0;
}
ol.stylelist li span::before,
ul.stylelist li span::before {
  color: #fff;
  content: counter(numbered-list-counter);
  z-index: 107;
}
ol.stylelist li p, ol.stylelist li figure figcaption, figure ol.stylelist li figcaption,
ol.stylelist li figure .img-caption,
figure ol.stylelist li .img-caption,
ol.stylelist li .img-container figcaption,
.img-container ol.stylelist li figcaption,
ol.stylelist li .img-container .img-caption,
.img-container ol.stylelist li .img-caption,
ul.stylelist li p,
ul.stylelist li figure figcaption,
figure ul.stylelist li figcaption,
ul.stylelist li figure .img-caption,
figure ul.stylelist li .img-caption,
ul.stylelist li .img-container figcaption,
.img-container ul.stylelist li figcaption,
ul.stylelist li .img-container .img-caption,
.img-container ul.stylelist li .img-caption {
  margin-bottom: 1.5rem;
}

ol.list ol,
ul.list ol {
  list-style-type: lower-alpha;
}
ol.list ol ol,
ul.list ol ol {
  list-style-type: lower-roman;
}
ol.list ul,
ul.list ul {
  list-style-type: circle;
}
ol.list ul ul,
ul.list ul ul {
  list-style-type: square;
}

.bg-dark .checklist {
  color: #fff;
}
.bg-dark .checklist li::before {
  background-image: url("../img/icons-white/check.svg");
}
.bg-dark .crosslist {
  color: #fff;
}
.bg-dark .crosslist li::before {
  background-image: url("../img/icons-white/x.svg");
}

.p-0 {
  padding: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.pr-0 {
  padding-right: 0rem;
}

.pb-0 {
  padding-bottom: 0rem;
}

.pt-0 {
  padding-top: 0rem;
}

.m-0 {
  margin: 0rem;
}

.ml-0 {
  margin-left: 0rem;
}

.mr-0 {
  margin-right: 0rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.mt-0 {
  margin-top: 0rem;
}

.p-1 {
  padding: 0.1rem;
}

.pl-1 {
  padding-left: 0.1rem;
}

.pr-1 {
  padding-right: 0.1rem;
}

.pb-1 {
  padding-bottom: 0.1rem;
}

.pt-1 {
  padding-top: 0.1rem;
}

.m-1 {
  margin: 0.1rem;
}

.ml-1 {
  margin-left: 0.1rem;
}

.mr-1 {
  margin-right: 0.1rem;
}

.mb-1 {
  margin-bottom: 0.1rem;
}

.mt-1 {
  margin-top: 0.1rem;
}

.p-2 {
  padding: 0.2rem;
}

.pl-2 {
  padding-left: 0.2rem;
}

.pr-2 {
  padding-right: 0.2rem;
}

.pb-2 {
  padding-bottom: 0.2rem;
}

.pt-2 {
  padding-top: 0.2rem;
}

.m-2 {
  margin: 0.2rem;
}

.ml-2 {
  margin-left: 0.2rem;
}

.mr-2 {
  margin-right: 0.2rem;
}

.mb-2 {
  margin-bottom: 0.2rem;
}

.mt-2 {
  margin-top: 0.2rem;
}

.p-5 {
  padding: 0.5rem;
}

.pl-5 {
  padding-left: 0.5rem;
}

.pr-5 {
  padding-right: 0.5rem;
}

.pb-5 {
  padding-bottom: 0.5rem;
}

.pt-5 {
  padding-top: 0.5rem;
}

.m-5 {
  margin: 0.5rem;
}

.ml-5 {
  margin-left: 0.5rem;
}

.mr-5 {
  margin-right: 0.5rem;
}

.mb-5 {
  margin-bottom: 0.5rem;
}

.mt-5 {
  margin-top: 0.5rem;
}

.p-10 {
  padding: 1rem;
}

.pl-10 {
  padding-left: 1rem;
}

.pr-10 {
  padding-right: 1rem;
}

.pb-10 {
  padding-bottom: 1rem;
}

.pt-10 {
  padding-top: 1rem;
}

.m-10 {
  margin: 1rem;
}

.ml-10 {
  margin-left: 1rem;
}

.mr-10 {
  margin-right: 1rem;
}

.mb-10 {
  margin-bottom: 1rem;
}

.mt-10 {
  margin-top: 1rem;
}

.p-15 {
  padding: 1.5rem;
}

.pl-15 {
  padding-left: 1.5rem;
}

.pr-15 {
  padding-right: 1.5rem;
}

.pb-15 {
  padding-bottom: 1.5rem;
}

.pt-15 {
  padding-top: 1.5rem;
}

.m-15 {
  margin: 1.5rem;
}

.ml-15 {
  margin-left: 1.5rem;
}

.mr-15 {
  margin-right: 1.5rem;
}

.mb-15 {
  margin-bottom: 1.5rem;
}

.mt-15 {
  margin-top: 1.5rem;
}

.p-20 {
  padding: 2rem;
}

.pl-20 {
  padding-left: 2rem;
}

.pr-20 {
  padding-right: 2rem;
}

.pb-20 {
  padding-bottom: 2rem;
}

.pt-20 {
  padding-top: 2rem;
}

.m-20 {
  margin: 2rem;
}

.ml-20 {
  margin-left: 2rem;
}

.mr-20 {
  margin-right: 2rem;
}

.mb-20 {
  margin-bottom: 2rem;
}

.mt-20 {
  margin-top: 2rem;
}

.p-25 {
  padding: 2.5rem;
}

.pl-25 {
  padding-left: 2.5rem;
}

.pr-25 {
  padding-right: 2.5rem;
}

.pb-25 {
  padding-bottom: 2.5rem;
}

.pt-25 {
  padding-top: 2.5rem;
}

.m-25 {
  margin: 2.5rem;
}

.ml-25 {
  margin-left: 2.5rem;
}

.mr-25 {
  margin-right: 2.5rem;
}

.mb-25 {
  margin-bottom: 2.5rem;
}

.mt-25 {
  margin-top: 2.5rem;
}

.p-30 {
  padding: 3rem;
}

.pl-30 {
  padding-left: 3rem;
}

.pr-30 {
  padding-right: 3rem;
}

.pb-30 {
  padding-bottom: 3rem;
}

.pt-30 {
  padding-top: 3rem;
}

.m-30 {
  margin: 3rem;
}

.ml-30 {
  margin-left: 3rem;
}

.mr-30 {
  margin-right: 3rem;
}

.mb-30 {
  margin-bottom: 3rem;
}

.mt-30 {
  margin-top: 3rem;
}

.p-35 {
  padding: 3.5rem;
}

.pl-35 {
  padding-left: 3.5rem;
}

.pr-35 {
  padding-right: 3.5rem;
}

.pb-35 {
  padding-bottom: 3.5rem;
}

.pt-35 {
  padding-top: 3.5rem;
}

.m-35 {
  margin: 3.5rem;
}

.ml-35 {
  margin-left: 3.5rem;
}

.mr-35 {
  margin-right: 3.5rem;
}

.mb-35 {
  margin-bottom: 3.5rem;
}

.mt-35 {
  margin-top: 3.5rem;
}

.p-40 {
  padding: 4rem;
}

.pl-40 {
  padding-left: 4rem;
}

.pr-40 {
  padding-right: 4rem;
}

.pb-40 {
  padding-bottom: 4rem;
}

.pt-40 {
  padding-top: 4rem;
}

.m-40 {
  margin: 4rem;
}

.ml-40 {
  margin-left: 4rem;
}

.mr-40 {
  margin-right: 4rem;
}

.mb-40 {
  margin-bottom: 4rem;
}

.mt-40 {
  margin-top: 4rem;
}

.p-45 {
  padding: 4.5rem;
}

.pl-45 {
  padding-left: 4.5rem;
}

.pr-45 {
  padding-right: 4.5rem;
}

.pb-45 {
  padding-bottom: 4.5rem;
}

.pt-45 {
  padding-top: 4.5rem;
}

.m-45 {
  margin: 4.5rem;
}

.ml-45 {
  margin-left: 4.5rem;
}

.mr-45 {
  margin-right: 4.5rem;
}

.mb-45 {
  margin-bottom: 4.5rem;
}

.mt-45 {
  margin-top: 4.5rem;
}

.p-60 {
  padding: 6rem;
}

.pl-60 {
  padding-left: 6rem;
}

.pr-60 {
  padding-right: 6rem;
}

.pb-60 {
  padding-bottom: 6rem;
}

.pt-60 {
  padding-top: 6rem;
}

.m-60 {
  margin: 6rem;
}

.ml-60 {
  margin-left: 6rem;
}

.mr-60 {
  margin-right: 6rem;
}

.mb-60 {
  margin-bottom: 6rem;
}

.mt-60 {
  margin-top: 6rem;
}

.hide {
  display: none;
}

.hide-sm {
  display: none;
}
@media (min-width: 768px) {
  .hide-sm {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .hide-md {
    display: none;
  }
}
@media (min-width: 1024px) {
  .hide-md {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .hide-lg {
    display: none;
  }
}

.img-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.txt-c, .txt-center,
.text-c,
.text-center {
  text-align: center;
}
@media (max-width: calc(768px - 1px)) {
  .txt-c-xs, .txt-center-xs,
  .text-c-xs,
  .text-center-xs {
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .txt-c-md, .txt-center-md,
  .text-c-md,
  .text-center-md {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .txt-c-lg, .txt-center-lg,
  .text-c-lg,
  .text-center-lg {
    text-align: center;
  }
}
.txt-l, .txt-left,
.text-l,
.text-left {
  text-align: start;
}
@media (max-width: calc(768px - 1px)) {
  .txt-l-xs, .txt-left-xs,
  .text-l-xs,
  .text-left-xs {
    text-align: start;
  }
}
@media (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .txt-l-md, .txt-left-md,
  .text-l-md,
  .text-left-md {
    text-align: start;
  }
}
@media (min-width: 1024px) {
  .txt-l-lg, .txt-left-lg,
  .text-l-lg,
  .text-left-lg {
    text-align: start;
  }
}
.txt-r, .txt-right,
.text-r,
.text-right {
  text-align: end;
}
@media (max-width: calc(768px - 1px)) {
  .txt-r-xs, .txt-right-xs,
  .text-r-xs,
  .text-right-xs {
    text-align: end;
  }
}
@media (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .txt-r-md, .txt-right-md,
  .text-r-md,
  .text-right-md {
    text-align: end;
  }
}
@media (min-width: 1024px) {
  .txt-r-lg, .txt-right-lg,
  .text-r-lg,
  .text-right-lg {
    text-align: end;
  }
}
.txt-whitespace-nowrap,
.text-whitespace-nowrap {
  white-space: nowrap;
}

.text-black {
  color: #000;
}

.text-brand {
  color: #da3940;
}

.text-neon {
  color: #d4e300;
}

.text-blue {
  color: #365996;
}

.text-berry {
  color: #7e0f53;
}

.text-peach {
  color: #f4a377;
}

.text-sky-20 {
  color: #b6d1d0;
}

.text-midnight {
  color: #001d2f;
}

.text-white {
  color: #fff;
}

.text-grey-10 {
  color: #334a59;
}

.text-grey-20 {
  color: #667782;
}

.text-grey-30 {
  color: #a2acb3;
}

.text-grey-40 {
  color: #ccd2d5;
}

.text-grey-50 {
  color: #f7f8f9;
}

.text-mint-10 {
  color: #0c6753;
}

.text-mint-20 {
  color: #0f866c;
}

.text-sand-20 {
  color: #f0eacf;
}

.text-sand-30 {
  color: #f9f8f2;
}

.text-brand-50 {
  color: #fdf3f4;
}

.text-sky {
  color: #dae8e7;
}

.text-sky-30 {
  color: #dae8e7;
}

.text-error-10 {
  color: #7e0f53;
}

.text-error-20 {
  color: #a4115e;
}

.text-error-30 {
  color: #cf1369;
}

.text-error-40 {
  color: #ed8db7;
}

.text-error-50 {
  color: #fae4ed;
}

.text-success-10 {
  color: #004d40;
}

.text-success-20 {
  color: #00695c;
}

.text-success-30 {
  color: #009688;
}

.text-success-40 {
  color: #4db6ac;
}

.text-success-50 {
  color: #c3ece8;
}

.text-warning-10 {
  color: #964c1c;
}

.text-warning-20 {
  color: #b5541c;
}

.text-warning-30 {
  color: #fd9b3f;
}

.text-warning-40 {
  color: #feb865;
}

.text-warning-50 {
  color: #feedcb;
}

.text-info-10 {
  color: #3156a0;
}

.text-info-20 {
  color: #4465c1;
}

.text-info-30 {
  color: #4d83e8;
}

.text-info-40 {
  color: #74b2fb;
}

.text-info-50 {
  color: #e5f1fe;
}

.text-order-green {
  color: #4CA952;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1024px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 325px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1260px) {
  .container {
    max-width: 1200px;
  }
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
}
@media (min-width: 768px) {
  .container-fluid {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1024px) {
  .container-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .row {
    margin-left: -3rem;
    margin-right: -3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 0;
    padding-right: 0;
  }
}

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

button,
.btn {
  display: inline-block;
  text-align: center;
}
.bg-dark button.secondary, .bg-dark button.secondary-sm,
.bg-dark .btn.secondary,
.bg-dark .btn.secondary-sm {
  border-color: #fff;
  color: #fff;
}
.bg-dark button.secondary:hover, .bg-dark button.secondary:active, .bg-dark button.secondary:focus, .bg-dark button.secondary-sm:hover, .bg-dark button.secondary-sm:active, .bg-dark button.secondary-sm:focus,
.bg-dark .btn.secondary:hover,
.bg-dark .btn.secondary:active,
.bg-dark .btn.secondary:focus,
.bg-dark .btn.secondary-sm:hover,
.bg-dark .btn.secondary-sm:active,
.bg-dark .btn.secondary-sm:focus {
  background-color: #d4e300;
  border-color: #d4e300;
  color: #001d2f;
}

button.primary, button.secondary,
.btn.primary,
.btn.secondary {
  font-size: 1.6rem;
  line-height: 1.25;
  padding: 1.3rem 2rem;
}
@media (min-width: 768px) {
  button.primary, button.secondary,
  .btn.primary,
  .btn.secondary {
    font-size: 2rem;
    line-height: 1.2;
    padding: 1.6rem 3.5rem;
  }
}
button.primary, button.primary-sm,
.btn.primary,
.btn.primary-sm {
  background-color: #0f866c;
  color: #fff;
}
button.secondary, button.secondary-sm,
.btn.secondary,
.btn.secondary-sm {
  color: #0f866c;
}
button.primary-sm, button.secondary-sm,
.btn.primary-sm,
.btn.secondary-sm {
  font-size: 1.6rem;
  line-height: 1.25;
  padding: 0.6rem 3rem;
}
@media (min-width: 768px) {
  button.primary-sm, button.secondary-sm,
  .btn.primary-sm,
  .btn.secondary-sm {
    line-height: 1.3;
    padding: 0.8rem 3rem;
  }
}
button.primary, button.primary-sm, button.secondary, button.secondary-sm,
.btn.primary,
.btn.primary-sm,
.btn.secondary,
.btn.secondary-sm {
  border: 0.2rem solid #0f866c;
  border-radius: 5rem;
  font-weight: 600;
  width: 100%;
}
@media (min-width: 768px) {
  button.primary, button.primary-sm, button.secondary, button.secondary-sm,
  .btn.primary,
  .btn.primary-sm,
  .btn.secondary,
  .btn.secondary-sm {
    transition: 0.2s;
    width: auto;
  }
}
button.primary:hover, button.primary:active, button.primary:focus, button.primary-sm:hover, button.primary-sm:active, button.primary-sm:focus, button.secondary:hover, button.secondary:active, button.secondary:focus, button.secondary-sm:hover, button.secondary-sm:active, button.secondary-sm:focus,
.btn.primary:hover,
.btn.primary:active,
.btn.primary:focus,
.btn.primary-sm:hover,
.btn.primary-sm:active,
.btn.primary-sm:focus,
.btn.secondary:hover,
.btn.secondary:active,
.btn.secondary:focus,
.btn.secondary-sm:hover,
.btn.secondary-sm:active,
.btn.secondary-sm:focus {
  background-color: #d4e300;
  border-color: #d4e300;
  color: #001d2f;
}
button.primary:hover.with-arrow::after, button.primary:active.with-arrow::after, button.primary:focus.with-arrow::after, button.primary-sm:hover.with-arrow::after, button.primary-sm:active.with-arrow::after, button.primary-sm:focus.with-arrow::after, button.secondary:hover.with-arrow::after, button.secondary:active.with-arrow::after, button.secondary:focus.with-arrow::after, button.secondary-sm:hover.with-arrow::after, button.secondary-sm:active.with-arrow::after, button.secondary-sm:focus.with-arrow::after,
.btn.primary:hover.with-arrow::after,
.btn.primary:active.with-arrow::after,
.btn.primary:focus.with-arrow::after,
.btn.primary-sm:hover.with-arrow::after,
.btn.primary-sm:active.with-arrow::after,
.btn.primary-sm:focus.with-arrow::after,
.btn.secondary:hover.with-arrow::after,
.btn.secondary:active.with-arrow::after,
.btn.secondary:focus.with-arrow::after,
.btn.secondary-sm:hover.with-arrow::after,
.btn.secondary-sm:active.with-arrow::after,
.btn.secondary-sm:focus.with-arrow::after {
  background-image: url("../img/icons-midnight/arrow.svg");
}
button.primary:disabled, button.primary:disabled:hover, button.primary-sm:disabled, button.primary-sm:disabled:hover, button.secondary:disabled, button.secondary:disabled:hover, button.secondary-sm:disabled, button.secondary-sm:disabled:hover,
.btn.primary:disabled,
.btn.primary:disabled:hover,
.btn.primary-sm:disabled,
.btn.primary-sm:disabled:hover,
.btn.secondary:disabled,
.btn.secondary:disabled:hover,
.btn.secondary-sm:disabled,
.btn.secondary-sm:disabled:hover {
  background-color: #ccd2d5;
  border-color: #ccd2d5;
  color: #fff;
  cursor: no-drop;
}
button.primary.with-arrow::after, button.primary-sm.with-arrow::after, button.secondary.with-arrow::after, button.secondary-sm.with-arrow::after,
.btn.primary.with-arrow::after,
.btn.primary-sm.with-arrow::after,
.btn.secondary.with-arrow::after,
.btn.secondary-sm.with-arrow::after {
  background-image: url("../img/icons-white/arrow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 2rem;
  width: 2rem;
  margin-left: 0.5rem;
  transform: rotate(90deg);
  vertical-align: text-bottom;
}
@media (min-width: 768px) {
  button.primary.with-arrow::after, button.primary-sm.with-arrow::after, button.secondary.with-arrow::after, button.secondary-sm.with-arrow::after,
  .btn.primary.with-arrow::after,
  .btn.primary-sm.with-arrow::after,
  .btn.secondary.with-arrow::after,
  .btn.secondary-sm.with-arrow::after {
    height: 2.4rem;
    width: 2.4rem;
  }
}

.button-group {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.button-group button:first-child,
.button-group .btn:first-child {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .button-group button:first-child,
  .button-group .btn:first-child {
    margin-bottom: 2rem;
    margin-right: 3rem;
  }
}
.button-group.btn-center {
  justify-content: center;
}
@media (min-width: 768px) {
  .button-group.btn-center button,
  .button-group.btn-center .btn {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

img {
  margin-bottom: 3.5rem;
}
@media (min-width: 768px) {
  img {
    margin-bottom: 4rem;
  }
}

figure img,
.img-container img {
  margin-bottom: 1.5rem;
}
figure figcaption,
figure .img-caption,
.img-container figcaption,
.img-container .img-caption {
  margin-bottom: 3.5rem;
}
@media (min-width: 768px) {
  figure figcaption,
  figure .img-caption,
  .img-container figcaption,
  .img-container .img-caption {
    margin-bottom: 4rem;
  }
}

.video-container {
  height: 0;
  margin-bottom: 3.5rem;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
@media (min-width: 768px) {
  .video-container {
    margin-bottom: 4rem;
  }
}

.video {
  border-radius: 1rem;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 104;
}
@media (min-width: 768px) {
  .video {
    border-radius: 2rem;
  }
}

.breadcrumbs {
  color: rgba(0, 29, 47, 0.6);
  font-size: 1.2rem;
}
.breadcrumbs ul {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.breadcrumbs a {
  background-size: auto 1rem;
  position: relative;
  border: none;
  text-decoration: none;
  color: #001d2f;
  background-image: url("../img/icons/chevron-right.svg");
  background-position: right 0.2rem center;
  padding: 0 1.4rem 0 0;
}
.breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:focus {
  color: #0f866c;
}
.breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:focus {
  background-image: url("../img/icons-mint-20/chevron-right.svg");
}
.breadcrumbs a::before {
  background-image: url("../img/icons-mint-20/chevron-right.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:focus {
  background-image: url("../img/icons-mint-20/chevron-right.svg");
}
.breadcrumbs .home {
  background-size: 1.2rem auto, auto 1rem;
  display: inline;
  text-indent: -100rem;
  background-image: url("../img/icons/home.svg"), url("../img/icons/chevron-right.svg");
  background-position: left center, right 0.3rem center;
  padding-right: 2.8rem;
}
.breadcrumbs .home::after {
  content: none;
}
.breadcrumbs .home::before {
  background-image: url("../img/icons-mint-20/home.svg"), url("../img/icons-mint-20/chevron-right.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.breadcrumbs .home:hover, .breadcrumbs .home:active, .breadcrumbs .home:focus {
  background-image: url("../img/icons-mint-20/home.svg"), url("../img/icons-mint-20/chevron-right.svg");
}
.breadcrumbs.bg-dark {
  color: rgba(255, 255, 255, 0.6);
}
.breadcrumbs.bg-dark a {
  border: none;
  text-decoration: none;
  color: #fff;
  background-image: url("../img/icons-white/chevron-right.svg");
}
.breadcrumbs.bg-dark a:hover, .breadcrumbs.bg-dark a:active, .breadcrumbs.bg-dark a:focus {
  color: #d4e300;
}
.breadcrumbs.bg-dark a::before {
  background-image: url("../img/icons-neon/chevron-right.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.breadcrumbs.bg-dark a:hover, .breadcrumbs.bg-dark a:active, .breadcrumbs.bg-dark a:focus {
  background-image: url("../img/icons-neon/chevron-right.svg");
}
.breadcrumbs.bg-dark .home {
  background-image: url("../img/icons-white/home.svg"), url("../img/icons-white/chevron-right.svg");
}
.breadcrumbs.bg-dark .home::before {
  background-image: url("../img/icons-neon/home.svg"), url("../img/icons-neon/chevron-right.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.breadcrumbs.bg-dark .home:hover, .breadcrumbs.bg-dark .home:active, .breadcrumbs.bg-dark .home:focus {
  background-image: url("../img/icons-neon/home.svg"), url("../img/icons-neon/chevron-right.svg");
}

.footer {
  background-color: #001d2f;
  overflow: hidden;
}
.footer a {
  border: none;
  text-decoration: none;
  color: #fff;
  color: #ccd2d5;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.8;
}
.footer a:hover, .footer a:active, .footer a:focus {
  color: #d4e300;
}
.footer .container {
  display: flex;
}
.footer-menu {
  column-count: 1;
  padding: 8rem 4rem 3rem 4rem;
  width: 100%;
}
@media (min-width: 768px) {
  .footer-menu {
    column-count: 3;
    margin: 0 0 2.5rem;
    padding: 10rem 0 0 0;
  }
}
@media (min-width: 1024px) {
  .footer-menu {
    column-count: 4;
  }
}
.footer-menu-col {
  margin-bottom: 2.5rem;
}
.footer-menu-col:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .footer-menu-col {
    flex: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    break-inside: avoid;
  }
  .footer-menu-col:last-child {
    margin-bottom: 2.5rem;
  }
}
.footer-menu-col > li:not(.footer-menu-title) > a {
  margin-bottom: 0.5rem;
}
.footer-menu-title {
  color: #ccd2d5;
  margin-bottom: 1rem;
}
.footer-bottom {
  background-color: rgba(0, 0, 0, 0.16);
  padding: 3rem 4rem 6rem;
}
@media (min-width: 768px) {
  .footer-bottom {
    display: flex;
    padding: 0;
  }
}
.footer-bottom .container {
  flex-direction: column;
}
@media (min-width: 768px) {
  .footer-bottom .container {
    align-items: center;
    display: flex;
    flex-direction: row;
    min-height: 10rem;
  }
}
.footer-bottom .caption {
  color: #ccd2d5;
}
@media (min-width: 768px) {
  .footer-bottom .caption {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .footer-bottom .caption, .footer-bottom-social {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .footer-bottom .caption, .footer-bottom-social {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .footer-bottom-social {
    text-align: right;
  }
}
.footer-bottom-social > a:not(:last-child) {
  margin-right: 0.5rem;
}
.footer-bottom .footer-bottom-social > a {
  margin-bottom: 0;
}
.footer-icon {
  margin-left: 0;
}
@media (min-width: 768px) {
  .footer-icon {
    margin-left: 1.2rem;
  }
}
.footer-icon-facebook {
  background-image: url("../img/icons-white/facebook.svg");
  background-position: center;
  background-size: 2.4rem;
  height: 4rem;
  width: 4rem;
}
.footer-icon-facebook::before {
  background-image: url("../img/icons-neon/facebook.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.footer-icon-facebook:hover, .footer-icon-facebook:active, .footer-icon-facebook:focus {
  background-image: url("../img/icons-neon/facebook.svg");
}
.footer-icon-twitter {
  background-image: url("../img/icons-white/twitter.svg");
  background-position: center;
  background-size: 2.4rem;
  height: 4rem;
  width: 4rem;
}
.footer-icon-twitter::before {
  background-image: url("../img/icons-neon/twitter.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.footer-icon-twitter:hover, .footer-icon-twitter:active, .footer-icon-twitter:focus {
  background-image: url("../img/icons-neon/twitter.svg");
}
.footer-icon-youtube {
  background-image: url("../img/icons-white/youtube.svg");
  background-position: center;
  background-size: 2.4rem;
  height: 4rem;
  width: 4rem;
}
.footer-icon-youtube::before {
  background-image: url("../img/icons-neon/youtube.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.footer-icon-youtube:hover, .footer-icon-youtube:active, .footer-icon-youtube:focus {
  background-image: url("../img/icons-neon/youtube.svg");
}
.footer-icon-linkedin {
  background-image: url("../img/icons-white/linkedin.svg");
  background-position: center;
  background-size: 2.4rem;
  height: 4rem;
  width: 4rem;
}
.footer-icon-linkedin::before {
  background-image: url("../img/icons-neon/linkedin.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.footer-icon-linkedin:hover, .footer-icon-linkedin:active, .footer-icon-linkedin:focus {
  background-image: url("../img/icons-neon/linkedin.svg");
}
.footer-icon-instagram {
  background-image: url("../img/icons-white/instagram.svg");
  background-position: center;
  background-size: 2.4rem;
  height: 4rem;
  width: 4rem;
}
.footer-icon-instagram::before {
  background-image: url("../img/icons-neon/instagram.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.footer-icon-instagram:hover, .footer-icon-instagram:active, .footer-icon-instagram:focus {
  background-image: url("../img/icons-neon/instagram.svg");
}
.footer-dropdown {
  display: none;
  position: relative;
  height: 4rem;
  margin-top: 3rem;
  padding-bottom: 1rem;
}
.footer-dropdown .menu.popup-menu {
  display: none;
  position: absolute;
  top: 4rem;
  right: 0;
  left: -30.5rem;
}
@media (min-width: 1260px) {
  .footer-dropdown .menu.popup-menu {
    margin-top: 0;
    left: -15.4rem;
  }
}
.footer-dropdown:hover .menu.popup-menu, .footer-dropdown:active .menu.popup-menu, .footer-dropdown:focus .menu.popup-menu {
  display: block;
}
@media (min-width: 768px) {
  .footer-dropdown {
    display: inline-block;
    margin-bottom: 160px;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .footer-menu-col:not(:last-child) {
      display: inline-block;
      width: 100%;
      vertical-align: top;
    }
    .footer-dropdown {
      display: block;
    }
    .footer-dropdown .menu.popup-menu {
      transform: translate3d(0, 0, 0);
      right: auto;
    }
  }
}
header {
  margin: 0;
  width: 100%;
}

.nav {
  font-size: 1.4rem;
  font-weight: 600;
  height: 8rem;
}
@media (min-width: 1260px) {
  .nav {
    height: 10rem;
  }
}
.nav button {
  outline: none;
}
.nav .container-fluid {
  display: flex;
  height: 100%;
  justify-content: space-between;
  max-width: 144rem;
  width: auto;
  padding: 0 1rem 0 2rem;
}
@media (min-width: 768px) {
  .nav .container-fluid {
    padding: 0 2rem 0 3rem;
  }
}
@media (min-width: 1024px) {
  .nav .container-fluid {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1260px) {
  .nav .container-fluid {
    padding: 0 4rem;
  }
}
.nav-logo {
  align-self: center;
  background: url("../img/logo/expressvpn-logo-red.svg") center/contain no-repeat;
  height: 3.5rem;
  width: 17.5rem;
  margin-right: 1.5rem;
}
@media (min-width: 1260px) {
  .nav-logo {
    height: 4rem;
    width: 20.8rem;
  }
}
.nav-menu {
  align-items: stretch;
  display: flex;
  height: 100%;
  list-style: none;
}
.nav-menu-burger {
  margin-right: 0;
  order: 8;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .nav-menu-burger {
    display: none;
  }
}
.nav-menu-burger > button {
  background-image: url("../img/icons/menu.svg");
  background-position: center;
  background-size: 2.4rem;
  height: 4rem;
  width: 4rem;
}
.nav-menu-burger > button.active {
  background-image: url("../img/icons/x.svg");
}
.nav-menu-dropdown > a {
  background-image: url("../img/icons/chevron-down.svg");
  background-size: 2.4rem;
  border: none;
  text-decoration: none;
  color: #001d2f;
  background-position: right;
  padding-left: 0;
  padding-right: 2.6rem;
}
.nav-menu-dropdown > a:hover, .nav-menu-dropdown > a:active, .nav-menu-dropdown > a:focus {
  color: #0f866c;
}
.nav-menu-dropdown > a::before {
  background-image: url("../img/icons-mint-20/chevron-up.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.nav-menu-dropdown > a:hover, .nav-menu-dropdown > a:active, .nav-menu-dropdown > a:focus {
  background-image: url("../img/icons-mint-20/chevron-up.svg");
}
.nav-menu-dropdown > a.active {
  background-image: url("../img/icons/chevron-up.svg");
}
.nav-menu-dropdown > a.active::before {
  background-image: url("../img/icons-mint-20/chevron-up.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.nav-menu-dropdown > a.active:hover, .nav-menu-dropdown > a.active:active, .nav-menu-dropdown > a.active:focus {
  background-image: url("../img/icons-mint-20/chevron-up.svg");
}
.nav-menu-item, .nav-menu-dropdown {
  display: none;
  margin-right: 1.5rem;
}
@media (min-width: 1024px) {
  .nav-menu-item, .nav-menu-dropdown {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 1260px) {
  .nav-menu-item, .nav-menu-dropdown {
    margin-right: 2.5rem;
  }
}
.nav-menu-cta {
  color: #001d2f;
  order: 6;
}
@media (min-width: 768px) {
  .nav-menu-cta {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .nav-menu-cta {
    margin-right: 0;
    order: 8;
  }
}
.nav-menu-lang {
  order: 7;
  align-items: center;
  display: flex;
  justify-content: center;
}
.nav-menu-item:not(.nav-menu-cta) > a {
  border: none;
  text-decoration: none;
  color: #001d2f;
}
.nav-menu-item:not(.nav-menu-cta) > a:hover, .nav-menu-item:not(.nav-menu-cta) > a:active, .nav-menu-item:not(.nav-menu-cta) > a:focus {
  color: #0f866c;
}
.nav.bg-dark .nav-logo {
  background-image: url("../img/logo/expressvpn-logo-white.svg");
}
.nav.bg-dark .nav-menu-burger > button {
  background-image: url("../img/icons-white/menu.svg");
}
.nav.bg-dark .nav-menu-burger > button.active {
  background-image: url("../img/icons-white/x.svg");
}
.nav.bg-dark .nav-menu-dropdown > a {
  background-image: url("../img/icons-white/chevron-down.svg");
  border: none;
  text-decoration: none;
  color: #fff;
}
.nav.bg-dark .nav-menu-dropdown > a:hover, .nav.bg-dark .nav-menu-dropdown > a:active, .nav.bg-dark .nav-menu-dropdown > a:focus {
  color: #d4e300;
}
.nav.bg-dark .nav-menu-dropdown > a.active {
  background-image: url("../img/icons-white/chevron-up.svg");
}
.nav.bg-dark .nav-menu-item:not(.nav-menu-cta) > a {
  border: none;
  text-decoration: none;
  color: #fff;
}
.nav.bg-dark .nav-menu-item:not(.nav-menu-cta) > a:hover, .nav.bg-dark .nav-menu-item:not(.nav-menu-cta) > a:active, .nav.bg-dark .nav-menu-item:not(.nav-menu-cta) > a:focus {
  color: #d4e300;
}

.language-picker {
  background-image: url("../img/icons/globe.svg"), url("../img/icons/chevron-down.svg");
  background-size: 2.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.4rem;
  background-position: left, right;
  padding-left: 2.9rem;
  padding-right: 2.6rem;
  border: none;
  text-decoration: none;
  color: #001d2f;
}
.language-picker:hover, .language-picker:active, .language-picker:focus {
  color: #0f866c;
}
.language-picker::before {
  background-image: url("../img/icons-mint-20/globe.svg"), url("../img/icons-mint-20/chevron-up.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.language-picker:hover, .language-picker:active, .language-picker:focus {
  background-image: url("../img/icons-mint-20/globe.svg"), url("../img/icons-mint-20/chevron-up.svg");
}
.language-picker.active {
  background-image: url("../img/icons/globe.svg"), url("../img/icons/chevron-up.svg");
}
.language-picker.active::before {
  background-image: url("../img/icons-mint-20/globe.svg"), url("../img/icons-mint-20/chevron-up.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.language-picker.active:hover, .language-picker.active:active, .language-picker.active:focus {
  background-image: url("../img/icons-mint-20/globe.svg"), url("../img/icons-mint-20/chevron-up.svg");
}

.language-picker-globe {
  background-image: url("../img/icons/globe.svg");
  background-position: center;
  background-size: 2.4rem;
  height: 4rem;
  width: 4rem;
}
.language-picker-globe.active {
  background-image: url("../img/icons/x.svg");
}

.bg-dark .language-picker {
  background-image: url("../img/icons-white/globe.svg"), url("../img/icons-white/chevron-down.svg");
  border: none;
  text-decoration: none;
  color: #fff;
}
.bg-dark .language-picker::before {
  background-image: url("../img/icons-neon/globe.svg"), url("../img/icons-neon/chevron-up.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.bg-dark .language-picker:hover, .bg-dark .language-picker:active, .bg-dark .language-picker:focus {
  background-image: url("../img/icons-neon/globe.svg"), url("../img/icons-neon/chevron-up.svg");
}
.bg-dark .language-picker:hover, .bg-dark .language-picker:active, .bg-dark .language-picker:focus {
  color: #d4e300;
}
.bg-dark .language-picker.active {
  background-image: url("../img/icons-white/globe.svg"), url("../img/icons-white/chevron-up.svg");
}
.bg-dark .language-picker.active::before {
  background-image: url("../img/icons-neon/globe.svg"), url("../img/icons-neon/chevron-up.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.bg-dark .language-picker.active:hover, .bg-dark .language-picker.active:active, .bg-dark .language-picker.active:focus {
  background-image: url("../img/icons-neon/globe.svg"), url("../img/icons-neon/chevron-up.svg");
}
.bg-dark .language-picker-globe {
  background-image: url("../img/icons-white/globe.svg");
}
.bg-dark .language-picker-globe.active {
  background-image: url("../img/icons-white/x.svg");
}

.nav-menu-lang .language-picker {
  display: none;
}
@media (min-width: 1024px) {
  .nav-menu-lang .language-picker {
    display: block;
  }
}
@media (min-width: 1024px) {
  .nav-menu-lang .language-picker-globe {
    display: none;
  }
}

.footer-dropdown .language-picker {
  color: #ccd2d5;
}

.menu-group, .menu-root-title, .menu-item-cta {
  padding-left: 2rem;
  padding-right: 2rem;
}
.menu-group {
  background: #f9f8f2;
  padding-bottom: 15px;
  padding-top: 15px;
}
.menu-group-title {
  border-bottom: 0.2rem solid #ccd2d5;
  color: #667782;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.12rem;
  line-height: 1;
  padding-bottom: 1.5rem;
  text-transform: uppercase;
}
.menu-group-list {
  padding-bottom: 3rem;
}
.menu-group-list:last-of-type {
  padding-bottom: 0;
}
.menu-group-list a {
  border: none;
  text-decoration: none;
  color: #001d2f;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.71;
}
.menu-group-list a:hover, .menu-group-list a:active, .menu-group-list a:focus {
  color: #0f866c;
}
.menu-group-list > li:not(.menu-group-title) a {
  align-items: center;
  display: flex;
  height: 5rem;
}
.menu-group-list > li:not(.menu-group-title) a svg {
  height: 2.4rem;
  margin-right: 1.5rem;
}
.menu-group-list > li:not(.menu-group-title) a:hover svg path, .menu-group-list > li:not(.menu-group-title) a:active svg path, .menu-group-list > li:not(.menu-group-title) a:focus svg path {
  fill: #0f866c;
}

.menu.popup-menu {
  display: none;
}
@media (min-width: 1024px) {
  .menu.popup-menu {
    display: block;
    margin-top: 1.5rem;
  }
}
.menu.popup-menu .menu-group {
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.2rem 1.5rem rgba(0, 0, 0, 0.1);
  height: auto;
  max-height: 44rem;
  overflow-y: auto;
  padding: 3rem 1.5rem;
  width: 90rem;
}
.menu.popup-menu .menu-group-title {
  padding-top: 0;
}
.menu.popup-menu .menu-group-list {
  float: left;
  padding: 0 1.5rem;
  width: 33.3%;
}
.menu.popup-menu .menu-group-list > li:not(.menu-group-title) {
  padding-top: 1.5rem;
}
.menu.popup-menu .menu-group-list > li:not(.menu-group-title) a {
  height: auto;
}
.menu.popup-menu .menu-group-features {
  display: flex;
  flex-flow: row wrap;
  width: 66.6%;
}
.menu.popup-menu .menu-group-features > li:not(.menu-group-title) {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .menu.popup-menu .menu-group-features > li:not(.menu-group-title) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .menu.popup-menu .menu-group-features > li:not(.menu-group-title) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .menu.popup-menu .menu-group-features > li:not(.menu-group-title) {
    padding-left: 0;
    padding-right: 0;
  }
}
.menu.popup-menu .menu-group-features > li:nth-child(even) {
  padding-right: 1.5rem;
}
.menu.popup-menu .menu-group-features > li:nth-child(odd) {
  padding-left: 1.5rem;
  padding-right: 0;
}
.menu.popup-menu .menu-group-features > li.menu-group-title {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .menu.popup-menu .menu-group-features > li.menu-group-title {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .menu.popup-menu .menu-group-features > li.menu-group-title {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .menu.popup-menu .menu-group-features > li.menu-group-title {
    padding-left: 0;
    padding-right: 0;
  }
}
.menu.popup-menu .menu-group-tools {
  margin-top: 4.7rem;
}
.menu.popup-menu .menu-group-lang {
  height: 27rem;
  padding: 1.5rem;
  width: 42rem;
}
.menu.popup-menu .menu-group-lang .menu-group-list {
  display: flex;
  flex-flow: column wrap;
  float: none;
  height: 100%;
  width: 100%;
  padding-left: 0;
}
.menu.popup-menu .menu-group-lang .menu-group-list li {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  width: 10rem;
}
.menu.popup-menu .menu-group:not(.menu-group-lang) .menu-group-list > li:first-child:not(.menu-group-title) {
  padding-top: 0;
}
.menu.popup-menu.menu-columns-1 {
  left: auto;
  transform: none;
  margin-left: 10%;
}
.menu.popup-menu.menu-columns-1 .menu-group {
  max-width: 32rem;
  padding: 30px;
  width: 32rem;
}
.menu.popup-menu.menu-columns-1 .menu-group-list {
  display: block;
  float: revert;
  padding: 0;
  width: 100%;
}

.menu.burger-menu {
  background-color: #fff;
  height: 100vh;
  max-height: calc(100vh - 8rem);
  overflow-y: auto;
  padding-bottom: 24rem;
}
@media (min-width: 768px) {
  .menu.burger-menu {
    padding-top: 1rem;
  }
}
.menu.burger-menu .menu-root-title {
  border: none;
  text-decoration: none;
  color: #001d2f;
  color: #001d2f;
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.71;
  padding-bottom: 1.3rem;
  padding-top: 1.3rem;
}
.menu.burger-menu .menu-root-title:hover, .menu.burger-menu .menu-root-title:active, .menu.burger-menu .menu-root-title:focus {
  color: #0f866c;
}
.menu.burger-menu .menu-root-title:hover, .menu.burger-menu .menu-root-title:focus {
  color: #001d2f;
}
.menu.burger-menu .menu-group > .menu-group-list:first-child .menu-group-title {
  padding-top: 1.5rem;
}
.menu.burger-menu .menu-submenu {
  position: relative;
}
.menu.burger-menu .menu-submenu button {
  align-items: center;
  display: flex;
  height: 5rem;
  justify-content: center;
  position: absolute;
  top: 0;
  width: auto;
  padding: 0 2rem 0 10rem;
  right: 0;
}
.menu.burger-menu .menu-submenu button::before {
  background-image: url("../img/icons/chevron-down.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 2.4rem;
  margin: 0.8rem;
  width: 2.4rem;
}
.menu.burger-menu .menu-submenu .menu-group {
  display: none;
}
.menu.burger-menu .menu-submenu.active button {
  padding-left: 8rem;
  padding-right: 2rem;
}
.menu.burger-menu .menu-submenu.active button::before {
  background-image: url("../img/icons/chevron-up.svg");
}
.menu.burger-menu .menu-submenu.active .menu-group {
  display: block;
}

.burger-menu-wrapper {
  position: fixed;
  top: 8rem;
  width: 100%;
}
@media (min-width: 768px) {
  .burger-menu-wrapper {
    max-width: 37.5rem;
    left: auto;
    right: 0;
  }
}
@media (min-width: 1024px) {
  .burger-menu-wrapper {
    display: none;
  }
}
.burger-menu-wrapper .menu-item-cta {
  padding: 2rem 2rem 1rem;
}
@media (min-width: 768px) {
  .burger-menu-wrapper .menu-item-cta {
    display: none;
  }
}
.burger-menu-wrapper .menu-item-cta .btn {
  display: block;
  text-align: center;
}
.burger-menu-wrapper .menu-item-cta .mobile-cta {
  height: auto;
  padding: 1.1rem 1.5rem;
}
.burger-menu-wrapper .menu-item-cta.show {
  transform: translateY(0);
  transition: 0.8s ease;
}
.burger-menu-wrapper .menu-item-cta.hide {
  transform: translateY(-15rem);
  transition: 1.1s ease;
}

.scrolldown-arrow {
  background-color: rgba(0, 29, 47, 0.5);
  border-radius: 50%;
  display: inline-block;
  height: 3.2rem;
  position: relative;
  width: 3.2rem;
}
.scrolldown-arrow span {
  left: 50%;
  pointer-events: none;
  position: absolute;
  right: auto;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.side-menu li {
  margin: 0 0 1.5rem 2rem;
}
.side-menu a {
  border: none;
  text-decoration: none;
  color: #001d2f;
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.71;
}
.side-menu a:hover, .side-menu a:active, .side-menu a:focus {
  color: #0f866c;
}
.side-menu a:hover svg path, .side-menu a:active svg path, .side-menu a:focus svg path {
  fill: #0f866c;
}
.side-menu a svg {
  flex: none;
  margin-right: 1.5rem;
}
.side-menu .icon-log-out {
  margin-top: 4.5rem;
}
.side-menu .active {
  /* stylelint-disable-next-line no-descending-specificity */
}
.side-menu .active a {
  color: #0f866c;
}
.side-menu .active svg path {
  fill: #0f866c;
}

.tabs {
  background-color: #fff;
  border-bottom: 0.2rem solid #ccd2d5;
  font-size: 0;
  height: 4rem;
  position: relative;
}
@media (min-width: 768px) {
  .tabs {
    height: 5rem;
  }
}
.tabs::before, .tabs::after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 1.5rem;
}
.tabs::before {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 29, 47, 0.15) 100%);
  display: none;
  left: 0;
}
.tabs::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 29, 47, 0.15) 100%);
  right: 4rem;
}
@media (min-width: 768px) {
  .tabs::after {
    display: none;
    right: 0;
  }
}
.tabs button .xv-icon {
  display: inline-block;
  transition: transform 0.2s ease-in;
  will-change: transform;
}
.tabs button.expanded .xv-icon {
  transform: rotateX(180deg);
  transition-timing-function: ease-out;
}
.tabs .container {
  display: flex;
  overflow-y: hidden;
  padding: 0;
  scrollbar-width: none; /* Firefox 64 */
}
@media (min-width: 768px) {
  .tabs .container {
    display: block;
    overflow-x: auto;
  }
}
.tabs .container::-webkit-scrollbar {
  display: none;
}
.tabs .container ul {
  height: 4rem;
  overflow-x: auto;
  position: relative;
  scroll-snap-type: x mandatory;
  scrollbar-width: none; /* Firefox 64 */
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .tabs .container ul {
    height: 5rem;
    overflow-x: initial;
  }
}
.tabs .container ul::-webkit-scrollbar {
  display: none;
}
.tabs .container ul li {
  display: inline-block;
  height: 100%;
  padding: 0;
  position: relative;
  scroll-snap-align: start;
  text-align: center;
}
.tabs .container ul li a {
  color: #667782;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  height: 100%;
  letter-spacing: 0.16rem;
  line-height: 4rem;
  padding: 0 1.5rem;
  text-transform: uppercase;
  transition: color 0.2s;
  width: 100%;
}
@media (min-width: 768px) {
  .tabs .container ul li a {
    line-height: 5rem;
  }
}
@media (min-width: 1024px) {
  .tabs .container ul li a:hover, .tabs .container ul li a:active, .tabs .container ul li a:focus {
    border-bottom: 0.2rem solid #001d2f;
    color: #001d2f;
  }
}
.tabs .container button {
  flex: 0 0 4rem;
}
@media (min-width: 768px) {
  .tabs .container button {
    display: none;
  }
}
.tabs.overflow-right::after {
  display: block;
}
.tabs.overflow-left::before {
  display: block;
}
.tabs-menu-wrapper {
  background-color: #fff;
  display: none;
  height: calc(100vh - 8rem - 4rem);
  overflow: hidden;
  position: fixed;
  top: 12rem;
  width: 100%;
}
.tabs-menu-wrapper.active {
  display: block;
}
@media (min-width: 768px) {
  .tabs-menu-wrapper {
    display: none;
  }
}
.tabs-menu {
  padding: 1.25rem 2rem;
}
.tabs-menu-title {
  color: #667782;
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.16rem;
  padding: 1.25rem 0;
  text-transform: uppercase;
}
.tabs-menu-title.active {
  color: #001d2f;
}
.tabs-menu-title:hover, .tabs-menu-title:active, .tabs-menu-title:focus {
  color: #001d2f;
}

.has-no-header .tabs-menu-wrapper {
  height: calc(100vh - 4rem);
  top: 4rem;
}

p a, figure figcaption a,
figure .img-caption a,
.img-container figcaption a,
.img-container .img-caption a {
  border: none;
  text-decoration: none;
  background-position: 100% 100%, 0 100%, 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px, 0 2px, 0 2px;
  background-image: linear-gradient(#0f866c, #0f866c), linear-gradient(transparent, transparent), linear-gradient(#0f866c, #0f866c);
  color: #0f866c;
  padding-bottom: 0.3rem;
}
p a:hover, figure figcaption a:hover,
figure .img-caption a:hover,
.img-container figcaption a:hover,
.img-container .img-caption a:hover {
  background-image: linear-gradient(#d4e300, #d4e300), linear-gradient(transparent, transparent), linear-gradient(#d4e300, #d4e300);
  color: #001d2f;
}
p a:focus, figure figcaption a:focus,
figure .img-caption a:focus,
.img-container figcaption a:focus,
.img-container .img-caption a:focus {
  background-image: linear-gradient(#0f866c, #0f866c), linear-gradient(transparent, transparent), linear-gradient(#0f866c, #0f866c);
  color: #0f866c;
}
p a:hover, figure figcaption a:hover,
figure .img-caption a:hover,
.img-container figcaption a:hover,
.img-container .img-caption a:hover, p a:active, figure figcaption a:active,
figure .img-caption a:active,
.img-container figcaption a:active,
.img-container .img-caption a:active, p a:focus, figure figcaption a:focus,
figure .img-caption a:focus,
.img-container figcaption a:focus,
.img-container .img-caption a:focus {
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-name: eds-animated-text-link;
}

.bg-dark p a, .bg-dark figure figcaption a, figure .bg-dark figcaption a,
.bg-dark figure .img-caption a,
figure .bg-dark .img-caption a,
.bg-dark .img-container figcaption a,
.img-container .bg-dark figcaption a,
.bg-dark .img-container .img-caption a,
.img-container .bg-dark .img-caption a {
  border: none;
  text-decoration: none;
  background-position: 100% 100%, 0 100%, 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px, 0 2px, 0 2px;
  background-image: linear-gradient(#fff, #fff), linear-gradient(transparent, transparent), linear-gradient(#fff, #fff);
  color: #fff;
  padding-bottom: 0.3rem;
}
.bg-dark p a:hover, .bg-dark figure figcaption a:hover, figure .bg-dark figcaption a:hover,
.bg-dark figure .img-caption a:hover,
figure .bg-dark .img-caption a:hover,
.bg-dark .img-container figcaption a:hover,
.img-container .bg-dark figcaption a:hover,
.bg-dark .img-container .img-caption a:hover,
.img-container .bg-dark .img-caption a:hover {
  background-image: linear-gradient(#d4e300, #d4e300), linear-gradient(transparent, transparent), linear-gradient(#d4e300, #d4e300);
  color: #d4e300;
}
.bg-dark p a:focus, .bg-dark figure figcaption a:focus, figure .bg-dark figcaption a:focus,
.bg-dark figure .img-caption a:focus,
figure .bg-dark .img-caption a:focus,
.bg-dark .img-container figcaption a:focus,
.img-container .bg-dark figcaption a:focus,
.bg-dark .img-container .img-caption a:focus,
.img-container .bg-dark .img-caption a:focus {
  background-image: linear-gradient(#fff, #fff), linear-gradient(transparent, transparent), linear-gradient(#fff, #fff);
  color: #fff;
}
.bg-dark p a:hover, .bg-dark figure figcaption a:hover, figure .bg-dark figcaption a:hover,
.bg-dark figure .img-caption a:hover,
figure .bg-dark .img-caption a:hover,
.bg-dark .img-container figcaption a:hover,
.img-container .bg-dark figcaption a:hover,
.bg-dark .img-container .img-caption a:hover,
.img-container .bg-dark .img-caption a:hover, .bg-dark p a:active, .bg-dark figure figcaption a:active, figure .bg-dark figcaption a:active,
.bg-dark figure .img-caption a:active,
figure .bg-dark .img-caption a:active,
.bg-dark .img-container figcaption a:active,
.img-container .bg-dark figcaption a:active,
.bg-dark .img-container .img-caption a:active,
.img-container .bg-dark .img-caption a:active, .bg-dark p a:focus, .bg-dark figure figcaption a:focus, figure .bg-dark figcaption a:focus,
.bg-dark figure .img-caption a:focus,
figure .bg-dark .img-caption a:focus,
.bg-dark .img-container figcaption a:focus,
.img-container .bg-dark figcaption a:focus,
.bg-dark .img-container .img-caption a:focus,
.img-container .bg-dark .img-caption a:focus {
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-name: eds-animated-text-link;
}

.language-selector {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 300;
}
.language-selector .modal {
  border: 0;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
  max-height: calc(100% - 4rem);
  max-width: calc(100% - 4rem);
  padding: 4rem;
  width: 100%;
}
.language-selector .modal:focus {
  outline: none;
  border: 0;
}
@media (min-width: 768px) {
  .language-selector .modal {
    max-width: 57rem;
  }
}
.language-selector .modal h4 {
  margin-bottom: 4.3rem;
  text-align: center;
}
@media (min-width: 768px) {
  .language-selector .modal h4 {
    margin-bottom: 2rem;
  }
}
.language-selector-menu-container {
  max-height: calc(100vh - 15.5rem);
  overflow: hidden auto;
  width: 100%;
}
.language-selector-menu-container::-webkit-scrollbar {
  width: 0.8rem;
}
.language-selector-menu-container::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 6rem;
}
@media (min-width: 768px) {
  .language-selector-menu-container {
    overflow: hidden;
  }
}
.language-selector-menu-container ul {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .language-selector-menu-container ul {
    gap: 1.5rem 3rem;
    display: grid;
    grid-template-columns: repeat(4, 10rem);
  }
}
.language-selector-menu-container ul li {
  width: 50%;
  margin-bottom: 2.6rem;
}
@media (min-width: 768px) {
  .language-selector-menu-container ul li {
    width: 100%;
    margin-bottom: 0;
  }
}
.language-selector-menu-container ul li:nth-child(even) {
  padding-left: 2.5rem;
}
@media (min-width: 768px) {
  .language-selector-menu-container ul li:nth-child(even) {
    padding-left: 0;
  }
}
.language-selector-menu-container ul li a {
  border: none;
  text-decoration: none;
  color: #001d2f;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.4rem;
}
.language-selector-menu-container ul li a:hover, .language-selector-menu-container ul li a:active, .language-selector-menu-container ul li a:focus {
  color: #0f866c;
}
.language-selector-increased-padding {
  width: 100%;
}
.language-selector-increased-padding ul {
  padding-bottom: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .language-selector-increased-padding nav {
    padding-left: 6.5rem;
  }
}

.multiple-inputs-container, select, input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=search],
input[type=text],
input[type=url] {
  border: 0.1rem solid #a2acb3;
  border-radius: 0.5rem;
  display: inline-block;
  margin-bottom: 1.5rem;
  width: 100%;
}
.error.multiple-inputs-container, select.error, input.error[type=email],
input.error[type=number],
input.error[type=password],
input.error[type=tel],
input.error[type=search],
input.error[type=text],
input.error[type=url] {
  border-color: #cf1369;
  margin-bottom: 0.5rem;
}
.multiple-inputs-container::-ms-clear, select::-ms-clear, input[type=email]::-ms-clear,
input[type=number]::-ms-clear,
input[type=password]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=search]::-ms-clear,
input[type=text]::-ms-clear,
input[type=url]::-ms-clear {
  display: none;
}

select:focus, input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=url]:focus {
  border-color: #001d2f;
  outline: none;
}
select.error:focus, input.error[type=email]:focus,
input.error[type=number]:focus,
input.error[type=password]:focus,
input.error[type=tel]:focus,
input.error[type=search]:focus,
input.error[type=text]:focus,
input.error[type=url]:focus {
  border-color: #cf1369;
}
select[disabled], input[disabled][type=email],
input[disabled][type=number],
input[disabled][type=password],
input[disabled][type=tel],
input[disabled][type=search],
input[disabled][type=text],
input[disabled][type=url] {
  background-color: #f7f8f9;
  color: #667782;
}

/**
 *  For any input field that requires the label to "float" inside the input.
 *  Pseudo element is used as the label while text within label visually hidden (but readable by screenreaders).
**/
select + label, textarea + label, input[type=email] + label,
input[type=number] + label,
input[type=password] + label,
input[type=tel] + label,
input[type=search] + label,
input[type=text] + label,
input[type=url] + label {
  color: #667782;
  display: block;
  max-height: 0;
  pointer-events: none;
  position: relative;
}
select + label::before, textarea + label::before, input[type=email] + label::before,
input[type=number] + label::before,
input[type=password] + label::before,
input[type=tel] + label::before,
input[type=search] + label::before,
input[type=text] + label::before,
input[type=url] + label::before {
  content: attr(data-content);
  display: inline-block;
  font-size: 1.2rem;
  position: relative;
  transition: 0.2s ease;
  bottom: 6.6rem;
  left: 2rem;
}

/**
 *  For floating labels that are triggered by whether placeholder is shown or not.
**/
select::placeholder, textarea::placeholder, input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=search]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder {
  color: transparent;
}
select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder {
  color: transparent;
}
select:placeholder-shown + label::before, textarea:placeholder-shown + label::before, input[type=email]:placeholder-shown + label::before,
input[type=number]:placeholder-shown + label::before,
input[type=password]:placeholder-shown + label::before,
input[type=tel]:placeholder-shown + label::before,
input[type=search]:placeholder-shown + label::before,
input[type=text]:placeholder-shown + label::before,
input[type=url]:placeholder-shown + label::before {
  font-size: 1.6rem;
}
select:-ms-input-placeholder + label::before, textarea:-ms-input-placeholder + label::before, input[type=email]:-ms-input-placeholder + label::before,
input[type=number]:-ms-input-placeholder + label::before,
input[type=password]:-ms-input-placeholder + label::before,
input[type=tel]:-ms-input-placeholder + label::before,
input[type=search]:-ms-input-placeholder + label::before,
input[type=text]:-ms-input-placeholder + label::before,
input[type=url]:-ms-input-placeholder + label::before {
  font-size: 1.6rem;
}
select:focus + label::before, textarea:focus + label::before, input[type=email]:focus + label::before,
input[type=number]:focus + label::before,
input[type=password]:focus + label::before,
input[type=tel]:focus + label::before,
input[type=search]:focus + label::before,
input[type=text]:focus + label::before,
input[type=url]:focus + label::before {
  font-size: 1.2rem;
}
select.error:placeholder-shown + label::before, textarea.error:placeholder-shown + label::before, input.error[type=email]:placeholder-shown + label::before,
input.error[type=number]:placeholder-shown + label::before,
input.error[type=password]:placeholder-shown + label::before,
input.error[type=tel]:placeholder-shown + label::before,
input.error[type=search]:placeholder-shown + label::before,
input.error[type=text]:placeholder-shown + label::before,
input.error[type=url]:placeholder-shown + label::before {
  font-size: 1.6rem;
}
select.error + label::before, textarea.error + label::before, input.error[type=email] + label::before,
input.error[type=number] + label::before,
input.error[type=password] + label::before,
input.error[type=tel] + label::before,
input.error[type=search] + label::before,
input.error[type=text] + label::before,
input.error[type=url] + label::before {
  color: #cf1369;
  font-size: 1.2rem;
}
select.error:focus + label::before, textarea.error:focus + label::before, input.error[type=email]:focus + label::before,
input.error[type=number]:focus + label::before,
input.error[type=password]:focus + label::before,
input.error[type=tel]:focus + label::before,
input.error[type=search]:focus + label::before,
input.error[type=text]:focus + label::before,
input.error[type=url]:focus + label::before {
  color: #cf1369;
  font-size: 1.2rem;
}

/* stylelint-disable */
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=search],
input[type=text],
input[type=url] {
  height: 6rem;
  padding: 1.8rem 2rem 0.6rem;
}
input[type=email]:placeholder-shown + label::before,
input[type=number]:placeholder-shown + label::before,
input[type=password]:placeholder-shown + label::before,
input[type=tel]:placeholder-shown + label::before,
input[type=search]:placeholder-shown + label::before,
input[type=text]:placeholder-shown + label::before,
input[type=url]:placeholder-shown + label::before {
  bottom: 5.4rem;
}
input[type=email]:-ms-input-placeholder + label::before,
input[type=number]:-ms-input-placeholder + label::before,
input[type=password]:-ms-input-placeholder + label::before,
input[type=tel]:-ms-input-placeholder + label::before,
input[type=search]:-ms-input-placeholder + label::before,
input[type=text]:-ms-input-placeholder + label::before,
input[type=url]:-ms-input-placeholder + label::before {
  bottom: 5.4rem;
}
input[type=email]:focus + label::before,
input[type=number]:focus + label::before,
input[type=password]:focus + label::before,
input[type=tel]:focus + label::before,
input[type=search]:focus + label::before,
input[type=text]:focus + label::before,
input[type=url]:focus + label::before {
  bottom: 6.6rem;
}
input[type=email].error:placeholder-shown + label::before,
input[type=number].error:placeholder-shown + label::before,
input[type=password].error:placeholder-shown + label::before,
input[type=tel].error:placeholder-shown + label::before,
input[type=search].error:placeholder-shown + label::before,
input[type=text].error:placeholder-shown + label::before,
input[type=url].error:placeholder-shown + label::before {
  bottom: 4.3rem;
}
input[type=email].error + label::before,
input[type=number].error + label::before,
input[type=password].error + label::before,
input[type=tel].error + label::before,
input[type=search].error + label::before,
input[type=text].error + label::before,
input[type=url].error + label::before {
  bottom: 5.7rem;
}
input[type=email].error:focus + label::before,
input[type=number].error:focus + label::before,
input[type=password].error:focus + label::before,
input[type=tel].error:focus + label::before,
input[type=search].error:focus + label::before,
input[type=text].error:focus + label::before,
input[type=url].error:focus + label::before {
  bottom: 5.7rem;
}

textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  border-color: #fff;
  border-radius: 0.5rem;
  border-style: solid;
  border-top-width: 2.5rem;
  box-shadow: 0 0 0 0.1rem #a2acb3;
  height: 15rem;
  line-height: 1.75;
  margin-bottom: 1.5rem;
  outline: none;
  padding: 0 2rem;
  resize: none;
  width: 100%;
}
textarea + label::before {
  bottom: 16rem;
  z-index: 102;
}
textarea:placeholder-shown + label::before {
  bottom: 14.3rem;
}
textarea:-ms-input-placeholder + label::before {
  bottom: 14.3rem;
}
textarea:focus {
  box-shadow: 0 0 0 0.1rem #001d2f;
}
textarea:focus + label::before {
  bottom: 16rem;
}
textarea.error {
  box-shadow: 0 0 0 0.1rem #cf1369;
}
textarea.error:placeholder-shown + label::before {
  bottom: 15.3rem;
}
textarea.error + label::before {
  bottom: 16rem;
}
textarea.error:focus + label::before {
  bottom: 16rem;
}

select {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("../img/icons/chevron-down.svg");
  background-repeat: no-repeat;
  background-size: 2.3rem;
  height: 6rem;
  padding: 1.8rem 2rem 0.6rem;
  background-position: center right 2rem;
}
select + label::before {
  bottom: 5.4rem;
  font-size: 1.6rem;
  transition: none;
}
select:focus + label::before {
  font-size: 1.6rem;
}
select:valid + label::before {
  bottom: 6.6rem;
  font-size: 1.2rem;
}
select.error + label::before {
  bottom: 5.6rem;
  color: #cf1369;
  font-size: 1.2rem;
}
select.error:valid + label::before {
  font-size: 1.2rem;
}
select::-ms-expand {
  display: none;
}

.checkbox-container,
.radio-container {
  margin-bottom: 1.5rem;
  position: relative;
}
.checkbox-container label,
.radio-container label {
  cursor: pointer;
  line-height: 1.2;
  padding-left: 3.6rem;
}
.checkbox-container input,
.radio-container input {
  height: 0;
  position: absolute;
  width: 0;
}

.checkbox-container::before {
  background-image: url("../img/data-entry/unchecked-focused.svg"), url("../img/data-entry/unchecked-disabled.svg"), url("../img/data-entry/unchecked-error.svg"), url("../img/data-entry/checked-disabled.svg"), url("../img/data-entry/checked-enabled.svg"), url("../img/data-entry/checked-focused.svg");
  background-size: 0%;
  content: "";
  position: absolute;
}
.checkbox-container .checkmark {
  background: url("../img/data-entry/unchecked-enabled.svg") top left/cover no-repeat;
  height: 2.2rem;
  left: -0.2rem;
  position: absolute;
  top: -0.2rem;
  width: 2.2rem;
}
.checkbox-container input.error + label .checkmark {
  background-image: url("../img/data-entry/unchecked-error.svg");
}
.checkbox-container input:focus + label .checkmark {
  background-image: url("../img/data-entry/unchecked-focused.svg");
}
.checkbox-container input:disabled + label .checkmark {
  background-image: url("../img/data-entry/unchecked-disabled.svg");
}
.checkbox-container input:checked + label .checkmark, .checkbox-container input.error:checked + label .checkmark {
  background-image: url("../img/data-entry/checked-enabled.svg");
}
.checkbox-container input:focus:checked + label .checkmark {
  background-image: url("../img/data-entry/checked-focused.svg");
}
.checkbox-container input:disabled:checked + label .checkmark {
  background-image: url("../img/data-entry/checked-disabled.svg");
}

.radio-container .radio {
  align-items: center;
  background-color: #fff;
  border: 0.2rem solid #a2acb3;
  border-radius: 5rem;
  display: flex;
  height: 2rem;
  justify-content: center;
  left: -0.1rem;
  position: absolute;
  top: 0;
  width: 2rem;
}
.radio-container .radio::after {
  background: #0f866c;
  border-radius: 5rem;
  content: "";
  display: none;
  height: 1rem;
  width: 1rem;
}
.radio-container input:focus ~ label .radio {
  border-color: #001d2f;
}
.radio-container input:checked ~ label .radio {
  border-color: #0f866c;
}
.radio-container input:checked ~ label .radio::before {
  display: block;
}
.radio-container input:checked ~ label .radio::after {
  display: block;
}
.radio-container input.error ~ label .radio {
  border-color: #cf1369;
}
.radio-container input[disabled] ~ label {
  color: #667782;
  cursor: default;
}
.radio-container input[disabled] ~ label .radio {
  background-color: #f7f8f9;
  border-color: #ccd2d5;
}

.multiple-inputs-container {
  background-color: #fff;
  padding: 1rem 2rem 0;
  position: relative;
  min-height: 6rem;
}
.multiple-inputs-container.focused {
  border-color: #001d2f;
}
.multiple-inputs-container input {
  border: none;
  height: 100%;
  margin: 0.8rem 0 1rem;
  min-width: 6rem;
  padding: 0 0 0 0.1rem;
  width: 100%;
}
.multiple-inputs-container input + label::before {
  left: 0;
  overflow: hidden;
  transition: none;
  bottom: 0.6rem;
}
.multiple-inputs-container input:placeholder-shown + label::before {
  bottom: 2.8rem;
  width: auto;
}
.multiple-inputs-container input:-ms-input-placeholder + label::before {
  bottom: 2.8rem;
}
.multiple-inputs-container input:focus + label::before {
  width: 0;
}
.multiple-inputs-container .token {
  background-color: #f0eacf;
  border-radius: 5rem;
  display: inline-block;
  margin-bottom: 1rem;
  margin-right: 1rem;
  padding: 1rem 2.8rem 1rem 2rem;
  position: relative;
}
.multiple-inputs-container .token-label {
  word-break: break-word;
}
.multiple-inputs-container .token a {
  background-image: url("../img/icons/x.svg");
  background-position: center;
  background-size: 1.2rem;
  bottom: -0.1rem;
  height: 100%;
  position: absolute;
  right: 1.2rem;
  width: 1.2rem;
}
.multiple-inputs-container .token ~ input {
  width: 20rem;
}
.multiple-inputs-container .token ~ label {
  display: none;
}

.search-container {
  margin-bottom: 1.5rem;
  position: relative;
}
.search-container label::before {
  display: none;
}
.search-container input {
  margin-bottom: 0;
  padding: 1rem 2rem;
  -webkit-appearance: none;
}
.search-container input:focus {
  border-color: transparent;
  box-shadow: 0 0.2rem 1.5rem rgba(0, 0, 0, 0.1);
}
.search-container .spinner {
  background-color: white;
  display: none;
  height: 2.2rem;
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 2.2rem;
}
.search-container button {
  background-image: url("../img/icons-midnight/search.svg");
  background-size: 2rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
  background-position: center;
  background-size: 2.4rem;
  height: 4rem;
  width: 4rem;
}
.search-container button.searching {
  display: none;
}
.search-container button.searching + .spinner {
  display: inline-block;
}
.search-container .search-results {
  background-color: #fff;
  display: none;
}
.search-container.active {
  border-radius: 0.5rem;
  box-shadow: 0 0.2rem 1.5rem rgba(0, 0, 0, 0.1);
}
.search-container.active input {
  border-color: transparent;
  margin-bottom: 0;
}
.search-container.active input:focus {
  border-color: transparent;
  box-shadow: none;
}
.search-container.active .search-results {
  display: inline-block;
  padding: 0 2rem;
  width: 100%;
}
.search-container.active .search-results-list {
  border-top: 0.1rem solid #ccd2d5;
  padding-top: 1.6rem;
}
.search-container.active .search-results-list .h6 {
  border-bottom: 0.2rem solid #ccd2d5;
  color: #667782;
  padding-bottom: 1.4rem;
}
.search-container.active .search-results-list ul {
  padding-bottom: 3.5rem;
}
.search-container.active .search-results-list ul:last-of-type {
  padding-bottom: 2rem;
}
.search-container.active .search-results-list ul li {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}
.search-container.active .search-results-list ul li:last-of-type {
  margin-bottom: 0;
}
.search-container.active .search-results-list ul li a {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.71;
  width: 100%;
  border: none;
  text-decoration: none;
  color: #001d2f;
}
.search-container.active .search-results-list ul li a:hover, .search-container.active .search-results-list ul li a:active, .search-container.active .search-results-list ul li a:focus {
  color: #0f866c;
}
.search-container.active .search-results-list ul li a:hover {
  cursor: pointer;
}
.search-container.active .search-results-paper li::before {
  background: url("../img/icons-midnight/file.svg") center/contain no-repeat;
  content: "";
  height: 3rem;
  margin: 0 1.8rem 0 0;
  width: 2.6rem;
}
.search-container.active .search-results-paper li a {
  margin-top: 0.3rem;
}
.search-container.active .search-results-paper .search-results-suggestion::before {
  background-image: url("../img/icons-midnight/search.svg");
}

.uneditable-field {
  margin-bottom: 1.5rem;
}
.uneditable-field p:first-of-type, .uneditable-field figure figcaption:first-of-type, figure .uneditable-field figcaption:first-of-type,
.uneditable-field figure .img-caption:first-of-type,
figure .uneditable-field .img-caption:first-of-type,
.uneditable-field .img-container figcaption:first-of-type,
.img-container .uneditable-field figcaption:first-of-type,
.uneditable-field .img-container .img-caption:first-of-type,
.img-container .uneditable-field .img-caption:first-of-type {
  color: #667782;
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 0;
}
.uneditable-field p:last-of-type, .uneditable-field figure figcaption:last-of-type, figure .uneditable-field figcaption:last-of-type,
.uneditable-field figure .img-caption:last-of-type,
figure .uneditable-field .img-caption:last-of-type,
.uneditable-field .img-container figcaption:last-of-type,
.img-container .uneditable-field figcaption:last-of-type,
.uneditable-field .img-container .img-caption:last-of-type,
.img-container .uneditable-field .img-caption:last-of-type {
  margin-bottom: 0;
  line-height: 1.5;
}

.error-message {
  color: #cf1369;
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
}

@-moz-document url-prefix() {
  form textarea + label::after {
    bottom: 13.9rem;
  }
  form textarea.error + label::after {
    bottom: 12.9rem;
  }
  form select + label::before {
    left: 2.4rem;
  }
  input:invalid {
    box-shadow: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  form textarea + label::after {
    bottom: 13.9rem;
  }
  form textarea.error + label::after {
    bottom: 12.9rem;
  }
}
/* stylelint-enable */
header {
  height: 8rem;
}
@media (min-width: 1260px) {
  header {
    height: 10rem;
  }
}

.menu-group-list a:hover svg path, .menu-group-list a:active svg path, .menu-group-list a:focus svg path {
  fill: #0f866c;
}
.menu-group-list svg {
  display: none;
  height: 2.4rem;
  margin-right: 1.5rem;
}
@media (min-width: 1024px) {
  .menu-group-list svg {
    display: block;
  }
}

.nav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 204;
}
@media (min-width: 1260px) {
  .nav {
    transition: background-color 0.1s, height 0.2s;
  }
}

@media (min-width: 1260px) {
  .nav-logo {
    transition: height 0.2s;
  }
}

@media (min-width: 768px) {
  .nav-menu-burger {
    display: none;
  }
}

.burger-menu-wrapper {
  right: 0;
  overflow-y: auto;
  white-space: nowrap;
}
.burger-menu-wrapper .menu.burger-menu {
  display: none;
}

.menu-item-cta {
  background-color: #fff;
  position: absolute;
  width: 100%;
  z-index: 204;
}
@media (min-width: 768px) {
  .menu-item-cta {
    display: none !important;
  }
}
.menu-item-cta.slide-down, .menu-item-cta.slide-up {
  transition: 0.5s ease;
}
.menu-item-cta.slide-down {
  transform: translateY(0);
}
.menu-item-cta.slide-up {
  transform: translateY(-8rem);
}

.js-body-overlay::before {
  background-color: #000;
  content: "";
  display: block;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.4s ease-in-out;
  z-index: 204;
}

.js-overlay-transition {
  position: fixed;
  width: 100%;
}
.js-overlay-transition::before {
  opacity: 0.4;
}

.js-body-overlay .nav,
.js-bg-white {
  background-color: #fff;
  height: 8rem;
}
@media (min-width: 1260px) {
  .js-body-overlay .nav .nav-logo,
  .js-bg-white .nav-logo {
    height: 3.5rem;
  }
}

body {
  background-color: #f9f8f2;
}

.router-app {
  background-color: #fff;
  padding: 4rem 2rem;
  margin: 2rem 0 5rem;
  border-radius: 1rem;
  box-shadow: 0 0 3.5rem 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .router-app {
    margin: 2rem 1.5rem 6rem;
    padding: 4rem;
  }
}
@media (min-width: 1024px) {
  .router-app {
    margin: 5rem 1.5rem 10rem;
    padding: 6rem;
    border-radius: 2rem;
  }
}
.router-app h2 {
  margin-bottom: 3rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .router-app h2 {
    margin-bottom: 6rem;
  }
}
.router-app h3 {
  margin-bottom: 2rem;
}
.router-app li a {
  border: none;
  text-decoration: none;
  background-position: 100% 100%, 0 100%, 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px, 0 2px, 0 2px;
  background-image: linear-gradient(#0f866c, #0f866c), linear-gradient(transparent, transparent), linear-gradient(#0f866c, #0f866c);
  color: #0f866c;
  padding-bottom: 0.3rem;
}
.router-app li a:hover {
  background-image: linear-gradient(#d4e300, #d4e300), linear-gradient(transparent, transparent), linear-gradient(#d4e300, #d4e300);
  color: #001d2f;
}
.router-app li a:focus {
  background-image: linear-gradient(#0f866c, #0f866c), linear-gradient(transparent, transparent), linear-gradient(#0f866c, #0f866c);
  color: #0f866c;
}
.router-app li a:hover, .router-app li a:active, .router-app li a:focus {
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-name: eds-animated-text-link;
}
.router-app .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .router-app .col-12 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .router-app .col-12 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.router-app .col-6 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .router-app .col-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .router-app .col-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .router-app .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .router-app .col-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .router-app .col-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.router-app .left-col,
.router-app .right-col {
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .router-app .left-col {
    padding-right: 3.5rem;
    border-right: 2px solid #ccd2d5;
  }
}
@media (min-width: 1024px) {
  .router-app .left-col {
    padding-right: 5.5rem;
  }
}
@media (min-width: 768px) {
  .router-app .right-col {
    padding-left: 3.5rem;
  }
}
@media (min-width: 1024px) {
  .router-app .right-col {
    padding-left: 5.5rem;
  }
}
.router-app .illustration img {
  display: none;
}
@media (min-width: 768px) {
  .router-app .illustration img {
    margin: 3rem auto 8rem;
    width: 32rem;
    max-width: 100%;
    display: block;
  }
}

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