/* Theme base styles */

/* Generic */

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/* Remove Safari's default appearance for select elements */

select {
  -webkit-appearance: none;
  appearance: none;
  padding: 12px 45px 12px 15px;
  border-radius: var(--border-radius);
  border-color: var(--grey);
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41406 1.41418L8.41406 8.41418L15.4141 1.41418' stroke='%23002B49' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

@media (max-width: 767px) {
  select {
    width: 100%;
  }
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Objects */

@media (max-width: 1024px) and (min-width: 768px) {
  .dnd-section .dnd-column.span6 {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .dnd-section .dnd-column.span6:last-of-type {
    margin-top: 40px;
  }
}

/* Modal */

.modal-wrapper {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.modal-wrapper.is-open {
  display: flex;
}

.modal__backdrop {
  position: absolute;
  inset: 0;
  transition: var(--transition);
  background: rgba(0, 0, 0, 0);
}

.website-modal__backdrop.modal__backdrop {
  background: rgba(4, 28, 44, 0);
}

.modal__backdrop.active:not(.website-modal__backdrop) {
  background: rgba(0, 0, 0, 0.6);
}

.website-modal__backdrop.modal__backdrop.active {
  background: rgba(4, 28, 44, 0.3);
}

.modal__inner {
  position: relative;
  width: 100%;
  padding: 0 20px;
  max-width: 1473px;
  z-index: 1;
}

.modal__video {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius);
}

.modal__close {
  background-color: var(--dark-bg);
  position: absolute;
  top: 20px;
  right: 40px;
  border: 1px solid var(--dark-bg);
  color: #fff;
  cursor: pointer;
  padding: 0.25rem;
}

/* Module title */

.module__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 65px;
}

.module__title__left__title {
  max-width: 740px;
}

.module__title__left__content {
  max-width: 840px;
}

.module__title__left__content *:last-child,
.module__title__left__content *:last-child *:last-child {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .module__title {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Pagination */

.pagination {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 60px;
}

.pagination > button {
  color: var(--blue);
  position: relative;
}

.pagination > button.is-active {
  color: var(--dark-blue);
}

.pagination > button::before,
.pagination > button::after {
  position: absolute;
  opacity: 0;
  transition: var(--transition);
  top: -1px;
}

.pagination > button::before {
  content: url("data:image/svg+xml,%3Csvg width='6' height='25' viewBox='0 0 6 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 25H0V0H6V1.31579H1.37383V23.6702H6V25Z' fill='%23B2BFC8'/%3E%3C/svg%3E%0A");
  left: -12px;
}

.pagination > button::after {
  content: url("data:image/svg+xml,%3Csvg width='6' height='25' viewBox='0 0 6 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-4.76837e-07 25H6V0H-4.76837e-07V1.31579H4.62617V23.6702H-4.76837e-07V25Z' fill='%23B2BFC8'/%3E%3C/svg%3E%0A");
  right: -12px;
}

.pagination > button.is-active::before,
.pagination > button.is-active::after {
  opacity: 1;
}

/* Responsive grid */

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
  *width: 99.94680850063828%;
}

.row-fluid .span11 {
  width: 91.489361693%;
  *width: 91.4361702036383%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
  *width: 82.92553190663828%;
}

.row-fluid .span9 {
  width: 74.468085099%;
  *width: 74.4148936096383%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
  *width: 65.90425531263828%;
}

.row-fluid .span7 {
  width: 57.446808505%;
  *width: 57.3936170156383%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
  *width: 48.88297871863829%;
}

.row-fluid .span5 {
  width: 40.425531911%;
  *width: 40.3723404216383%;
}

.row-fluid .span4 {
  width: 31.914893614%;
  *width: 31.8617021246383%;
}

.row-fluid .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%;
}

.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.8404255306383%;
}

.row-fluid .span1 {
  width: 6.382978723%;
  *width: 6.329787233638298%;
}

.container-fluid {
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    *margin-left: 2.709239449638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
    *width: 99.9468085036383%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
    *width: 91.38327259263829%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
    *width: 82.8197366816383%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
    *width: 74.25620077063829%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
    *width: 65.6926648596383%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
    *width: 57.129128948638304%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
    *width: 48.5655930376383%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
    *width: 40.0020571266383%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
    *width: 31.4385212156383%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
    *width: 22.874985304638297%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
    *width: 14.311449393638298%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
    *width: 5.747913482638298%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    *margin-left: 2.510911074638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
    *width: 91.3997999636383%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
    *width: 82.8527914166383%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
    *width: 74.30578286963829%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
    *width: 65.7587743226383%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
    *width: 57.2117657756383%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
    *width: 48.6647572286383%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
    *width: 40.117748681638304%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
    *width: 31.5707401346383%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
    *width: 23.0237315876383%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
    *width: 14.4767230406383%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
    *width: 5.929714493638298%;
  }
}

/* Clearfix */

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

/* Visibilty Classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 1024px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important ;
  }
}
/* Content wrappers for blog post and system templates */

.content-wrapper {
  padding: 0 20px;
  margin: 0 auto;
}

/* Drag and drop layout styles */

.dnd-section > .row-fluid {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

@media (min-width: 1025px) {
  .content-wrapper {
    padding: 0 40px;
  }
}

/* Elements */

.no-margin {
  margin-bottom: 0;
}

a.no-hover {
  cursor: default !important;
}

.content-light
  *:not(
    .button,
    button,
    .button > span,
    button > span,
    .override-default,
    input:hover,
    form input
  ),
.content-light {
  color: var(--white) !important;
}

.content-dark
  *:not(
    .button,
    button,
    .button > span,
    button > span,
    .override-default,
    .pill.content-light
  ),
.content-dark {
  color: var(--dark-blue) !important;
}

.tag {
  font-family: Montserrat, serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.pill {
  font-size: 0.875rem;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.4);
  padding: 3px 10px;
}

main a:not(button, .button, .no-link, [data-hs-anchor="true"]),
footer a:not(button, .button, .no-link, [data-hs-anchor="true"]) {
  display: inline-flex;
  position: relative;
  overflow: hidden;
  width: fit-content;
}

main a:not(button, .button, .no-link, [data-hs-anchor="true"])::before,
main a:not(button, .button, .no-link, [data-hs-anchor="true"])::after,
main a.hovered:not(button, .button, .no-link, [data-hs-anchor="true"])::after,
main a.hovered:not(button, .button, .no-link, [data-hs-anchor="true"])::before,
footer a:not(button, .button, .no-link, [data-hs-anchor="true"])::before,
footer a:not(button, .button, .no-link, [data-hs-anchor="true"])::after,
footer a.hovered:not(button, .button, .no-link, [data-hs-anchor="true"])::after,
footer
  a.hovered:not(button, .button, .no-link, [data-hs-anchor="true"])::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  transition: var(--transition);
}

a:not(button, .button, .no-link)::before,
a:not(button, .button, .no-link)::after,
.content-light a:not(button, .button, .no-link)::before,
.content-light a:not(button, .button, .no-link)::after,
.content-light a.hovered:not(button, .button, .no-link)::after {
  background-color: var(--white);
}

.content-dark a:not(button, .button, .no-link)::before,
.content-dark a:not(button, .button, .no-link)::after,
.content-dark a.hovered:not(button, .button, .no-link)::after,
.content-dark a.hovered:not(button, .button, .no-link)::before {
  background-color: var(--dark-blue);
}

a:not(button, .button, .no-link)::before {
  left: 0;
  transition-delay: 0.3s;
}

a:not(button, .button, .no-link)::after {
  right: -100%;
}

a:not(button, .button, .no-link):hover::before {
  left: -100%;
  transition-delay: 0s;
}

a:not(button, .button, .no-link):hover::after {
  right: 0;
  transition-delay: 0.3s;
}

a.underline::before,
a.underline::after {
  display: none;
}

a.underline {
  text-decoration: underline;
}

.button--arrow::after {
  margin-top: 2px;
}

.button--arrow.orange,
.content-light .button--arrow.orange {
  color: var(--secondary-orange) !important;
}

.button--arrow.orange::after,
.button--arrow.orange::after {
  content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6531 7.875H0V6.125H10.6531L5.75313 1.225L7 0L14 7L7 14L5.75313 12.775L10.6531 7.875Z' fill='%23FFBC64'/%3E%3C/svg%3E%0A") !important;
}

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

a.hovered:not(button, .button, .no-link)::before {
  left: -100%;
  transition-delay: 0.3s;
}

a.hovered:not(button, .button, .no-link)::after {
  right: 0;
  transition-delay: 0s;
}

a.hovered:not(button, .button, .no-link):hover::before {
  left: 0 !important;
}

a.hovered:not(button, .button, .no-link):hover::after {
  right: -100%;
}

.small {
  font-size: 0.875rem;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

h1:not(.resized) {
  line-height: 4.5rem;
}

/* Lists */

ul,
ol {
  padding-left: 1rem;
  margin: 0 0 1.4rem;
}

ul li,
ol li {
  margin: 0.7rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 1.4rem 0;
}

.no-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.no-list li {
  margin: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  margin: 0 0 1.4rem;
}

/* Horizontal rules */

hr {
  border: 0 none;
  border-bottom: 1px solid;
}

/* Subscripts and superscripts */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Image alt text */

img {
  font-size: 1rem;
  word-break: normal;
}
/* Button wrapper */

.button-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .button-wrapper {
    flex-direction: column;
    gap: 20px;
  }

  form input[type="submit"],
  form .hs-button {
    width: 100% !important;
  }
}

/* Arrow button */

button.button--arrow,
.button.button--arrow,
button.button--arrow:hover,
.button.button--arrow:hover,
button.button--arrow:focus,
.button.button--arrow:focus,
button.button--arrow:focus-visible,
.button.button--arrow:focus-visible {
  border: none;
  background-color: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: var(--transition);
}

button.button--arrow:hover,
.button.button--arrow:hover {
  gap: 15px;
  text-decoration: underline;
}

/* Primary button */

button,
.button,
.hs-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-align: center;
  transition: color 0.15s linear;
  white-space: normal;
}

.hs-button-modify--full-width {
  width: 100%;
  justify-content: center;
  text-align: center;
}

/* Simple button */

.button.button--simple {
  position: relative;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}

.button.button--simple:hover,
.button.button--simple:focus {
  border: none;
  background-color: transparent;
}

/* Button no style */

button.no-style,
.button.no-style,
button.no-style:hover,
.button.no-style:hover,
button.no-style:focus,
.button.no-style:focus {
  padding: 0;
  background: transparent;
  border: none;
  color: unset;
}

.swiper-button {
  cursor: pointer;
}

/* Disabled button */

button:disabled,
.button:disabled,
.hs-button:disabled {
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  pointer-events: none;
}

button:disabled,
.button:disabled,
.button.button--secondary:disabled,
.button.button--simple:disabled {
  color: #d0d0d0;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  padding: 0;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  background: none;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: left;
  text-decoration: none;
  transition: none;
}

/* Tooltip styles for copy to clipboard */

.hs-tooltip {
  position: absolute;
  bottom: calc(100% + 7px);
  left: 50%;
  display: none;
  height: auto;
  width: auto;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #494a52;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.8;
  transform: translateX(-50%);
}
.hs-tooltip:after {
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border-top: 5px solid #494a52;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
  transform: translateX(-50%);
}
.hs-tooltip__failure,
.hs-tooltip__success {
  display: none;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.hs-visible {
  display: block;
}

/* Button icons */

.button .button__icon svg {
  display: block;
  height: 1.25rem;
  margin-right: 1rem;
  fill: inherit;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .button .button__icon svg {
    width: 1.25rem;
  }
}

.button--icon-right .button__icon {
  order: 1;
}

.button--icon-right .button__icon svg {
  margin-right: 0;
  margin-left: 1rem;
}
.video-wrapper {
  position: relative;
  z-index: 999;
}

.video-wrapper video {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius);
  object-fit: cover;
}

.video-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.video-button svg rect {
  transition: var(--transition);
}

.video-button:hover svg rect {
  fill: var(--secondary-orange);
}

.video-embed-wrapper > * {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.video-wrapper.dark .video-button:not(:hover) svg rect {
  fill: var(--dark-blue);
}

.video-wrapper.dark .video-button:not(:hover) svg path {
  fill: var(--white);
}

.hs-video-wrapper {
  position: relative;
  z-index: 2;
}
.hs-video-widget form .hs-richtext h1,
.hs-video-widget form .hs-richtext h2,
.hs-video-widget form .hs-richtext h3,
.hs-video-widget form .hs-richtext h4,
.hs-video-widget form .hs-richtext h5,
.hs-video-widget form .hs-richtext h6,
.hs-video-widget form .hs-richtext h1 span,
.hs-video-widget form .hs-richtext h2 span,
.hs-video-widget form .hs-richtext h3 span,
.hs-video-widget form .hs-richtext h4 span,
.hs-video-widget form .hs-richtext h5 span,
.hs-video-widget form .hs-richtext h6 span,
.hs-video-widget form .hs-richtext h1 span *,
.hs-video-widget form .hs-richtext h2 span *,
.hs-video-widget form .hs-richtext h3 span *,
.hs-video-widget form .hs-richtext h4 span *,
.hs-video-widget form .hs-richtext h5 span *,
.hs-video-widget form .hs-richtext h6 span * {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 600 !important;
}

/* Form title */

.form-title {
  margin: 0;
}

.form-title ~ div > form {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Labels */

form label {
  display: block;
  margin-bottom: 0.35rem;
}

:root {
  --hsf-module__vertical-spacing: 0.35rem;
}

/* Form fields */

form .hs-form-field {
  margin-bottom: 1.4rem;
}

:root {
  --hsf-row__vertical-spacing: 1.4rem;
}

.form-columns-1 .hs-fieldtype-intl-phone,
form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form input[type="number"],
form input[type="file"],
form input[type="search"],
form select,
form textarea {
  display: inline-block;
  width: 100% !important; /* stylelint-disable-line declaration-no-important */
}

/* International phone number field */

form .hs-fieldtype-intl-phone {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}

form fieldset {
  max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}

/* Form fields - checkbox/radio */

form .inputs-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type="checkbox"],
form input[type="radio"] {
  margin-right: 0.35rem;
  margin-top: 4px;
  cursor: pointer;
}

/* Form fields - date picker */

form .hs-dateinput {
  position: relative;
}

form .hs-dateinput:before {
  position: absolute;
  top: 50%;
  content: "\01F4C5";
  transform: translateY(-50%);
}

form select.hs-input {
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9407 19.5595C11.5267 20.1454 12.4782 20.1454 13.0642 19.5595L22.0642 10.5595C22.6501 9.97354 22.6501 9.02197 22.0642 8.43604C21.4782 7.8501 20.5267 7.8501 19.9407 8.43604L12.0001 16.3767L4.05947 8.44072C3.47354 7.85478 2.52197 7.85478 1.93604 8.44072C1.3501 9.02666 1.3501 9.97822 1.93604 10.5642L10.936 19.5642L10.9407 19.5595Z' fill='%2309152B'/%3E%3C/svg%3E%0A");
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: 16px;
}

form .is-selected .pika-button {
  border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
}

form .fn-date-picker .pika-button:hover,
form .fn-date-picker .pika-button:focus {
  border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
}

/* Form fields - file picker */

form input[type="file"] {
  padding: initial;
  border: initial;
  background-color: transparent;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  margin: 0 0 1.4rem;
  font-size: 0.8rem;
}

form .hs-richtext img {
  height: auto;
  max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}

/* GDPR */

form .legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 1rem !important; /* stylelint-disable-line declaration-no-important */
}

/* Validation */

form .hs-form-required {
  color: #ef6b51;
}

form .hs-input.error {
  border-color: #ef6b51;
}

form .hs-error-msg,
form .hs-error-msgs {
  margin-top: 0.35rem;
  color: #ef6b51;
}

:root {
  --hsf-global-error__color: #ef6b51;
  --hsf-field-label-requiredindicator__color: var(--hsf-global-error__color);
  --hsf-erroralert__color: var(--hsf-global-error__color);
}

/* Submit button */

form input[type="submit"],
form .hs-button {
  display: inline-block;
  width: auto;
  cursor: pointer;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal !important; /* stylelint-disable-line declaration-no-important */
}

:root {
  --hsf-button__width: 100%;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Icon wrapper */

.icon {
  display: inline-flex;
  border-radius: 50%;
}

.icon--square .icon {
  border-radius: 0;
}

/* Icon */

.icon svg {
  vertical-align: middle;
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

th,
td {
  padding: 0.7rem;
  vertical-align: top;
}

/* Table header */

thead th,
thead td {
  vertical-align: bottom;
}

/* Components */

/* Navigation skipper */

.header__skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  overflow: hidden;
  height: 1px;
  width: 1px;
  text-align: left;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  z-index: 2;
  top: 0;
  left: 0;
  overflow: visible;
  height: auto;
  width: auto;
}
.footer a:not(button, .button, .no-link)::before {
  display: none;
}

.footer a:not(button, .button, .no-link):hover::after {
  transition-delay: 0s;
}

footer .footer-row-0-background-color form .hs-form-field > label {
  display: none;
}

footer
  .footer-row-1-background-color
  > .row-fluid
  > .span4:first-child
  .hs_cos_wrapper_type_rich_text {
  display: inline-flex !important;
}

footer .footer-row-1-background-color p {
  margin: 0;
}

footer .footer-row-1-background-color a::after {
  display: none;
}

footer form .hs-form-field:not(:last-of-type) {
  margin-bottom: 1.4rem;
}

footer form .legal-consent-container p {
  font-size: 12px;
}

footer form .hs-richtext a {
  text-decoration: none;
}

footer .form-columns-1 .hs-fieldtype-intl-phone,
footer form input[type="text"],
footer form input[type="email"],
footer form input[type="password"],
footer form input[type="tel"],
footer form input[type="number"],
footer form input[type="file"],
footer form input[type="search"],
footer form select,
footer form textarea {
  color: var(--dark-blue) !important;
}

@media (max-width: 1024px) {
}

@media (max-width: 767px) {
  footer .footer-row-0-background-color h6 {
    margin-top: 35px;
  }

  .footer
    .row-fluid-wrapper.row-depth-1.row-number-4.dnd-row
    > .row-fluid
    > .dnd-column:nth-child(2),
  .footer
    .row-fluid-wrapper.row-depth-1.row-number-4.dnd-row
    > .row-fluid
    > .dnd-column:nth-child(3) {
    display: none;
  }

  footer .footer-row-1-background-color > .row-fluid {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }

  footer .footer-row-1-background-color > .row-fluid p,
  footer .footer-row-1-background-color > .row-fluid span {
    text-align: left !important;
  }
}
/* Resources */

.resource-feed__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}

.resource-card {
  display: flex;
  flex-direction: column;
  position: relative;
}

.resource-card[hidden] {
  display: none;
}

.resource-card::before {
  content: "";
  border: 1px solid transparent;
  border-radius: var(--border-radius);
  position: absolute;
  top: -20px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  opacity: 0.2;
  transition: var(--transition);
}

.resource-card:hover::before {
  border-color: var(--dark-blue);
}

.content-light .resource-card:hover::before {
  border-color: var(--white);
}

.resource-card__featured-image {
  position: relative;
  border-radius: var(--border-radius);
  width: 100%;
  height: 215px;
  object-fit: cover;
}

.resource-card__read-time {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.resource-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 30px;
}

.resource-card__content__blog-tag-wrapper {
  margin-bottom: 20px;
}

.resource-card__content__blog-tag {
  opacity: 0.5;
}

.resource-card__content__title {
  flex: 1;
  margin-bottom: 20px;
}

.resource-card__content__description {
  margin: 20px 0;
}

.resource-card__content a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.resource-card__content svg {
  margin-left: auto;
  opacity: 0;
  transition: var(--transition);
}

.content-light .resource-card__content svg path {
  fill: var(--white);
}

.resource-card:hover .resource-card__content svg {
  opacity: 1;
}

@media (max-width: 1024px) {
  .resource-feed__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .resource-card__content svg {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .resource-feed__grid {
    grid-template-columns: 1fr;
  }
}

/* Card */

.card {
  border: 0;
}

.card--dark,
.card--light {
  padding: 1.4rem;
}
/* Blog listing */

.blog-listing {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.blog-listing--3-col,
.blog-listing--4-col {
  justify-content: flex-start;
}

/* Section heading */

.blog-listing__heading {
  width: 100%;
  text-align: center;
}

/* Article */

.blog-listing__post {
  display: flex;
  width: 100%;
  padding: 0;
  margin-bottom: 2.8rem;
  flex-direction: column;
}

.blog-listing__post-inner-wrapper {
  display: flex;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}

/* Featured image */

.blog-listing__post-image-wrapper {
  display: flex;
}

.blog-listing__post-image {
  height: auto;
  width: 100%;
}

/* Content */

.blog-listing__post-content {
  display: flex;
  padding: 0.7rem 0 0;
  flex-direction: column;
  flex-grow: 1;
}

.card--dark .blog-listing__post-content,
.card--light .blog-listing__post-content {
  padding: 1.4rem;
}

/* Heading */

.blog-listing__header {
  margin-bottom: 1.05rem;
}

/* Tags */

.blog-listing__post-tags {
  margin-bottom: 0.7rem;
}

.blog-listing__post-tag,
.blog-listing__post-tag:hover,
.blog-listing__post-tag:focus,
.blog-listing__post-tag:active {
  text-decoration: none;
}

/* Title */

.blog-listing__post-title {
  margin-bottom: 0.7rem;
}

/* Author */

.blog-listing__post-author {
  display: flex;
  margin-bottom: 0.7rem;
  align-items: center;
}

.blog-listing__post-author-image {
  height: auto;
  width: 50px;
  margin-right: 0.7rem;
}

.blog-listing__post-author-name,
.blog-listing__post-author-name:hover,
.blog-listing__post-author-name:focus,
.blog-listing__post-author-name:active {
  text-decoration: none;
}

/* Date */

.blog-listing__post-timestamp {
  display: block;
  margin-bottom: 0.35rem;
}

/* Button */

.blog-listing__post-button-wrapper {
  margin-top: auto;
}

/* Blog listing - basic grid */

.blog-listing--card .blog-listing__post {
  flex-direction: column;
}

.blog-listing--2-col .blog-listing__post {
  width: calc(50% - 1rem);
}

.blog-listing--3-col .blog-listing__post {
  width: calc(33.3% - 1rem);
}

.blog-listing--4-col .blog-listing__post {
  width: calc(25% - 1rem);
}

.blog-listing--3-col .blog-listing__post:nth-of-type(3n + 1),
.blog-listing--3-col .blog-listing__post:nth-of-type(3n + 2) {
  margin-right: 1.5rem;
}

.blog-listing--4-col .blog-listing__post:nth-of-type(4n + 1),
.blog-listing--4-col .blog-listing__post:nth-of-type(4n + 2),
.blog-listing--4-col .blog-listing__post:nth-of-type(4n + 3) {
  margin-right: 1.333rem;
}

@media (max-width: 767px) {
  .blog-listing .blog-listing__post {
    width: 100%;
    margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
  }
}

.blog-listing--card .blog-listing__post-image-wrapper {
  height: 200px;
}

.blog-listing--card .blog-listing__post-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .blog-listing--card .blog-listing__post-image-wrapper,
  .blog-listing--card .blog-listing__post-image {
    height: auto;
  }
}

/* Blog listing - side by side */

/* stylelint-disable no-descending-specificity */
.blog-listing--list .blog-listing__post {
  display: flex;
}
/* stylelint-enable no-descending-specificity */

.blog-listing--list .blog-listing__post-image-wrapper {
  width: 100%;
}

.blog-listing--list .blog-listing__post-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .blog-listing--list .blog-listing__post-image-wrapper,
  .blog-listing--list .blog-listing__post-image {
    height: auto;
  }
}

@media (min-width: 768px) {
  .blog-post-listing__post--list {
    flex-direction: row;
  }

  .blog-listing__post-content--list {
    order: 1;
  }

  .blog-post-listing__post-image-wrapper--list {
    order: 1;
  }

  .blog-post-listing__post-image-wrapper--right {
    order: 2;
  }

  .blog-listing--list .blog-listing__post-image-wrapper {
    width: 25%;
  }

  .blog-listing--list .blog-post-listing__post-image-wrapper--left {
    margin-right: 1.4rem;
  }

  .blog-listing--list .blog-post-listing__post-image-wrapper--right {
    margin-left: 1.4rem;
  }
}
/* Logo */

.widget-type-logo:not(.hs-lp-header-logo) img {
  height: auto;
  max-width: 100%;
  margin-bottom: 1.4rem;
}

/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  padding-left: 0;
  margin: 0;
  flex-wrap: wrap;
  justify-content: space-around;
  list-style: none;
}

.hs-menu-wrapper li {
  margin: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper li {
    margin-bottom: 1.4rem;
    text-align: center;
  }
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

/* prettier-ignore */
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper {
  top: 100%;
  left: 0;
  opacity: 1;
}

/* prettier-ignore */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper {
  top: 0;
  left: 100%;
  opacity: 1;
}

@media (max-width: 767px) {
  /* prettier-ignore */
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
  .hs-item-has-children:hover
  > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts
  .hs-item-has-children:hover
  > .hs-menu-children-wrapper {
    position: relative;
    top: auto;
    left: 0;
    opacity: 1;
  }
}

/* Rich text */

.widget-type-rich_text img {
  height: auto;
  max-width: 100%;
}

.lang_switcher_class .lang_list_class li {
  margin: initial;
}
/* CTA Banner */

.cta-banner {
  min-height: 521px;
  display: flex;
  align-items: center;
  position: relative;
}

.cta-banner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition);
  opacity: 0.7;
}

.cta-banner .content-wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
  width: 100%;
  z-index: 2;
}

.cta-banner__content {
  max-width: 1055px;
  height: 340px;
}

.cta-banner__title {
  font-size: 5.625rem;
  line-height: 6.2rem;
  margin: 0;
}

.cta-banner__content__desc {
  margin-top: 25px;
}

.cta-banner__arrow {
  transition: var(--transition);
}

.cta-banner:hover .cta-banner__arrow {
  transform: translateX(50px);
}

.cta-banner__content__link::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* Hover rollover */

.cta-banner__content__default,
.cta-banner__content__hover {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  transition:
    max-height 0.4s ease,
    opacity 0.4s ease;
}

.cta-banner__content__default {
  max-height: 340px;
  opacity: 1;
}

.cta-banner__content__hover {
  max-height: 0;
  opacity: 0;
}

.cta-banner:hover .cta-banner__content__default {
  max-height: 0;
  opacity: 0;
}

.cta-banner:hover .cta-banner__content__hover {
  max-height: 340px;
  opacity: 1;
}

.cta-banner__content__link::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.cta-banner svg {
  min-width: 64px;
}

@media (max-width: 767px) {
  .cta-banner__title {
    font-size: 3.125rem;
    line-height: 3.6rem;
  }
}

@media (max-width: 500px) {
  .cta-banner svg {
    min-width: 32px;
  }
}

/* Custom list */

.custom-list {
  display: flex;
  flex-direction: column;
}

.custom-list li {
  display: flex;
  gap: 8px;
}

.custom-list li svg {
  min-width: 22px;
  margin-top: 4px;
}

/* FAQs */

.faqs {
  display: flex;
  gap: 50px;
}

.faqs__accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.faqs__accordion__row {
  background-color: var(--white);
  transition: var(--transition);
  padding: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 4px 0 rgba(38, 70, 83, 0.08);
  width: 100%;
}

.faqs__accordion__row__question {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.faqs__accordion__row__question h4 {
  margin: 0;
  padding-right: 40px;
}

.faqs__accordion__row:hover,
.faqs__accordion__row.active {
  background-color: var(--grey);
}

.faqs__accordion__row svg path {
  transition: var(--transition);
}

.faqs__accordion__row:hover
  .faqs__accordion__row__question__closed
  path:not(:first-of-type) {
  fill: #8ea2b0;
}

.faqs__accordion__row:hover
  .faqs__accordion__row__question__closed
  path:first-of-type {
  fill: var(--dark-blue);
}

.faqs__accordion__row svg {
  position: absolute;
  right: 20px;
  top: 20px;
  transition: transform 0.3s ease-in-out;
}

.faqs__accordion__row .faqs__accordion__row__question__open,
.faqs__accordion__row.active .faqs__accordion__row__question__closed {
  opacity: 0;
}

.faqs__accordion__row.active .faqs__accordion__row__question__open {
  opacity: 1;
}

.faqs__accordion__row .faqs__accordion__row__answer,
.faqs__accordion__row__question__closed path:first-child {
  transition: var(--transition);
}

.faqs__accordion__row.active .faqs__accordion__row__answer {
  margin-top: 15px;
}

.faqs__accordion__row__question__closed path:first-child {
  transform-origin: center;
}

.faqs__accordion__row__answer .button-wrapper {
  margin-bottom: 12px;
}

.faqs {
  display: flex;
}

@media (min-width: 1025px) {
  .faqs__accordion__row:hover
    .faqs__accordion__row__question__closed
    path:first-child {
    transform: rotate(-90deg);
  }
}

@media (max-width: 1024px) {
  .faqs {
    flex-direction: column;
    gap: 20px;
  }
}

/* Full Width Accordion */

.accordions__outer {
  padding: 60px 0 0;
}

.accordions__accordion__row.faqs__accordion__row {
  background-color: transparent;
  padding: 20px 80px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: var(--transition);
  border-bottom: 1px solid var(--grey);
}

.accordions__title .content-wrapper,
.accordions__accordion__row .content-wrapper {
  width: 100%;
  position: relative;
  padding: 0;
}

.accordions__title {
  padding: 0 80px;
}

.accordions__accordion__row__question.faqs__accordion__row__question {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.accordions__accordion__row__question h2 {
  margin-bottom: 8px;
  padding-right: 40px;
}

.accordions__accordion__row
  .faqs__accordion__row__question__closed
  path:first-of-type {
  transition: 0.3s ease-in-out;
}

.accordions__accordion__row:hover
  .faqs__accordion__row__question__closed
  path:not(:first-of-type) {
  fill: #8ea2b0;
}

.accordions__accordion__row:hover
  .faqs__accordion__row__question__closed
  path:first-of-type {
  fill: var(--dark-blue);
}

/* Active question */

.accordions__accordion__row:hover,
.accordions__accordion__row.active {
  background-color: var(--grey);
  border-bottom: 1px solid var(--white);
}

.accordions__accordion__row svg {
  position: absolute;
  right: 20px;
  top: 20px;
}

.accordions__accordion__row .faqs__accordion__row__question__open,
.accordions__accordion__row.active .faqs__accordion__row__question__closed {
  opacity: 0;
}

.accordions__accordion__row.active .faqs__accordion__row__question__open {
  opacity: 1;
}

@media (min-width: 1025px) {
  .accordions__accordion__row:hover
    .faqs__accordion__row__question__closed
    path:first-of-type {
    transform: rotate(-90deg);
  }
}

@media (max-width: 1024px) {
  .accordions__accordion__row__question h2 {
    font-size: 1.5rem;
  }

  .accordions__accordion__row.faqs__accordion__row,
  .accordions__title {
    padding: 20px;
  }

  .faqs__accordion__row svg {
    transform: scale(0.7);
    right: 0;
    top: 0;
  }
}

/* Hero Banner */

.hero-banner__outer {
  position: relative;
  min-height: 655px;
  display: flex;
  align-items: center;
}

.hero-banner__outer::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  mix-blend-mode: multiply;
  opacity: 0.5;
  background: var(--dark-bg);
}

.hero-banner {
  position: relative;
  z-index: 1;
}

.hero-banner__outer {
  background-repeat: no-repeat;
}

.hero-banner {
  padding: 175px 0 95px 0;
}

@media (max-width: 767px) {
  .hero-banner__outer {
    min-height: 718px;
  }
}

/* Icon Columns */

.icon-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 70px 40px;
}

.icon-columns__column {
  position: relative;
  max-width: 413px;
}

.icon-columns__column__icon {
  height: 54px;
}

.icon-columns__column__icon img {
  max-height: 100% !important;
  object-fit: contain;
}

.icon-columns__column .dotted-line {
  margin: 25px 0 45px;
}

@media (min-width: 1025px) {
  .icon-columns__column::after {
    content: "";
    position: absolute;
    top: 175px;
    left: 0;
    height: calc(100% - 175px);
    width: 100%;
    opacity: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
  }

  .icon-columns__column:hover::after {
    opacity: 0;
  }
}

@media (max-width: 1024px) {
  .icon-columns {
    grid-template-columns: 1fr;
  }

  .icon-columns__column {
    max-width: none;
  }
}

/* Image Columns */

.image-columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 70px 40px;
}

.image-columns__column {
  position: relative;
  max-width: 315px;
}

.image-columns__column__image {
  border-radius: var(--border-radius);
  margin-bottom: 40px;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 1025px) {
  .image-columns__column::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
  }

  .image-columns__column:hover::after {
    opacity: 0;
  }
}

@media (max-width: 1250px) {
  .image-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1024px) {
  .image-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .image-columns {
    grid-template-columns: 1fr;
  }

  .image-columns__column {
    max-width: none;
  }
}

/* Issues */

.issues__issues-inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px;
}

.issues__issues-inner__item {
  padding: 20px 20px 40px;
  background-color: var(--white);
  border-radius: var(--border-radius);
  box-shadow: 0 1px 4px 0 rgba(38, 70, 83, 0.08);
  position: relative;
  transition: var(--transition);
  border: 1px solid transparent;
  cursor: pointer;
}

.issues__issues-inner__item svg {
  position: absolute;
  right: 20px;
  top: 20px;
}

.issues__issues-inner__item__title {
  align-items: flex-start;
  display: flex;
  height: 63px;
  max-width: calc(100% - 40px);
  margin-bottom: 14px;
}

.issues__issues-inner__item__title img {
  max-width: 100%;
  object-fit: contain;
  margin-bottom: 10px;
}

.issues__issues-inner__item__title h6 {
  margin: 0;
}

.issues__issues-inner__item__details {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.issues__issues-inner__item__details p {
  margin: 0;
}

.issues__issues-inner__item__details p span {
  font-weight: bold;
  color: var(--primary-green);
}

.issues__issues-inner__item time {
  display: block;
  margin-top: 25px;
}

.issues__issues-inner__item svg path:first-of-type {
  transition: var(--transition);
  transform-origin: center;
}

.issues__issues-inner__item:hover {
  border-color: var(--grey);
}

.issues__issues-inner__item:hover svg path:first-of-type {
  fill: var(--dark-blue);
  transform: rotate(90deg);
}

.issues__issues-inner__item .button {
  bottom: 20px;
  left: 20px;
  opacity: 0;
  position: absolute;
  transition: var(--transition);
  width: calc(100% - 40px);
}

.issues__issues-inner__item:hover .button {
  opacity: 1;
}

@media (max-width: 1360px) {
  .issues__issues-inner {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1100px) {
  .issues__issues-inner {
    grid-template-columns: repeat(3, 1fr);
  }

  .issues__issues-inner__item .button {
    position: static;
    opacity: 1;
    margin-top: 30px;
  }
}

@media (max-width: 850px) {
  .issues__issues-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 570px) {
  .issues__issues-inner {
    grid-template-columns: 1fr;
  }
}

/* Logo Swiper */

.logo-swiper .swiper-wrapper {
  transition-timing-function: linear;
}

.logo-swiper .swiper-wrapper img {
  object-fit: none;
}

/* Quote */

.quote__wrapper__outer {
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.quote__wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.quote {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.quote blockquote {
  text-align: center;
}

.quote__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
}

.quote__tags a::before,
.quote__tags a::after {
  display: none !important;
}

.quote__tags a {
  overflow: visible !important;
  transition: var(--transition);
}

.quote__tags__tag {
  padding: 10px 30px;
  transition: var(--transition);
}

.quote__tags a:hover .quote__tags__tag {
  background-color: var(--white) !important;
  color: var(--dark-blue) !important;
}

.quote__wrapper__outer.js-quote-outer {
  height: calc(100vh + var(--quote-scroll-budget, 150vh));
}

.quote__wrapper.js-quote-wrapper {
  position: sticky;
  top: 0;
  max-height: 100vh;
}

.js-quote-blockquote .q-char {
  opacity: 0.3;
  transition: opacity 0.05s ease;
}

.js-quote-blockquote .q-char.lit {
  opacity: 1;
}

.quote__attribution {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.quote__attribution h6 {
  margin-top: 25px;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .quote__tags {
    flex-direction: column;
    align-items: center;
    gap: 35px;
    width: 100%;
  }

  .quote__tags__tag {
    width: 100%;
    text-align: center;
  }
}

/* Resource Listing */

.resource-listing {
  position: relative;
}

.resource-listing__top {
  padding: 200px 0;
  background-color: var(--dark-bg);
  background-repeat: no-repeat;
  margin-bottom: -200px;
}

.resource-listing__top .content-wrapper .resource-listing__top__inner {
  max-width: 906px;
  margin: 0 auto;
}

.resource-listing__top__inner * {
  text-align: center;
}

/* Featured Post */

.resource-listing__top__featured {
  background-color: var(--white);
  padding: 74px 0 0;
  position: relative;
  margin-top: 100px;
  margin-bottom: -200px;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 4px 0 rgba(38, 70, 83, 0.08);
}

.resource-listing__top__featured__inner {
  padding: 0 40px;
  max-width: 50%;
}

.resource-listing__top__featured__left {
  padding-right: 74px;
  padding-bottom: 74px;
  max-width: 473px;
  margin: 0 auto;
}

.resource-listing__top__featured__left__link {
  margin-top: 40px;
}

.resource-listing__top__featured_image {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 50%;
  max-height: calc(100% - 74px);
  object-fit: cover;
}

.resource-listing__bottom {
  padding: 300px 0 100px 0;
  background-color: var(--light-grey);
}

/* Filters */

.resource-listing__filters {
  margin-bottom: 60px;
  display: flex;
  gap: 57px;
}

.resource-listing__filters fieldset {
  border: none;
  padding: 0;
}

.resource-listing__filters fieldset legend {
  margin-bottom: 23px;
}

/* Types */

.resource-listing__filters__type {
  width: calc(100% + 20px);
  margin-left: -20px;
  padding-left: 20px;
}

.resource-listing__filters__type fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.resource-listing__filters__type label {
  display: inline-block;
  cursor: pointer;
  padding: 10px 30px;
  border: 1px solid var(--grey);
  border-radius: var(--border-radius);
  transition: var(--transition);
}

.resource-listing__filters__type input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.resource-listing__filters__type label:has(input:checked),
.resource-listing__filters__type label:focus-within {
  background-color: var(--dark-blue);
  border-color: var(--dark-blue);
  color: var(--white);
}

/* Grid */

.resource-listing__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}

.resource-listing__grid__item {
  display: flex;
  flex-direction: column;
  position: relative;
}

.resource-listing__grid__item a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (max-width: 1024px) {
  .resource-listing__filters {
    flex-direction: column;
  }

  .resource-listing__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1024px) {
  .resource-listing__top__featured__left {
    padding-right: 0;
  }
}

@media (max-width: 900px) {
  .resource-listing__top__featured {
    padding: 0;
  }

  .resource-listing__top__featured__left {
    padding-top: 74px;
  }

  .resource-listing__top__featured__inner,
  .resource-listing__top__featured__left,
  .resource-listing__top__featured_image {
    max-width: none;
  }

  .resource-listing__top__featured__inner {
    display: flex;
    flex-direction: column-reverse;
  }

  .resource-listing__top__featured_image {
    position: static;
    width: calc(100% + 80px);
    margin-left: -40px;
    aspect-ratio: 8 / 6;
  }
}

@media (max-width: 767px) {
  .resource-listing__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .resource-listing__top__featured_image {
    height: 250px;
  }
}

/* Roadmap */

.switchback {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}

.switchback__media svg {
  height: auto;
}

.switchback__media img {
  border-radius: var(--border-radius);
  width: 100%;
}

.switchback__media object {
  width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .switchback {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* Stat Counter */

.stat-counter {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.stat-counter__stat {
  max-width: 293px;
}

.stat-counter__stat .tag {
  margin-bottom: 0.5rem;
}

.stat-counter__stat .dotted-line {
  margin-bottom: 1.6rem;
}

.stat-counter__stat__wrap {
  margin-bottom: 0;
}

.stat-counter__stat__prefix {
  margin-right: 3px;
}

.stat-counter__stat__suffix {
  margin-left: 3px;
}

@media (max-width: 1024px) {
  .stat-counter__stat__num {
    font-size: 3.203rem;
  }
}

@media (max-width: 767px) {
  .stat-counter {
    grid-template-columns: 1fr;
  }

  .stat-counter__stat {
    max-width: none;
  }
}

/* Switchback Scroller */

.switchback-scroller__outer {
  position: relative;
}

.switchback-scroller__labels {
  display: flex;
  justify-content: space-between;
  position: sticky;
  z-index: 2;
  width: 100%;
  top: 84px;
  padding: 30px 0 60px;
  background: var(--white);
}

.switchback-scroller__labels p {
  margin: 0;
}

.switchback-scroller-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
  position: relative;
}

.switchback-scroller__images {
  position: sticky;
  top: 140px;
  height: calc(100vh - 140px);
  overflow: hidden;
}

.switchback-scroller__image-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.switchback-scroller__image-slide.is-active {
  opacity: 1;
  pointer-events: auto;
}

.switchback-scroller__image-slide img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  border-radius: var(--border-radius);
}

.switchback-scroller__image-slide object {
  width: 100%;
  height: auto;
}

.switchback-scroller__texts {
  display: flex;
  flex-direction: column;
}

.switchback-scroller__text-block {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 0;
}

.switchback-scroller__image-mobile {
  display: none;
}

.switchback-scroller__image-mobile img {
  max-width: 100%;
  height: auto;
  margin-bottom: 24px;
}

@media (min-width: 1025px) {
  .switchback-scroller__progress {
    position: absolute;
    right: 0;
    top: 160px;
    width: 3px;
    height: calc(100% - 260px);
    background: var(--dark-blue-transparent);
  }

  .switchback-scroller__progress::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--scroll-progress, 0%);
    background: var(--primary-green);
  }

  .switchback-scroller__texts {
    padding-right: 40px;
  }
}

@media (max-width: 1024px) {
  .switchback-scroller__labels {
    position: relative;
    top: unset;
  }

  .switchback-scroller__labels > div {
    display: none;
  }

  .switchback-scroller-wrapper {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .switchback-scroller__images {
    display: none;
  }

  .switchback-scroller__image-mobile {
    display: block;
    margin-bottom: 25px;
  }

  .switchback-scroller__text-block {
    min-height: unset;
    padding: 40px 0;
  }
}

/* Switchback */

.switchback {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}

.switchback__media svg {
  height: auto;
}

.switchback__media img {
  border-radius: var(--border-radius);
  width: 100%;
}

.switchback__media object {
  width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .switchback {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* Tabber */

.tabber {
  border-bottom: 1px solid #e4eaee;
  padding-bottom: 100px;
}

.tabber-titles {
  display: flex;
  margin-bottom: 80px;
  overflow: scroll;

  /* Hide scrollbar - Firefox */
  scrollbar-width: none;
}

.tabber-titles::-webkit-scrollbar {
  display: none;
}

button.tabber-titles__title,
button.tabber-titles__title:hover,
button.tabber-titles__title:focus {
  min-width: 229px;
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 30px;
  color: var(--blue);
  transition: var(--transition);
}

button.tabber-titles__title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: var(--dark-blue);
  opacity: 0.1;
  transition: var(--transition);
}

button.tabber-titles__title.active {
  color: var(--dark-blue);
}

button.tabber-titles__title.active::after {
  opacity: 1;
}

.tabber__tabs__tab {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}

.tabber__tabs__tab:not(.active) {
  display: none;
}

.tabber__tabs__tab__right img {
  border-radius: var(--border-radius);
}

.tabber__tabs__tab__right object {
  width: 100%;
}

@media (max-width: 1024px) {
  .tabber__tabs__tab {
    grid-template-columns: 1fr;
  }

  button.tabber-titles__title,
  button.tabber-titles__title:hover,
  button.tabber-titles__title:focus {
    min-width: 155px;
    padding: 0 20px 20px;
    margin-bottom: 15px;
  }
}

/* Team Members */

.team-members {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.team-members__team-member {
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0 1px 4px 0 rgba(38, 70, 83, 0.08);
}

.team-members__team-member__image {
  height: 262px;
  width: 100%;
}

.team-members__team-member__image.transparent {
  background-color: var(--dark-bg);
}

.team-members__team-member__image img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  border-radius: var(--border-radius);
}

.team-members__team-member__image.transparent img {
  object-fit: none;
}

.team-members__team-member__content {
  background-color: var(--white);
  padding: 30px;
}

.team-members__team-member__content h5 {
  margin-bottom: 7px;
}

.team-members__team-member__content__link-wrap {
  display: flex;
  align-items: center;
  gap: 13px;
  color: var(--blue);
}

@media (max-width: 880px) {
  .team-members {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

@media (max-width: 450px) {
  .team-members {
    grid-template-columns: 1fr;
  }
}

/* Timeline Slider */

.timeline-slider__title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
}

.timeline-slider__navigation {
  display: flex;
  gap: 25px;
}

.timeline-slider__swiper {
  overflow: visible;
}

.timeline-slider__swiper::after {
  content: "";
  position: absolute;
  left: -100vw;
  top: 85px;
  width: 200vw;
  height: 1px;
  background-color: var(--grey);
}

.timeline-slider__swiper__slide__title {
  margin-bottom: 60px;
}

.timeline-slider__navigation__prev svg g path:first-of-type,
.timeline-slider__navigation__next svg g path:first-of-type,
.timeline-slider__navigation__prev svg g path:nth-of-type(2),
.timeline-slider__navigation__next svg g path:nth-of-type(2) {
  transition: var(--transition);
}

.timeline-slider__navigation__prev svg g path:nth-of-type(2) {
  transform: translateX(45px);
}

.timeline-slider__navigation__next svg g path:nth-of-type(2) {
  transform: translateX(-45px);
}

.timeline-slider__navigation__prev svg:hover g path:first-of-type {
  transform: translateX(-45px);
}

.timeline-slider__navigation__next svg:hover g path:first-of-type {
  transform: translateX(45px);
}

.timeline-slider__navigation__prev svg:hover g path:nth-of-type(2) {
  transform: translateX(0);
}

.timeline-slider__navigation__next svg:hover g path:nth-of-type(2) {
  transform: translateX(0);
}

@media (max-width: 767px) {
  .timeline-slider {
    padding-bottom: 90px;
    position: relative;
  }

  .timeline-slider__title {
    flex-direction: column;
    margin-bottom: 30px;
  }

  .timeline-slider__navigation {
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

/* Video Banner */

.video-banner__outer {
  position: relative;
  min-height: 956px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 36px;
}

.video-banner__outer.overlay::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--dark-bg);
  opacity: 0.3;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.video-banner__video-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.video-banner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.video-banner h1 {
  text-align: center;
}

.video-banner__content {
  max-width: 645px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.video-banner__content * {
  text-align: center;
}

.video-banner__content .button-wrapper {
  justify-content: center;
  margin-top: 50px;
}

/* Logo Swiper */

.video-banner__logo-swiper__title {
  text-align: center;
}

.video-banner__logo-swiper__outer {
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 800px;
  z-index: 1;
}

.video-banner__logo-swiper {
  width: 100%;
}

.video-banner__logo-swiper .swiper-wrapper {
  transition-timing-function: linear;
}

.video-banner__logo-swiper .swiper-wrapper img {
  object-fit: none;
}

#video-modal-button {
  display: flex;
  gap: 6px;
}

@media (max-width: 767px) {
  .video-banner__outer {
    min-height: 718px;
  }
}

/* Utilities */

.dotted-line {
  height: 1.5px;
  background-image: radial-gradient(
    circle,
    var(--dark-blue) 0.75px,
    transparent 0.75px
  );
  background-size: 10.1px 1.5px;
  background-repeat: repeat-x;
}

.content-light .dotted-line {
  background-image: radial-gradient(
    circle,
    var(--white) 0.75px,
    transparent 0.75px
  );
}

/* For content that needs to be visually hidden but stay visible for screenreaders */

/* stylelint-disable declaration-no-important */
.show-for-sr {
  position: absolute !important;
  overflow: hidden !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    position: absolute !important;
    overflow: hidden !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }
}
/* stylelint-enable declaration-no-important */