.cookie-banner {
  display: none !important;
}

@media screen and (max-width: 767px) {
  #logo-img-tel {

    width: 80px;
    height: auto;

  }

  #logo-img-pc{
    
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    
  }


}
img[data-src="static/dy_images/wp-content/uploads/2024/03/logo-mlp.png"] {
  opacity: 1 !important;
}

@media screen and (min-width: 767px) {
  #logo-img-pc {
    display: block;height: 120px;width: auto;margin: 0 auto;
    padding: 15px 0;
    width: auto;
    
  }

  #logo-img-tel,.header__logo-wrapper {
    width: 0px !important;
    height: 0px !important;
    display: none !important;

  }
}



.header__nav-item.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-198.current_page_item {
  display: none !important;
}

.btn-play-trigger.js-fake-video-trigger,
.homepageHero__cta-wrapper {
  display: none !important;
}

@import url(css2.css);
@import url(emy1ptx.css);

:root,
[data-theme=mlp] {
  --primary-color: #0032ff;
  --secondary-color: #071945;
  --tertiary-color: #eaf3f8;
  --emphasis-color: #20caa6;
  --black: rgb(0, 0, 0);
  --white: rgb(255, 255, 255);
  --blue: #0032ff
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important
}

.img-full-width {
  width: 100%
}

.text-align-left {
  text-align: left
}

.text-align-right {
  text-align: right
}

.text-align-center {
  text-align: center
}

.uppercase {
  text-transform: uppercase
}

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

.bare-btn {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer
}

@media screen and (min-width: 768px) {
  br.mb {
    display: none
  }
}

br.dt {
  display: none
}

@media screen and (min-width: 768px) {
  br.dt {
    display: unset
  }
}

.no-scroll {
  overflow: hidden;
  height: 100%
}

.underline {
  text-decoration: none
}

@media screen and (min-width: 768px)and (hover: hover) {
  .underline:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 3px
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.1;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

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

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none;
  width: 100%
}

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

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

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

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

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

fieldset {
  padding: .35em .75em .625em
}

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

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

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

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

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

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

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

body {
  background-color: var(--white)
}

body.lock {
  overflow: hidden
}

.preload * {
  transition: none !important
}

[data-src]:not([data-animation]),
[data-bg],
.lazy:not([data-animation]) {
  opacity: 0;
  transition: opacity .2s ease-out
}

[data-bg].loaded,
[data-src].loaded:not([data-animation]),
.lazy.loaded:not([data-animation]) {
  opacity: 1
}

body:has(.hse),
html:has(.hse) {
  overscroll-behavior-y: none
}

body {
  font-family: nimbus-sans, sans-serif;
  color: var(--primary-color)
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
  padding: 0
}

h1,
.h1 {
  font-family: "Prata", serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0
}

@media screen and (min-width: 768px) {

  h1,
  .h1 {
    font-family: "Prata", serif;
    font-size: 5.625rem;
    font-weight: 400;
    line-height: 1.2
  }
}

h2,
.h2 {
  font-family: "Prata", serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .0675rem
}

@media screen and (min-width: 768px) {

  h2,
  .h2 {
    font-family: "Prata", serif;
    font-size: 4.5rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .135rem
  }
}

h3,
.h3 {
  font-family: "Prata", serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .06rem
}

@media screen and (min-width: 768px) {

  h3,
  .h3 {
    font-family: "Prata", serif;
    font-size: 3.25rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .0975rem
  }
}

h4,
.h4 {
  font-family: "Prata", serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .05625rem
}

@media screen and (min-width: 768px) {

  h4,
  .h4 {
    font-family: "Prata", serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.2
  }
}

h5,
.h5 {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: .01625rem
}

@media screen and (min-width: 768px) {

  h5,
  .h5 {
    font-family: nimbus-sans, sans-serif;
    font-size: 3.25rem;
    font-weight: 300;
    line-height: 110%
  }
}

h6,
.h6 {
  font-family: nimbus-sans, sans-serif;
  font-size: 2.875rem;
  font-weight: 300;
  line-height: 110%
}

@media screen and (min-width: 768px) {

  h6,
  .h6 {
    font-family: nimbus-sans, sans-serif;
    font-size: 2.875rem;
    font-weight: 300;
    line-height: 110%
  }
}

.component-headline {
  font-family: "Prata", serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .06rem
}

@media screen and (min-width: 768px) {
  .component-headline {
    font-family: "Prata", serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.2
  }
}

p,
.p {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .63px
}

@media screen and (min-width: 768px) {

  p,
  .p {
    font-family: nimbus-sans, sans-serif;
    font-size: 1.3125rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .63px
  }
}

.p-lg {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: .045rem
}

@media screen and (min-width: 768px) {
  .p-lg {
    font-family: nimbus-sans, sans-serif;
    font-size: 2.125rem;
    font-weight: 300;
    line-height: 110%
  }
}

.p-lg-bold {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: .045rem
}

@media screen and (min-width: 768px) {
  .p-lg-bold {
    font-family: nimbus-sans, sans-serif;
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 110%
  }
}

.p-sm {
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03rem
}

@media screen and (min-width: 768px) {
  .p-sm {
    font-family: nimbus-sans, sans-serif;
    font-size: 1.1875rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .035625rem
  }
}

.label-lg {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .13125rem;
  text-transform: uppercase
}

.label-sm {
  font-family: nimbus-sans, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .075rem;
  text-transform: uppercase
}

@media screen and (min-width: 768px) {
  .label-sm {
    font-family: nimbus-sans, sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .10625rem;
    text-transform: uppercase
  }
}

.label-card-eyebrow {
  font-family: nimbus-sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: .09375rem
}

.label-card-title {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.1875rem;
  font-weight: 400;
  line-height: 120%
}

.label-card-tag {
  font-family: nimbus-sans, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 120%
}

.stat-label {
  font-family: Prata;
  font-size: 2rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .06rem
}

@media screen and (min-width: 768px) {
  .stat-label {
    font-family: Prata;
    font-size: 5.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: .12rem
  }
}

a {
  color: inherit
}

.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.wysiwyg ul,
.wysiwyg ol,
.wysiwyg p {
  margin-bottom: 1rem
}

.wysiwyg p:last-child,
.wysiwyg .p:last-child {
  margin-bottom: 0
}

.wysiwyg a:not([class]),
.wysiwyg a:not([class]):visited,
.wysiwyg a:not([class]):active,
.wysiwyg a:not([class]):hover {
  text-decoration-line: underline;
  text-decoration-color: var(--primary-color);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  color: inherit
}

@media screen and (min-width: 768px)and (hover: hover) {

  .wysiwyg a:not([class]):hover,
  .wysiwyg a:not([class]):visited:hover,
  .wysiwyg a:not([class]):active:hover,
  .wysiwyg a:not([class]):hover:hover {
    text-decoration-line: underline;
    text-decoration-color: var(--emphasis-color);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px
  }
}

.wysiwyg a:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

.divider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .0625rem;
  background-color: var(--primary-color);
  border: none;
  margin: 0;
  box-shadow: none
}

.btn {
  --btn-color: #0032ff;
  --btn-hover-color: #0032ff;
  --btn-bg-color: rgb(255, 255, 255);
  --btn-hover-bg-color: rgb(255, 255, 255);
  --btn-border-color: #0032ff;
  --btn-hover-border-color: #20caa6;
  --btn-focus-color: #20caa6;
  --btn-disabled-color: gray-a;
  --btn-disabled-bg-color: gray-d;
  --btn-disabled-border-color: gray-a
}

.btn[data-skin=light] {
  --btn-color: #0032ff;
  --btn-hover-color: #0032ff;
  --btn-bg-color: rgb(255, 255, 255);
  --btn-hover-bg-color: rgb(255, 255, 255);
  --btn-border-color: #0032ff;
  --btn-hover-border-color: #20caa6;
  --btn-focus-color: #20caa6;
  --btn-disabled-color: gray-a;
  --btn-disabled-bg-color: gray-d;
  --btn-disabled-border-color: gray-a
}

.btn-cta {
  --btn-color: #0032ff;
  --btn-hover-color: #0032ff;
  --btn-border-color: #0032ff;
  --btn-mb-border-color: #0032ff;
  --btn-hover-border-color: #20caa6;
  --btn-focus-color: #20caa6;
  --btn-disabled-color: gray-a;
  --btn-disabled-bg-color: gray-d;
  --btn-disabled-border-color: gray-a
}

.btn-cta[data-skin=light] {
  --btn-color: rgb(255, 255, 255);
  --btn-hover-color: #20caa6;
  --btn-border-color: rgb(255, 255, 255);
  --btn-mb-border-color: #20caa6;
  --btn-hover-border-color: #20caa6;
  --btn-focus-color: #20caa6;
  --btn-disabled-color: gray-a;
  --btn-disabled-bg-color: gray-d;
  --btn-disabled-border-color: gray-a
}

.btn-play,
.btn-play-trigger,
.btn-close {
  --btn-bg-color: #0032ff;
  --btn-icon-color: rgb(255, 255, 255)
}

.btn-close[data-skin=light] {
  --btn-bg-color: rgba(255, 255, 255, 0.5);
  --btn-icon-color: #0032ff
}

.btn {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  border-radius: 0;
  background-color: var(--btn-bg-color);
  color: var(--btn-color);
  padding: 1.1875rem .9375rem;
  border: 2px solid var(--btn-border-color);
  font-size: 1.3125rem;
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  letter-spacing: .08em;
  transition: background-color .2s ease-out, border .2s ease-out;
  box-sizing: border-box
}

.btn:focus-visible {
  outline: 2px solid var(--btn-focus-color)
}

.btn.disabled,
.btn[disabled] {
  background-color: var(--btn-disabled-bg-color);
  border: 2px solid var(--btn-disabled-border-color);
  color: var(--btn-disabled-color);
  cursor: default
}

@media screen and (min-width: 768px)and (hover: hover) {
  .btn:hover {
    border: 2px solid var(--btn-hover-border-color)
  }
}

.btn-cta {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 1rem 6rem 1rem 1.25rem;
  min-width: 12.5rem;
  height: 3.75rem;
  box-sizing: border-box;
  color: var(--btn-color);
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid var(--btn-mb-border-color);
  border-radius: 0;
  font-size: 1.125rem;
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  transition: border .2s ease-out
}

.btn-cta:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

.btn-cta::before {
  content: "";
  width: 2.1875rem;
  height: .0625rem;
  background-color: var(--btn-color);
  position: absolute;
  top: 50%;
  transform-origin: center;
  transition: transform .2s ease-out .2s, right .2s ease-out;
  transform: translateY(-50%) rotate(0deg);
  right: 1.75rem
}

.btn-cta::after {
  content: "";
  width: .5625rem;
  height: .5625rem;
  border-right: .0625rem solid var(--btn-color);
  border-top: .0625rem solid var(--btn-color);
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  transition: opacity .2s ease-out .2s, right .2s ease-out .2s;
  right: 1.25rem
}

.btn-cta:disabled,
.btn-cta:disabled:hover {
  color: var(--btn-disabled-color)
}

@media screen and (min-width: 768px) {
  .btn-cta {
    font-size: 1.3125rem;
    border: 2px solid var(--btn-border-color);
    padding: 1rem 6.25rem 1rem 1.25rem
  }

  .btn-cta::before {
    content: "";
    width: 2.1875rem;
    height: .0625rem;
    background-color: var(--btn-color);
    position: absolute;
    top: 50%;
    right: .75rem;
    transform-origin: center;
    transition: transform .2s ease-out .2s, right .2s ease-out;
    transform: translateY(-50%) rotate(-45deg)
  }

  .btn-cta::after {
    content: "";
    width: .5625rem;
    height: .5625rem;
    border-right: .0625rem solid var(--btn-color);
    border-top: .0625rem solid var(--btn-color);
    position: absolute;
    top: 50%;
    right: .75rem;
    transform: translateY(-50%) rotate(45deg);
    transition: opacity .2s ease-out .2s, right .2s ease-out .2s;
    opacity: 0
  }
}

@media screen and (min-width: 768px)and (hover: hover) {
  .btn-cta:hover {
    border: 2px solid var(--btn-hover-border-color)
  }

  .btn-cta:hover::before {
    transition: transform .2s ease-out, right .2s ease-out .2s;
    transform: translateY(-50%) rotate(0deg);
    right: 1.75rem
  }

  .btn-cta:hover::after {
    opacity: 1;
    right: 1.25rem
  }
}

.btn-play,
.btn-play-trigger {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background-color: var(--btn-bg-color)
}

.btn-play-icon,
.btn-play-trigger-icon {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform-origin: center;
  width: 1px;
  height: 1px
}

.btn-play-icon-bar,
.btn-play-trigger-icon-bar {
  position: absolute;
  display: block;
  width: 1px;
  height: 16px;
  background-color: var(--btn-icon-color);
  transition: .1s transform ease-out
}

.btn-play-icon-bar:nth-child(1),
.btn-play-trigger-icon-bar:nth-child(1) {
  top: -8px;
  left: -8px;
  transform-origin: center
}

.btn-play-icon-bar:nth-child(2),
.btn-play-trigger-icon-bar:nth-child(2) {
  top: -15px;
  left: 2px;
  transform-origin: center;
  transform: rotate(-56deg)
}

.btn-play-icon-bar:nth-child(3),
.btn-play-trigger-icon-bar:nth-child(3) {
  top: -2px;
  left: 2px;
  transform-origin: center;
  transform: rotate(56deg)
}

.btn-play:focus-visible,
.btn-play-trigger:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

@media screen and (min-width: 768px) {

  .btn-play,
  .btn-play-trigger {
    width: 5.625rem;
    height: 5.625rem
  }

  .btn-play-icon-bar,
  .btn-play-trigger-icon-bar {
    width: 1.5px;
    height: 1.4375rem
  }

  .btn-play-icon-bar:nth-child(1),
  .btn-play-trigger-icon-bar:nth-child(1) {
    top: -11px;
    left: -10px
  }

  .btn-play-icon-bar:nth-child(2),
  .btn-play-trigger-icon-bar:nth-child(2) {
    top: -20px;
    left: 3px
  }

  .btn-play-icon-bar:nth-child(3),
  .btn-play-trigger-icon-bar:nth-child(3) {
    top: -2px;
    left: 3px
  }
}

@media screen and (min-width: 768px)and (hover: hover) {

  .btn-play:hover .btn-play-icon-bar:nth-child(1),
  .btn-play:hover .btn-play-trigger-icon-bar:nth-child(1),
  .btn-play-trigger:hover .btn-play-icon-bar:nth-child(1),
  .btn-play-trigger:hover .btn-play-trigger-icon-bar:nth-child(1) {
    transform: translateX(-2px)
  }

  .btn-play:hover .btn-play-icon-bar:nth-child(2),
  .btn-play:hover .btn-play-trigger-icon-bar:nth-child(2),
  .btn-play-trigger:hover .btn-play-icon-bar:nth-child(2),
  .btn-play-trigger:hover .btn-play-trigger-icon-bar:nth-child(2) {
    transform: rotate(-56deg) translate(2px, 0px)
  }

  .btn-play:hover .btn-play-icon-bar:nth-child(3),
  .btn-play:hover .btn-play-trigger-icon-bar:nth-child(3),
  .btn-play-trigger:hover .btn-play-icon-bar:nth-child(3),
  .btn-play-trigger:hover .btn-play-trigger-icon-bar:nth-child(3) {
    transform: rotate(56deg) translate(2px, 0px)
  }
}

.btn-close {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background-color: var(--btn-bg-color)
}

.btn-close-icon {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform-origin: center;
  width: 1px;
  height: 1px
}

.btn-close-icon-bar {
  position: absolute;
  display: block;
  width: 1px;
  background-color: var(--btn-icon-color);
  transition: .1s transform ease-out
}

.btn-close-icon-bar:nth-child(1) {
  top: -12px;
  left: 0;
  height: 24px;
  transform-origin: center;
  transform: rotate(45deg)
}

.btn-close-icon-bar:nth-child(2) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-45deg) translate(4px, -11px)
}

.btn-close-icon-bar:nth-child(3) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-45deg) translate(4px, 4px)
}

.btn-close:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

@media screen and (min-width: 768px)and (hover: hover) {
  .btn-close:hover .btn-close-icon-bar:nth-child(2) {
    transform: rotate(-45deg) translate(4px, -14px)
  }

  .btn-close:hover .btn-close-icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(4px, 7px)
  }
}

.header {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 7000;
  padding-top: 3.625rem;
  padding-bottom: 1.625rem;
  will-change: transform;
  transform: translateZ(0);
  position: fixed
}

.header a:focus-visible {
  outline: 2px solid var(--emphasis-color);
  display: inline
}

@media screen and (min-width: 1200px) {
  .header {
    padding-top: 2.0625rem;
    padding-bottom: 1.875rem
  }

  .header:hover::before {
    transition-delay: .25s
  }

  .header:has(.header__nav-item[data-has-children]:hover)::before,
  .header:has(.header__nav-item[data-has-children]>.header__parent-link:focus-visible, .header__nav-item[data-has-children]>.header__utility-link:focus-visible)::before,
  .header:has(.header__nav-item[data-has-children]:focus-within)::before {
    height: calc(var(--header-height) + var(--subnav-height, 1px) - 2.5rem)
  }

  .header:has(.header__nav-item[data-has-children]:hover) .header__nav-item[data-has-children]:hover>.header__parent-link::before,
  .header:has(.header__nav-item[data-has-children]:hover) .header__nav-item[data-has-children]:hover>.header__utility-link::before,
  .header:has(.header__nav-item[data-has-children]:hover) .header__nav-item[data-has-children]>.header__parent-link:focus-visible::before,
  .header:has(.header__nav-item[data-has-children]:hover) .header__nav-item[data-has-children]>.header__utility-link:focus-visible::before,
  .header:has(.header__nav-item[data-has-children]:hover) .header__nav-item[data-has-children]:focus-within>.header__parent-link::before,
  .header:has(.header__nav-item[data-has-children]:hover) .header__nav-item[data-has-children]:focus-within>.header__utility-link::before,
  .header:has(.header__nav-item[data-has-children]>.header__parent-link:focus-visible, .header__nav-item[data-has-children]>.header__utility-link:focus-visible) .header__nav-item[data-has-children]:hover>.header__parent-link::before,
  .header:has(.header__nav-item[data-has-children]>.header__parent-link:focus-visible, .header__nav-item[data-has-children]>.header__utility-link:focus-visible) .header__nav-item[data-has-children]:hover>.header__utility-link::before,
  .header:has(.header__nav-item[data-has-children]>.header__parent-link:focus-visible, .header__nav-item[data-has-children]>.header__utility-link:focus-visible) .header__nav-item[data-has-children]>.header__parent-link:focus-visible::before,
  .header:has(.header__nav-item[data-has-children]>.header__parent-link:focus-visible, .header__nav-item[data-has-children]>.header__utility-link:focus-visible) .header__nav-item[data-has-children]>.header__utility-link:focus-visible::before,
  .header:has(.header__nav-item[data-has-children]>.header__parent-link:focus-visible, .header__nav-item[data-has-children]>.header__utility-link:focus-visible) .header__nav-item[data-has-children]:focus-within>.header__parent-link::before,
  .header:has(.header__nav-item[data-has-children]>.header__parent-link:focus-visible, .header__nav-item[data-has-children]>.header__utility-link:focus-visible) .header__nav-item[data-has-children]:focus-within>.header__utility-link::before,
  .header:has(.header__nav-item[data-has-children]:focus-within) .header__nav-item[data-has-children]:hover>.header__parent-link::before,
  .header:has(.header__nav-item[data-has-children]:focus-within) .header__nav-item[data-has-children]:hover>.header__utility-link::before,
  .header:has(.header__nav-item[data-has-children]:focus-within) .header__nav-item[data-has-children]>.header__parent-link:focus-visible::before,
  .header:has(.header__nav-item[data-has-children]:focus-within) .header__nav-item[data-has-children]>.header__utility-link:focus-visible::before,
  .header:has(.header__nav-item[data-has-children]:focus-within) .header__nav-item[data-has-children]:focus-within>.header__parent-link::before,
  .header:has(.header__nav-item[data-has-children]:focus-within) .header__nav-item[data-has-children]:focus-within>.header__utility-link::before {
    transform: rotate(0deg)
  }

  .header:not(.header--collapsed)::before {
    height: var(--header-height)
  }
}

.header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: height .3s ease-out, background-color .3s, opacity .3s, -webkit-backdrop-filter .3s;
  transition: height .3s ease-out, background-color .3s, opacity .3s, backdrop-filter .3s;
  transition: height .3s ease-out, background-color .3s, opacity .3s, backdrop-filter .3s, -webkit-backdrop-filter .3s;
  background-color: var(--white);
  min-height: var(--header-height);
  -webkit-backdrop-filter: saturate(60%) blur(45px);
  backdrop-filter: saturate(60%) blur(45px);
  transform: translate(0)
}

@media screen and (min-width: 1200px) {
  .header::before {
    max-height: 90vh
  }
}

.header>.container {
  position: static
}

.header__nav {
  display: none;
  height: 0;
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: 100%;
  z-index: 7000;
  padding: 1.875rem 1.5625rem 3.3125rem;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1.25rem;
  transition: opacity .3s;
  overflow-y: auto;
  box-sizing: border-box;
  animation: mobile-nav-open-animation .3s forwards;
  justify-content: space-between;
  gap: 2.5rem
}

@media screen and (min-width: 1200px) {
  .header__nav {
    display: flex;
    position: static;
    height: auto;
    background: rgba(0, 0, 0, 0);
    padding-top: 0;
    opacity: 1;
    padding: 0;
    animation: none;
    flex-direction: row;
    top: unset;
    z-index: unset
  }
}

.header__nav-list {
  display: flex;
  flex-direction: column;
  gap: 3.4375rem;
  padding: 0 1.25rem;
  align-self: stretch;
  line-height: 1.2
}

@media screen and (min-width: 1200px) {
  .header__nav-list {
    display: flex;
    align-items: center;
    gap: 1.875rem;
    padding: 0;
    flex-direction: row
  }
}

@media screen and (min-width: 1200px) {
  .header__nav-item {
    line-height: 1.2;
    display: block
  }

  .header__nav-item[data-has-children]:hover .header__subnav,
  .header__nav-item[data-has-children]:focus-within .header__subnav {
    height: auto;
    display: flex
  }
}

.header__logo {
  width: 10.375rem;
  height: auto
}

.header__logo-link {
  display: block;
  text-decoration: none;
  line-height: 1;
  font-size: 0
}

.header__logo-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative
}

.header__svg {
  width: 10.375rem;
  height: auto
}

.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media screen and (min-width: 1200px) {
  .header__inner {
    flex-direction: row;
    gap: 5.625rem
  }
}

.header__hamburger {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  z-index: 7000;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center
}

.header__hamburger::before,
.header__hamburger::after {
  content: "";
  position: absolute;
  width: 100%;
  height: .125rem;
  /* background-color: var(--primary-color); */
  background-color: #0032ff;
  transition: transform .3s ease-in
}

.header__hamburger::after {
  transform: translateX(5px) rotate(-60deg)
}

.header__hamburger::before {
  transform: translateX(-5px) rotate(-60deg)
}

@media screen and (min-width: 1200px) {
  .header__hamburger-wrapper {
    display: none
  }
}

.header__parent-link,
.header__utility-link {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  color: var(--primary-color);
  
  font-size: 2.625rem;
  padding-right: 3.125rem;
  margin-bottom: 2.0625rem;
  display: block;
  font-weight: 300;
  white-space: nowrap;
  line-height: 1
}

.header__parent-link::before,
.header__utility-link::before {
  content: "";
  height: .0625rem;
  background-color: var(--primary-color);

 
  position: absolute;
  top: 50%;
  right: 0;
  transform-origin: center;
  transition: transform .2s ease-out;
  width: 2.5rem;
  transform: rotate(-55deg) translateY(-50%);
  pointer-events: none
}

@media screen and (min-width: 1200px) {

  .header__parent-link::before,
  .header__utility-link::before {
    background-color: var(--primary-color);
  
    width: 1.25rem;
    display: block;
    transition: transform .2s ease-out .2s, right .2s ease-out
  }
}

.header__parent-link::after,
.header__utility-link::after {
  content: "";
  opacity: 0;
  transition: opacity .2s ease-out .2s, right .2s ease-out .2s;
  width: .5625rem;
  height: .5625rem;
  border-right: .0625rem solid var(--primary-color);
  border-top: .0625rem solid var(--primary-color); 

 
  position: absolute;
  top: calc(50% + .03125rem);
  transform: translateY(-50%) rotate(45deg);
  right: .125rem;
  pointer-events: none
}

.header__parent-link:last-child,
.header__utility-link:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 1200px) {

  .header__parent-link:not([data-has-children])::before,
  .header__utility-link:not([data-has-children])::before {
    display: none
  }
}

.header__parent-link[aria-expanded=true]::before,
[aria-expanded=true].header__utility-link::before {
  transform: rotate(0deg)
}

@media screen and (max-width: 1200px) {

  .header__parent-link:nth-child(1),
  .header__utility-link:nth-child(1) {
    transform: translateY(-25px)
  }

  .header__parent-link:nth-child(2),
  .header__utility-link:nth-child(2) {
    transform: translateY(-50px)
  }

  .header__parent-link:nth-child(3),
  .header__utility-link:nth-child(3) {
    transform: translateY(-75px)
  }

  .header__parent-link:nth-child(4),
  .header__utility-link:nth-child(4) {
    transform: translateY(-100px)
  }

  .header__parent-link:nth-child(5),
  .header__utility-link:nth-child(5) {
    transform: translateY(-125px)
  }

  .header__parent-link:nth-child(6),
  .header__utility-link:nth-child(6) {
    transform: translateY(-150px)
  }

  .header__parent-link:nth-child(7),
  .header__utility-link:nth-child(7) {
    transform: translateY(-175px)
  }

  .header__parent-link:nth-child(8),
  .header__utility-link:nth-child(8) {
    transform: translateY(-200px)
  }

  .header__parent-link:nth-child(9),
  .header__utility-link:nth-child(9) {
    transform: translateY(-225px)
  }

  .header__parent-link:nth-child(10),
  .header__utility-link:nth-child(10) {
    transform: translateY(-250px)
  }
}

@media screen and (min-width: 1200px) {

  .header__parent-link,
  .header__utility-link {
    color: var(--primary-color);
    font-size: 1.25rem;
    margin: 0;
    padding-right: 2.0625rem;
    font-weight: 400;
    line-height: 1.2
  }

  .header__parent-link:hover::before,
  .header__utility-link:hover::before,
  .header__parent-link:focus-visible::before,
  .header__utility-link:focus-visible::before {
    transform: rotate(0deg)
  }

  .header__parent-link:hover::after,
  .header__utility-link:hover::after,
  .header__parent-link:focus-visible::after,
  .header__utility-link:focus-visible::after {
    opacity: 1
  }

  .header__parent-link:hover::before,
  .header__utility-link:hover::before,
  .header__parent-link:focus-visible::before,
  .header__utility-link:focus-visible::before {
    transition: transform .2s ease-out, right .2s ease-out .2s;
    right: .5rem
  }
}

.header__subnav {
  position: relative;
  height: 0;
  top: 0;
  overflow: hidden;
  transition: height .3s ease-out
}

@media screen and (min-width: 1200px) {
  .header__subnav {
    z-index: 7000;
    position: absolute;
    top: calc(var(--header-height) - 1.875rem);
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 0;
    align-items: center;
    justify-content: flex-start;
    display: none;
    transition: opacity .3s;
    padding-top: 3.125rem;
    padding-bottom: 3.75rem;
    align-items: start;
    box-sizing: border-box
  }
}

.header__subnav>.container {
  width: 100%
}

@media screen and (max-width: 1200px) {
  .header__subnav>.container {
    padding: 0 0 3.75rem;
    margin-left: 0
  }
}

@media screen and (min-width: 1200px) {
  .header__subnav>.container {
    padding-left: 0;
    margin-left: var(--parent-link-position, auto)
  }
}

.header__subnav-list {
  display: flex;
  flex-direction: column;
  gap: 1.875rem
}

@media screen and (min-width: 1200px) {
  .header__subnav-list {
    gap: 2.1875rem
  }
}

.header__subnav-link {
  text-decoration: none;
  color: var(--primary-color);
  font-family: nimbus-sans, sans-serif;
  font-size: 1.625rem;
  line-height: normal;
  font-weight: 400
}

@media screen and (min-width: 1200px) {
  .header__subnav-link {
    color: var(--primary-color);
    font-size: 1.6875rem;
    opacity: 0;
    animation: subnav-link-animation .3s forwards .4s;
    display: inline-block;
    padding-left: 1.875rem;
    position: relative
  }
}

.header__subnav-link::before {
  display: none
}

@media screen and (min-width: 1200px) {
  .header__subnav-link::before {
    content: "";
    height: .0625rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform-origin: center;
    transform: rotate(-55deg);
    transition: transform .2s ease-out .2s, left .2s ease-out;
    background-color: var(--primary-color);
    display: inline-block;
    width: 1.25rem
  }
}

@media screen and (min-width: 1200px) {
  .header__subnav-link::after {
    content: "";
    width: .5625rem;
    height: .5625rem;
    border-right: .0625rem solid var(--primary-color);
    border-top: .0625rem solid var(--primary-color);
    position: absolute;
    top: calc(50% + .03125rem);
    transform: translateY(-50%) rotate(45deg);
    transition: opacity .2s ease-out .2s;
    left: .5rem;
    opacity: 0
  }
}

.header__subnav-link:hover::before,
.header__subnav-link:focus-visible::before {
  transform: rotate(0deg);
  transition: transform .2s ease-out, left .2s ease-out .2s;
  left: -0.5rem
}

.header__subnav-link:hover::after,
.header__subnav-link:focus-visible::after {
  opacity: 1
}

@media screen and (max-width: 1200px) {
  .header__subnav-item {
    transition: transform .3s
  }

  .header__subnav-item:nth-child(1) {
    transform: translateY(-20px)
  }

  .header__subnav-item:nth-child(2) {
    transform: translateY(-40px)
  }

  .header__subnav-item:nth-child(3) {
    transform: translateY(-60px)
  }

  .header__subnav-item:nth-child(4) {
    transform: translateY(-80px)
  }

  .header__subnav-item:nth-child(5) {
    transform: translateY(-100px)
  }

  .header__subnav-item:nth-child(6) {
    transform: translateY(-120px)
  }

  .header__subnav-item:nth-child(7) {
    transform: translateY(-140px)
  }

  .header__subnav-item:nth-child(8) {
    transform: translateY(-160px)
  }

  .header__subnav-item:nth-child(9) {
    transform: translateY(-180px)
  }

  .header__subnav-item:nth-child(10) {
    transform: translateY(-200px)
  }
}

.header__subnav.expanded .header__subnav-item {
  transform: translateY(0)
}

.header__desktop-nav {
  display: none
}

@media screen and (min-width: 1200px) {
  .header__desktop-nav {
    display: flex;
    align-items: center;
    gap: 1.875rem
  }
}

@media screen and (min-width: 1200px) {
  .header__mobile-nav {
    display: none
  }
}

@media screen and (max-width: 1200px) {
  .header__utility-link {
    font-size: 1.5rem;
    color: var(--primary-color);
    text-decoration: none
  }
}

@media screen and (max-width: 1200px) {
  .header--open::before {
    height: 100dvh
  }

  .header--open .header__nav {
    height: calc(100dvh - var(--header-height));
    display: flex
  }

  .header--open .header__hamburger::before,
  .header--open .header__hamburger::after {
    background-color: var(--primary-color)
  }

  .header--open .header__hamburger::before {
    transform: rotate(-135deg);
    animation: hamburger-animation .3s forwards 0s ease-out
  }

  .header--open .header__hamburger::after {
    transform: rotate(-45deg) translateX(0)
  }

  .header--open .header__parent-link,
  .header--open .header__utility-link {
    animation: parent-link-animation .3s forwards 0s ease-out
  }
}

.header--collapsed {
  position: fixed;
  transform: translateY(-100%);
  pointer-events: none
}

.header--expanded {
  position: fixed
}

.header--animate {
  transition: transform .3s
}

.header--normal {
  position: absolute;
  top: 0;
 
  left: 0;
  right: 0
}

/* .header[data-skin=dark] {
  --primary-color: rgb(255, 255, 255)
} */
/* dy */

/* .header[data-skin=dark]::before {
  background-color: rgba(34, 0, 242, .3)
 
} */
/* dy */

.header[data-skin=dark] .header__logo {
  filter: brightness(0) invert(1)
}

.header[data-skin=dark] .header__svg path {
  fill: var(--primary-color)
}

/* .header[data-skin=light] {
  --primary-color: #0032ff
} */
/* dy */

.header[data-skin=light]::before {
  background-color: rgba(255, 255, 255, .5)
}


.header[data-skin=light].header--open::before {
  /* background-color: #eaf3f8; */
  /* dy */
  background-color: #fff;
  -webkit-backdrop-filter: none;
  backdrop-filter: none
}

.header[data-skin=light] .header__svg path {
  fill: var(--primary-color)
}

body:not(.home) .header--normal:not(:has([data-has-children]:hover)):not(.header--open):not(:has([data-has-children]:focus-within))::before {
  /* opacity: 0;  */
  /* dy */
 
}

@keyframes subnav-link-animation {
  0% {
    opacity: 0;
    transform: translateX(30px)
  }

  25% {
    opacity: 1
  }

  100% {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes subnav-link-tick-animation {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(-60deg)
  }
}

@keyframes hamburger-animation {
  0% {
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 0%);
    clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 0%)
  }

  100% {
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 40% 100%, 40% 0%, 100% 0%, 100% 100%, 60% 100%, 60% 0%);
    clip-path: polygon(0% 0%, 0% 100%, 40% 100%, 40% 0%, 100% 0%, 100% 100%, 60% 100%, 60% 0%)
  }
}

@keyframes mobile-nav-open-animation {
  0% {
    opacity: 0;
    height: 0;
    display: flex
  }

  75% {
    opacity: 1
  }

  100% {
    height: calc(100dvh - var(--header-height))
  }
}

@keyframes parent-link-animation {
  to {
    transform: translateY(0)
  }
}

.feature-hero {
  padding: 12.375rem 0 9.375rem;
  background-color: var(--tertiary-color);
  overflow-x: hidden
}

.feature-hero-layout2 {
  padding: 12.375rem 0 5.625rem
}

.feature-hero-layout3 {
  background-color: var(--secondary-color);
  padding: 12.1875rem 0 7.6875rem
}

@media screen and (min-width: 768px) {
  .feature-hero-layout1 {
    padding: 16.125rem 0 16.25rem
  }

  .feature-hero-layout2 {
    padding: 13rem 0 7.5rem
  }

  .feature-hero-layout3 {
    padding: 18.125rem 0 6.5625rem
  }
}

.feature-hero-tmd {
  position: relative;
  z-index: 5000;
  overflow-x: clip
}

.tmd-container.layout1 {
  position: absolute;
  width: 17rem;
  height: 9.25rem;
  top: -5.3125rem;
  left: 0;
  overflow: hidden
}

.tmd-container.layout1 video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: 31.6875rem 14.5rem;
  mask-size: 31.6875rem 14.5rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-option2.svg");
  mask-image: url("../image/tick-marks-option2.svg")
}

@media screen and (min-width: 768px) {
  .tmd-container.layout1 {
    width: 31.6875rem;
    height: 14.5rem;
    top: -9.125rem;
    left: .625rem
  }

  .tmd-container.layout1 video {
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
  }
}

.feature-hero-layout2-header {
  display: flex;
  flex-direction: column;
  margin-bottom: .625rem
}

.feature-hero-layout2-header h2 {
  margin-bottom: 2.5rem
}

.feature-hero-tmd-layout2 {
  margin-top: 3.75rem
}

.feature-hero-images {
  display: flex;
  flex-direction: column;
  gap: .9375rem;
  margin-top: .3125rem;
  max-width: 25rem;
  width: 100%
}

.feature-hero-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 70.5714%
}

.feature-hero-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  border-radius: .625rem
}

.feature-hero-image:last-child {
  display: none
}

@media screen and (min-width: 768px) {
  .feature-hero-layout2-header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 3.125rem
  }

  .feature-hero-layout2-header h2 {
    margin-bottom: 0
  }

  .feature-hero-tmd-layout2 {
    margin-top: 0;
    margin-bottom: .6rem
  }

  .feature-hero-images {
    flex-direction: row;
    gap: .5625rem;
    max-width: 100%;
    margin-top: 0
  }

  .feature-hero-image {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 0
  }

  .feature-hero-image img {
    position: relative;
    display: block;
    height: 31.5625rem
  }

  .feature-hero-image:last-child {
    display: block
  }
}

@media screen and (min-width: 992px) {
  .feature-hero-tmd-layout2 {
    margin-right: 1rem
  }
}

.tmd-container.layout2 {
  position: relative;
  width: 17rem;
  height: 5.125rem;
  overflow: hidden
}

.tmd-container.layout2 video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: 31.6875rem 14.5rem;
  mask-size: 31.6875rem 14.5rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-option2.svg");
  mask-image: url("../image/tick-marks-option2.svg")
}

@media screen and (min-width: 768px) {
  .tmd-container.layout2 {
    width: 24.875rem;
    height: 12.9375rem
  }

  .tmd-container.layout2 video {
    -webkit-mask-size: 110% auto;
    mask-size: 110% auto;
    -webkit-mask-position: -1.4375rem .125rem;
    mask-position: -1.4375rem .125rem
  }
}

.feature-hero-layout3 {
  color: var(--white)
}

.feature-hero-layout3 h2 {
  margin-bottom: 2.5rem
}

.feature-hero-ctas {
  display: inline-flex;
  flex-direction: column;
  gap: 1.5625rem;
  margin-top: 3.375rem
}

.feature-hero-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.feature-hero-video-bg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.feature-hero-video-shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 34.22%, rgba(0, 0, 0, 0) 100%)
}

@media screen and (min-width: 768px) {
  .feature-hero-layout3 h2 {
    margin-bottom: 3.375rem
  }

  .feature-hero-ctas {
    display: flex;
    flex-direction: row
  }
}

.feature-hero-tmd.layout3 .g-col-16 {
  position: relative
}

.tmd-container.layout3 {
  position: absolute;
  width: 17.0625rem;
  height: 9.375rem;
  top: -3.5625rem;
  left: 0;
  overflow: hidden
}

.tmd-container.layout3 video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: 31.6875rem 14.5rem;
  mask-size: 31.6875rem 14.5rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-option2.svg");
  mask-image: url("../image/tick-marks-option2.svg")
}

@media screen and (min-width: 992px) {
  .tmd-container.layout3 {
    width: 32.5rem;
    height: 11.25rem;
    top: -5.5rem
  }
}

.feature-hero-tmd+section:not(.vcarousel):not(.quoteCarousel):not(.image) {
  padding-top: 10rem
}

@media screen and (min-width: 768px) {
  .feature-hero-tmd+section:not(.vcarousel):not(.quoteCarousel):not(.image) {
    padding-top: 8.75rem
  }
}

.lam-hero {
  background-color: var(--tertiary-color);
  padding-bottom: 5.625rem;
  overflow: hidden
}

.lam-hero-bg {
  background-color: var(--tertiary-color)
}

.apc {
  margin-left: -1.25rem;
  margin-right: -1.25rem
}

.apc-slider {
  position: relative
}

.apc-slide {
  position: relative;
  box-sizing: content-box;
  padding: 0 .28125rem
}

.apc-slide.single {
  padding: 0
}

.apc-slide>a {
  position: relative;
  display: block
}

@media screen and (min-width: 768px) {
  .apc-slide:not(.is-selected) .apc-card:not(.entered) {
    display: none
  }
}

.apc-slide-img {
  position: relative;
  display: block;
  width: 100%;
  height: 15rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
  pointer-events: none
}

.apc-tmd {
  display: none
}

.apc-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--primary-color);
  color: var(--white);
  padding: 1.875rem 3.75rem 1.875rem 1.25rem;
  min-height: 9.75rem
}

@media screen and (max-width: 768px) {

  .apc-card .apc-card-top>.apc-card-eyebrow[data-animation-delay].entered,
  .apc-card .apc-card-top>.apc-card-title[data-animation-delay].entered,
  .apc-card>.apc-card-tags[data-animation-delay].entered {
    animation-delay: 0s
  }

  .apc-card .post-index-header-rc[data-animation-delay].entered {
    animation-delay: 0s
  }
}

.apc-card-eyebrow {
  text-transform: uppercase;
  margin-bottom: 1.75rem
}

.apc-card-eyebrow a {
  text-decoration: none
}

@media screen and (min-width: 768px)and (hover: hover) {
  .apc-card-eyebrow a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 3px
  }
}

.apc-card-title {
  margin-bottom: .9375rem
}

.apc-card-title a {
  text-decoration: none;
  text-rendering: geometricPrecision
}

.apc-divider {
  margin-top: 1.75rem;
  margin-bottom: 1.125rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  box-sizing: border-box;
  width: calc(100% - 40px);
  height: 1px;
  background-color: var(--primary-color)
}

.single+.apc-divider {
  width: 100%;
  margin-left: 0;
  margin-right: 0
}

.apc-counter {
  font-size: 1rem;
  margin-left: 1.25rem
}

@media screen and (min-width: 768px) {
  .apc {
    margin-left: 0;
    margin-right: 0
  }

  .apc-slide {
    padding: 0 .5625rem
  }

  .apc-slide.single {
    padding: 0
  }

  .apc-slide-img {
    height: 40.625rem
  }

  .apc-tmd {
    display: block;
    position: absolute;
    width: 6.25rem;
    height: 6.25rem;
    top: -4.375rem;
    right: 1.25rem;
    overflow: hidden
  }

  .apc-tmd video {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("../image/tick-marks-article-promo-carousel.svg");
    mask-image: url("../image/tick-marks-article-promo-carousel.svg")
  }

  .apc-card {
    position: absolute;
    right: .5625rem;
    bottom: 0;
    width: 40%;
    min-height: 9.375rem;
    padding: 2.5rem 3.75rem 2.5rem 2.5rem;
    transition: padding .3s
  }

  .apc .apc-card-title-text {
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(var(--white), var(--white));
    background-position: 100% 50%, 0 101%;
    background-repeat: no-repeat;
    transition: background-size .3s ease-out;
    background-size: 100% .125rem, 0px .125rem
  }
}

@media screen and (min-width: 768px)and (hover: hover) {
  .apc-card:hover {
    padding: 3.4375rem 3.75rem 2.5rem 3.4375rem
  }

  .apc-card-title-link:hover .apc-card-title-text {
    background-size: 0px .125rem, 100% .125rem
  }
}

@media screen and (min-width: 768px) {
  .apc-card-title {
    font-size: 2.25rem;
    font-weight: 400;
    margin-bottom: 1.25rem
  }

  .apc-card-title a {
    text-decoration: none
  }

  .single .apc-card {
    right: 0
  }

  .apc-divider {
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }

  .apc-counter {
    margin-left: 0
  }
}

.tmd {
  position: relative;
  z-index: 5000;
  overflow-x: clip;
  pointer-events: none
}

.tmd-container.option1 {
  position: absolute;
  width: 6.375rem;
  height: 5rem;
  top: -2.5rem;
  right: 0;
  overflow: hidden;
  margin-right: -1.25rem
}

.tmd-container.option1 video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-option1.svg");
  mask-image: url("../image/tick-marks-option1.svg")
}

@media screen and (min-width: 768px) {
  .tmd-container.option1 {
    width: 32.5rem;
    height: 7.6875rem;
    top: -3.8125rem;
    margin-right: 0
  }

  .tmd-container.option1 video {
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
  }
}

@media screen and (min-width: 1200px) {
  .tmd-container.option1 {
    right: auto
  }
}

.tmd-container.option6 {
  position: absolute;
  width: 6.375rem;
  height: 5rem;
  top: -2.5rem;
  left: 3px;
  overflow: hidden;
  margin-left: -1.25rem
}

.tmd-container.option6 video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-option1.svg");
  mask-image: url("../image/tick-marks-option1.svg")
}

@media screen and (min-width: 768px) {
  .tmd-container.option6 {
    width: 32.5rem;
    height: 7.6875rem;
    top: -3.8125rem;
    margin-left: 0
  }

  .tmd-container.option6 video {
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
  }
}

@media screen and (min-width: 1200px) {
  .tmd-container.option6 {
    right: auto
  }
}

.accordion {
  padding: 5.625rem 0;
  background-color: var(--white);
  color: var(--primary)
}

.accordion .component-headline {
  margin-bottom: 2.5rem
}

@media screen and (min-width: 768px) {
  .accordion {
    padding: 9.375rem 0
  }

  .accordion .component-headeline {
    margin-bottom: 4.375rem
  }
}

.accordion-trigger {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding: 1.5625rem .625rem 1.5625rem 0;
  border-top: 1px solid var(--primary-color);
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  color: var(--primary-color)
}

.accordion-trigger:focus-visible {
  outline: 2px solid var(--emphasis-color);
  outline-offset: -2px
}

.accordion-trigger-label {
  position: relative;
  width: calc(100% - 100px);
  font-size: 1.5rem;
  line-height: 130%;
  letter-spacing: .72px;
  text-align: left
}

.accordion-trigger-icon {
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  margin-right: 1.4375rem;
  top: 18px;
  left: 15px
}

.accordion-trigger-icon .ati-bar {
  position: absolute;
  display: block;
  width: 2px;
  background-color: var(--primary-color);
  transition: .3s transform
}

.accordion-trigger-icon .ati-bar:nth-child(1) {
  top: -12px;
  left: 0;
  height: 24px;
  transform-origin: center
}

.accordion-trigger-icon .ati-bar:nth-child(2) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-90deg) translate(4px, -9px)
}

.accordion-trigger-icon .ati-bar:nth-child(3) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-90deg) translate(4px, 6px)
}

.accordion-trigger[aria-expanded=true] .accordion-trigger-icon .ati-bar:nth-child(1) {
  transform: rotate(45deg)
}

.accordion-trigger[aria-expanded=true] .accordion-trigger-icon .ati-bar:nth-child(2) {
  transform: rotate(-45deg) translate(4px, -11px)
}

.accordion-trigger[aria-expanded=true] .accordion-trigger-icon .ati-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, 4px)
}

@media screen and (min-width: 768px) {
  .accordion-trigger-label {
    font-size: 2.125rem;
    letter-spacing: 0
  }

  .accordion-trigger-icon {
    top: 23px;
    left: 12px
  }
}

.accordion-trigger[aria-expanded=true] .accordion-trigger-icon::before {
  display: none;
  left: 9px
}

.accordion-panel {
  position: relative;
  height: 0;
  top: 0;
  outline: none;
  overflow: hidden;
  transition: height .4s
}

.accordion-panel .accordion-content {
  position: relative;
  padding-bottom: 1.875rem
}

.accordion-panel .accordion-content::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: rgba(0, 0, 0, 0)
}

.accordion-panel .accordion-content p {
  padding-right: 1.25rem
}

.accordion-panel .accordion-content a:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

.accordion-panel .accordion-content p:first-child {
  padding-top: 0;
  margin-top: 0
}

@media screen and (min-width: 1200px) {
  .accordion-panel .accordion-content {
    padding-left: 3rem
  }
}

.acc-desc a {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #0032ff;
  text-underline-offset: 3px
}

@media screen and (min-width: 768px)and (hover: hover) {
  .acc-desc a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 3px
  }
}

.acc-img {
  margin-top: 2.8125rem;
  width: 100%;
  aspect-ratio: 1.77
}

.acc-img,
.acc-card img {
  position: relative;
  display: block;
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  max-width: 37.5rem;
  aspect-ratio: 1.77
}

.acc-card {
  margin-top: 2.8125rem
}

.acc-card-body {
  margin-top: 1.5625rem
}

.acc-card-title {
  margin-bottom: 1.25rem
}

.acc-card-cta a {
  text-decoration: none;
  font-size: .875rem
}

.acc-card-cta span {
  display: inline-block;
  margin-right: 2px
}

@media screen and (min-width: 1200px) {
  .acc-card {
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 20px;
    box-sizing: border-box;
    margin-left: -20px;
    cursor: pointer;
    transition: background-color .2s, color .2s;
    margin-top: 1.5625rem
  }

  .acc-card img {
    width: 196px;
    max-width: 196px
  }

  .acc-card-body {
    margin-top: 0
  }

  .acc-card a {
    text-decoration: none
  }
}

@media screen and (min-width: 1200px)and (min-width: 768px)and (hover: hover) {
  .acc-card a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 3px
  }
}

@media screen and (min-width: 1200px)and (hover: hover) {
  .acc-card:hover {
    background-color: var(--primary-color);
    color: var(--white)
  }
}

.acc-single {
  border-bottom: 1px solid var(--primary-color)
}

.acc-single h3:first-child .accordion-trigger {
  border-top: 0
}

.acc-cols .acc-col {
  width: 100%
}

.acc-cols .acc-col:first-child h3:first-child .accordion-trigger {
  border-top: 0
}

.acc-cols .acc-col:last-child {
  border-bottom: 1px solid var(--primary-color)
}

@media screen and (min-width: 1200px) {
  .acc-cols {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    gap: 6.25rem
  }

  .acc-cols .acc-col:first-child {
    border-bottom: 1px solid var(--primary-color)
  }

  .acc-cols .acc-col:last-child h3:first-child .accordion-trigger {
    border-top: 0
  }
}

.accgrid,
.accgrid[data-skin=blue-paleBlue] {
  --accgrid-bg-color: var(--tertiary-color);
  --accgrid-block-color: var(--primary-color);
  --accgrid-border-color: var(--tertiary-color);
  --accgrid-color: var(--primary-color)
}

.accgrid[data-skin=blue-navy] {
  --accgrid-bg-color: var(--secondary-color);
  --accgrid-block-color: var(--primary-color);
  --accgrid-border-color: var(--secondary-color);
  --accgrid-color: var(--white)
}

.accgrid[data-skin=navy-paleBlue] {
  --accgrid-bg-color: var(--tertiary-color);
  --accgrid-block-color: var(--secondary-color);
  --accgrid-border-color: var(--tertiary-color);
  --accgrid-color: var(--primary-color)
}

.accgrid {
  padding: 5.625rem 0;
  background-color: var(--accgrid-bg-color);
  color: var(--accgrid-color);
  overflow-x: hidden
}

.accgrid-header {
  margin-bottom: 2.8125rem
}

.accgrid .component-headline {
  margin-bottom: 1.875rem
}

.accgrid-description p:last-child {
  margin-bottom: 0
}

.accgrid-dt {
  display: none
}

@media screen and (min-width: 1200px) {
  .accgrid {
    padding: 7.5rem 0;
    position: static
  }

  .accgrid>.container {
    position: static
  }

  .accgrid-header {
    margin-bottom: 5rem
  }

  .accgrid-dt {
    display: block
  }

  .accgrid-mb {
    display: none
  }
}

.accgrid-trigger {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 1.25rem 5.625rem 1.25rem 1.4375rem;
  width: 100%;
  min-height: 6.5rem;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: .625rem;
  text-align: left;
  box-sizing: border-box
}

.accgrid-trigger.fadeout {
  transition: border-radius .4s .3s
}

.accgrid-trigger:focus-visible {
  outline: 2px solid var(--emphasis-color);
  outline-offset: -2px
}

.accgrid-trigger-label {
  position: relative;
  width: 100%;
  text-align: left;
  font-family: nimbus-sans, sans-serif;
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: .01625rem
}

.accgrid-trigger-icon {
  position: absolute;
  display: block;
  top: 50%;
  right: 40px;
  transform-origin: center;
  width: 1px;
  height: 1px
}

.accgrid-trigger-icon .bti-bar {
  position: absolute;
  display: block;
  width: 1.5px;
  background-color: var(--white);
  transition: .3s transform
}

.accgrid-trigger-icon .bti-bar:nth-child(1) {
  top: -12px;
  left: 0;
  height: 24px;
  transform-origin: center
}

.accgrid-trigger-icon .bti-bar:nth-child(2) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-90deg) translate(4px, -9px)
}

.accgrid-trigger-icon .bti-bar:nth-child(3) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-90deg) translate(4px, 6px)
}

.accgrid-trigger[aria-expanded=true] .accgrid-trigger-icon .bti-bar:nth-child(1) {
  transform: rotate(45deg)
}

.accgrid-trigger[aria-expanded=true] .accgrid-trigger-icon .bti-bar:nth-child(2) {
  transform: rotate(-45deg) translate(4px, -11px)
}

.accgrid-trigger[aria-expanded=true] .accgrid-trigger-icon .bti-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, 4px)
}

.accgrid-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.accgrid-panel {
  position: relative;
  height: 0;
  top: 0;
  outline: none;
  overflow: hidden;
  transition: height .4s;
  margin-bottom: .9375rem
}

.accgrid-panel>div {
  position: relative;
  padding-top: 0;
  padding-bottom: 1.875rem;
  padding-left: 1.4375rem;
  padding-right: 2.3125rem;
  background-color: var(--primary-color);
  color: var(--white);
  border-bottom-left-radius: .625rem;
  border-bottom-right-radius: .625rem
}

.accgrid-panel>div::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: rgba(0, 0, 0, 0)
}

.accgrid-panel p {
  margin: 0;
  padding: 0;
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03rem
}

.accgrid-panel .single-stat-container {
  display: flex;
  margin-top: 2.5rem
}

.accgrid-panel .single-stat-media {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-top: 2.5rem
}

.accgrid-panel .single-stat-media .media {
  width: 8.9375rem;
  height: 10.625rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: .625rem
}

.accgrid-panel .single-stat-media>div {
  margin-left: 1.25rem
}

.accgrid-panel .media-only {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-top: 2.5rem
}

.accgrid-panel .media-only .media {
  width: 8.9375rem;
  height: 10.625rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: .625rem
}

.accgrid-panel .media-only .tmd-container {
  position: relative;
  width: 142px;
  height: 34px;
  margin-left: 20px
}

.accgrid-panel .media-only .tmd-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-accgrid.svg");
  mask-image: url("../image/tick-marks-accgrid.svg")
}

.accgrid-panel .single-stat-media .btn-play,
.accgrid-panel .media-only .btn-play {
  position: absolute;
  left: .625rem;
  bottom: .625rem;
  width: 3.75rem;
  height: 3.75rem
}

.accgrid-panel .none {
  margin-top: 2.5rem
}

.accgrid-panel .none .tmd-container {
  position: relative;
  width: 100%;
  padding-bottom: 48.55%;
  height: 0
}

.accgrid-panel .none .tmd-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 37.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-mhacc.svg");
  mask-image: url("../image/tick-marks-mhacc.svg")
}

@media screen and (min-width: 640px) {
  .accgrid-panel .none .tmd-container {
    width: 33.125rem;
    height: 16.875rem;
    padding-bottom: 0
  }
}

.accgrid-panel .two-stats {
  margin-top: 2.5rem;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start
}

.accgrid-panel .two-stats .stat:first-child {
  margin-bottom: .9375rem
}

.accgrid-panel .two-stats .stat {
  width: 100%
}

.accgrid-panel .stat {
  border-bottom: 1px solid var(--white);
  padding-bottom: .625rem
}

.accgrid-panel .stat-number {
  font-family: Prata;
  font-size: 2rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .06rem;
  margin-bottom: 1px
}

.accgrid-panel .stat-number small {
  position: relative;
  font-size: 70%;
  top: -0.1875rem;
  margin-left: .125rem
}

.accgrid-panel .stat-label {
  font-family: nimbus-sans, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .075rem;
  text-transform: uppercase;
  padding-right: .9375rem
}

.accgrid-dt-grid {
  display: grid
}

.accgrid-dt-grid .block {
  position: relative;
  width: 355px;
  height: 280px;
  transition: border .15s ease-in;
  box-sizing: border-box;
  border: 9px solid var(--accgrid-border-color);
  overflow: hidden
}

.accgrid-dt-grid .block::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--accgrid-block-color);
  border-radius: .625rem
}

.accgrid-dt-grid .block>h3 {
  position: relative
}

.accgrid-dt-grid .block.mouseenter {
  border: 0 solid var(--accgrid-border-color)
}

.accgrid-dt-grid .block:not(.expanded)>h3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box
}

.accgrid-dt-grid .block-trigger {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  font-family: nimbus-sans, sans-serif;
  font-size: 2.125rem;
  font-weight: 300;
  line-height: 110%;
  color: var(--white);
  text-align: left;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: transform .2s ease-out
}

.accgrid-dt-grid .block-trigger:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

.accgrid-dt-grid .block .block-trigger-collapsed {
  box-sizing: border-box;
  font-size: 2.125rem;
  padding: 3.75rem;
  display: block;
  width: 21.0625rem
}

.accgrid-dt-grid .block .block-trigger-expanded {
  box-sizing: border-box;
  font-size: 3.25rem;
  line-height: 110%;
  padding: 3.75rem 7.5rem 1.875rem 3.75rem;
  display: none;
  opacity: 0
}

.accgrid-dt-grid .block.expanded .block-trigger-collapsed {
  display: none
}

.accgrid-dt-grid .block-trigger-expanded.expanded {
  display: block
}

.accgrid-dt-grid .block-trigger-icon {
  position: absolute;
  display: block;
  top: 2.5rem;
  right: 2.625rem;
  transform-origin: center;
  width: 1px;
  height: 1px
}

.accgrid-dt-grid .block-trigger+.block-trigger-icon .bti-bar {
  position: absolute;
  display: block;
  width: 1.5px;
  background-color: var(--white);
  transition: .7s transform ease-out
}

.accgrid-dt-grid .block-trigger+.block-trigger-icon .bti-bar:nth-child(1) {
  top: -12px;
  left: 0;
  height: 24px;
  transform-origin: center
}

.accgrid-dt-grid .block-trigger+.block-trigger-icon .bti-bar:nth-child(2) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-90deg) translate(4px, -9px)
}

.accgrid-dt-grid .block-trigger+.block-trigger-icon .bti-bar:nth-child(3) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-90deg) translate(4px, 6px)
}

.accgrid-dt-grid .block-trigger[aria-expanded=true]+.block-trigger-icon .bti-bar:nth-child(1) {
  transform: rotate(45deg)
}

.accgrid-dt-grid .block-trigger[aria-expanded=true]+.block-trigger-icon .bti-bar:nth-child(2) {
  transform: rotate(-45deg) translate(4px, -11px)
}

.accgrid-dt-grid .block-trigger[aria-expanded=true]+.block-trigger-icon .bti-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, 4px)
}

.accgrid-dt-grid .block-panel.transition-in {
  opacity: 1
}

.accgrid-dt-grid .block-panel {
  position: relative;
  height: 0;
  top: 0;
  outline: none;
  opacity: 0;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  transition: opacity .35s
}

.accgrid-dt-grid .block-panel::-webkit-scrollbar {
  display: none
}

.accgrid-dt-grid .block-content {
  color: var(--white);
  padding: 0 3.75rem;
  box-sizing: border-box
}

.accgrid-dt-grid .block-content p {
  margin: 0;
  padding: 0;
  font-family: nimbus-sans, sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .63px
}

.block-content .desc {
  margin-bottom: 3.125rem
}

.block-content .desc:last-child {
  margin-bottom: 0
}

.block-content .stat {
  border-bottom: 1px solid var(--white)
}

.block-content .stat-number {
  font-family: Prata;
  font-size: 5.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: .12rem
}

.block-content .stat-number small {
  font-size: 70%;
  position: relative;
  top: -0.8125rem
}

.block-content .stat-label {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .10625rem;
  text-transform: uppercase;
  margin: .9375rem 0 .9375rem
}

.block-content .media {
  width: 15.8125rem;
  height: 100%;
  min-height: 18.75rem;
  border-radius: .625rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.block-content .single-stat-container {
  display: flex
}

.block-content .single-stat-media,
.block-content .media-only {
  display: flex
}

.block-content .single-stat-media>div:first-child,
.block-content .media-only>div:first-child {
  padding-right: 1.875rem
}

.block-content .single-stat-media>div:last-child,
.block-content .media-only>div:last-child {
  width: 15.8125rem
}

.block-content .single-stat-media>div,
.block-content .media-only>div {
  position: relative
}

.block-content .media-only>div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.block-content .two-stats>div:last-child {
  display: flex;
  gap: 5.625rem
}

.block-content .single-stat-media .btn-play,
.block-content .media-only .btn-play {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  width: 3.75rem;
  height: 3.75rem
}

.block-content .media-only .tmd-container {
  position: relative;
  width: 100%;
  height: 3.375rem
}

.block-content .media-only .tmd-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-accgrid.svg");
  mask-image: url("../image/tick-marks-accgrid.svg")
}

.block-content .none .tmd-container {
  position: absolute;
  right: 3.75rem;
  bottom: .625rem;
  width: 32.0625rem;
  height: 10.8125rem
}

.block-content .none .tmd-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-accgrid-none.svg");
  mask-image: url("../image/tick-marks-accgrid-none.svg")
}

.blks3 {
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(2, 1fr)
}

.blks3 .block1 {
  grid-column: 4/5;
  grid-row: 1/2;
  margin-top: 50px
}

.blks3 .block2 {
  grid-column: 5/6;
  grid-row: 1/2;
  align-self: start
}

.blks3 .block3 {
  grid-column: 4/5;
  grid-row: 2/3;
  margin-right: -80px;
  justify-self: end
}

.blks3[data-option=opt1] .block1 {
  margin-top: 0
}

.blks3[data-option=opt1] .block2 {
  align-self: end
}

.blks3[data-option=opt1] .block3 {
  margin-right: 0;
  align-self: start
}

.blks3[data-option=opt2] .block1 {
  align-self: end;
  margin-bottom: -140px
}

.blks3[data-option=opt2] .block3 {
  grid-column: 5/6;
  justify-self: start;
  align-self: start
}

.blks3[data-option=opt3] {
  grid-template-rows: 280px auto
}

.blks3[data-option=opt3] .block1 {
  margin-top: 0;
  align-self: start;
  justify-self: end
}

.blks3[data-option=opt3] .block2 {
  margin-bottom: -140px;
  align-self: end
}

.blks3[data-option=opt3] .block3 {
  margin-right: 0
}

.blks4 {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr)
}

.blks4 .block1 {
  grid-column: 1/2;
  grid-row: 1/2;
  margin-top: 70px;
  justify-self: end;
  align-self: end
}

.blks4 .block2 {
  grid-column: 2/3;
  grid-row: 1/2
}

.blks4 .block3 {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-right: -140px;
  justify-self: end
}

.blks4 .block4 {
  grid-column: 2/3;
  grid-row: 2/3;
  margin-left: 140px;
  margin-top: -70px
}

.blks4[data-option=opt1] .block1 {
  margin-top: 0
}

.blks4[data-option=opt1] .block2 {
  align-self: end;
  margin-bottom: 140px
}

.blks4[data-option=opt1] .block3 {
  margin-right: 0
}

.blks4[data-option=opt1] .block4 {
  margin-top: -140px;
  margin-left: 0
}

.blks4[data-option=opt2] .block1 {
  margin-top: 0;
  align-self: end;
  margin-bottom: 140px
}

.blks4[data-option=opt2] .block2 {
  align-self: end
}

.blks4[data-option=opt2] .block3 {
  margin-right: 0;
  margin-top: -140px
}

.blks4[data-option=opt2] .block4 {
  margin-top: 0;
  margin-left: 0;
  justify-self: left
}

.blks4[data-option=opt3] {
  grid-template-rows: 280px 1fr
}

.blks4[data-option=opt3] .block1 {
  margin-top: 0;
  justify-self: end;
  align-self: end
}

.blks4[data-option=opt3] .block2 {
  align-self: end;
  margin-bottom: -140px
}

.blks4[data-option=opt3] .block3 {
  margin-right: 0
}

.blks4[data-option=opt3] .block4 {
  margin-top: 140px;
  margin-left: 0
}

.blks4[data-option=opt4] {
  grid-template-rows: 280px 1fr
}

.blks4[data-option=opt4] .block1 {
  margin-top: 0;
  align-self: end;
  margin-bottom: -140px
}

.blks4[data-option=opt4] .block2 {
  justify-self: start;
  align-self: end
}

.blks4[data-option=opt4] .block3 {
  margin-right: 0;
  margin-top: 140px
}

.blks4[data-option=opt4] .block4 {
  margin-top: 0;
  margin-left: 0
}

.blks5 {
  grid-template-columns: repeat(3, 355px);
  grid-template-rows: repeat(2, 1fr)
}

.blks5 .block1 {
  grid-column: 2/3;
  grid-row: 1/2;
  margin-top: 85px;
  margin-left: -70px;
  justify-self: start;
  align-self: end
}

.blks5 .block2 {
  grid-column: 3/4;
  grid-row: 1/2;
  margin-left: -70px;
  justify-self: start;
  align-self: start
}

.blks5 .block3 {
  grid-column: 1/2;
  grid-row: 2/3;
  align-self: start
}

.blks5 .block4 {
  grid-column: 2/3;
  grid-row: 2/3;
  margin-top: 34px;
  align-self: start
}

.blks5 .block5 {
  grid-column: 3/4;
  grid-row: 2/3;
  margin-top: -85px;
  align-self: start
}

.blks5 .block-holder-1,
.blks5 .block-holder-2 {
  display: none
}

.blks5[data-option=opt1] {
  grid-template-columns: repeat(2, 1fr)
}

.blks5[data-option=opt1] .block1 {
  grid-column: 1/2;
  margin-left: 0;
  margin-top: 0;
  align-self: end
}

.blks5[data-option=opt1] .block2,
.blks5[data-option=opt1] .block3,
.blks5[data-option=opt1] .block4,
.blks5[data-option=opt1] .block5 {
  margin: 0
}

.blks5[data-option=opt1] .block-holder-1 {
  grid-column: 1/2;
  grid-row: 2/3;
  display: flex;
  justify-content: flex-end
}

.blks5[data-option=opt1] .block-holder-2 {
  display: flex;
  flex-direction: column;
  grid-column: 2/3;
  grid-row: 1/3;
  margin-top: 8.75rem
}

.blks5[data-option=opt2] {
  grid-template-columns: repeat(2, 1fr)
}

.blks5[data-option=opt2] .block2 {
  grid-column: 2/3;
  grid-row: 1/2;
  margin: 0;
  align-self: end
}

.blks5[data-option=opt2] .block1,
.blks5[data-option=opt2] .block3,
.blks5[data-option=opt2] .block4,
.blks5[data-option=opt2] .block5 {
  margin: 0
}

.blks5[data-option=opt2] .block-holder-1 {
  grid-column: 1/2;
  grid-row: 1/3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 8.75rem
}

.blks5[data-option=opt2] .block-holder-2 {
  display: flex;
  flex-direction: row;
  grid-column: 2/3;
  grid-row: 2/3
}

.blks5[data-option=opt3] {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 280px 1fr
}

.blks5[data-option=opt3] .block3 {
  grid-column: 1/2;
  grid-row: 2/3;
  align-self: start
}

.blks5[data-option=opt3] .block1,
.blks5[data-option=opt3] .block3,
.blks5[data-option=opt3] .block4,
.blks5[data-option=opt3] .block5 {
  margin: 0
}

.blks5[data-option=opt3] .block2 {
  margin: 140px 0 0
}

.blks5[data-option=opt3] .block-holder-1 {
  grid-column: 1/2;
  grid-row: 1/2;
  display: flex;
  justify-content: flex-end;
  align-self: start
}

.blks5[data-option=opt3] .block-holder-2 {
  grid-column: 2/3;
  grid-row: 1/3;
  display: flex;
  flex-direction: column
}

.blks5[data-option=opt4] {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 280px 1fr
}

.blks5[data-option=opt4] .block4 {
  grid-column: 1/2;
  grid-row: 2/3;
  align-self: start
}

.blks5[data-option=opt4] .block1,
.blks5[data-option=opt4] .block2,
.blks5[data-option=opt4] .block3,
.blks5[data-option=opt4] .block4,
.blks5[data-option=opt4] .block5 {
  margin: 0
}

.blks5[data-option=opt4] .block-holder-1 {
  grid-column: 1/2;
  grid-row: 1/2;
  display: flex;
  flex-direction: row;
  align-self: start;
  justify-self: end
}

.blks5[data-option=opt4] .block-holder-2 {
  grid-column: 2/3;
  grid-row: 1/3;
  display: flex;
  flex-direction: column;
  margin-top: 8.75rem
}

.blks5[data-option=opt5] {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 280px 1fr
}

.blks5[data-option=opt5] .block5 {
  grid-column: 2/3;
  grid-row: 2/3;
  align-self: start
}

.blks5[data-option=opt5] .block1,
.blks5[data-option=opt5] .block2,
.blks5[data-option=opt5] .block3,
.blks5[data-option=opt5] .block4,
.blks5[data-option=opt5] .block5 {
  margin: 0
}

.blks5[data-option=opt5] .block-holder-1 {
  grid-column: 2/3;
  grid-row: 1/2;
  display: flex;
  flex-direction: row;
  align-self: start
}

.blks5[data-option=opt5] .block-holder-2 {
  grid-column: 1/2;
  grid-row: 1/3;
  display: flex;
  flex-direction: column;
  margin-top: 8.75rem
}

.article-grid {
  margin-top: 5.625rem;
  margin-bottom: 5.625rem
}

.article-grid .component-headline {
  margin-bottom: 3.125rem
}

@media screen and (min-width: 768px) {
  .article-grid {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem
  }

  .article-grid-container {
    margin: 0 -1.25rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
  }
}

.text-grid[data-skin=light-blue] {
  background-color: var(--tertiary-color)
}

.text-grid {
  padding: 5.625rem 0
}

.text-grid h2 {
  margin-bottom: 2.5rem
}

.text-grid-blocks {
  margin-top: .625rem
}

@media screen and (min-width: 768px) {
  .text-grid {
    padding: 12.1875rem 0 14.8125rem
  }
}

.text-grid-block {
  padding: 3.75rem 0 1.5625rem;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.text-grid-block h3 {
  margin-bottom: 1.25rem
}

.text-grid-block .wysiwyg p {
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03rem
}

@media screen and (min-width: 768px) {
  .text-grid-block .wysiwyg p {
    font-family: nimbus-sans, sans-serif;
    font-size: 1.3125rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .63px
  }
}

@media screen and (max-width: 992px) {

  .text-grid-block .wysiwyg[data-animation],
  .text-grid-block .divider[data-animation],
  .text-grid-block h3[data-animation] {
    animation-delay: 0s
  }
}

.text-grid-block-cta-container {
  margin-top: 40px
}

.text-grid-block-cta {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: .63px;
  text-decoration: none
}

@media screen and (min-width: 768px)and (hover: hover) {
  .text-grid-block-cta:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 3px
  }
}

@media screen and (min-width: 768px) {
  .text-grid-block h3 {
    margin-bottom: 1.5625rem
  }

  .text-grid-block-cta {
    font-size: 1.3125rem
  }
}

.stat-grid,
.stat-grid[data-skin=light] {
  --sg-bg-color: #eaf3f8;
  --sg-color: #0032ff
}

.stat-grid[data-skin=dark] {
  --sg-bg-color: #071945;
  --sg-color: rgb(255, 255, 255)
}

.stat-grid {
  padding: 6.25rem 0 8.4375rem;
  background-color: var(--sg-bg-color);
  color: var(--sg-color)
}

.stat-grid .component-headline+.wysiwyg {
  margin-top: 1.875rem
}

.stat-grid-carousel {
  margin-top: 6.875rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  width: calc(100% + 2.5rem)
}

.stat-grid-dt {
  display: none
}

@media screen and (min-width: 768px) {
  .stat-grid {
    padding: 9.375rem 0
  }

  .stat-grid-carousel,
  .stat-grid-indicator {
    display: none
  }

  .stat-grid-dt {
    display: block
  }
}

.stat-grid-group {
  display: flex;
  width: 100%;
  gap: 1.875rem
}

.stat-grid-blk {
  width: 50%;
  box-sizing: border-box;
  position: relative;
  padding: 0 1.25rem
}

.stat-grid-num {
  font-family: "Prata", serif;
  font-size: 2rem;
  margin-bottom: .625rem
}

.stat-grid-num small {
  position: relative;
  font-size: 90%;
  padding-left: 2px;
  top: 2px
}

.stat-grid-label {
  text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: .075rem
}

.stat-grid .divider {
  background-color: var(--sg-color)
}

@media screen and (min-width: 768px) {
  .stat-grid-blk {
    width: 100%;
    padding: 0
  }

  .stat-grid-num {
    font-size: 4rem
  }

  .stat-grid-label {
    font-size: 1.0625rem;
    letter-spacing: .10625rem;
    margin-bottom: 1.875rem
  }
}

.stat-grid-indicator {
  position: relative;
  width: 100%;
  height: 3px;
  background-color: rgba(125, 152, 163, .2);
  margin-top: 2.1875rem
}

.stat-grid-indicator-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 3px;
  background-color: var(--sg-color);
  transition: left .3s
}

.stat-grid-container {
  display: grid;
  margin-top: 3.75rem;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 5rem;
  -moz-column-gap: 8%;
  column-gap: 8%
}

input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none
}

input {
  box-sizing: border-box;
  border: 1px solid var(--primary-color);
  padding: .625rem
}

input:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

input[type=search] {
  width: 100%
}

.vcarousel {
  background-color: var(--secondary-color);
  color: var(--white);
  padding: 6rem 0;
  overflow: hidden
}

.vcarousel-container {
  margin-left: -1.25rem;
  margin-right: -1.25rem
}

@media screen and (min-width: 992px) {
  .vcarousel {
    padding: 0
  }

  .vcarousel-container {
    margin-left: 0;
    margin-right: 0
  }
}

.vcarousel-slide {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  box-sizing: border-box;
  display: block;
  width: 100%
}

@media screen and (min-width: 992px) {
  .vcarousel-slide {
    padding-right: 0;
    padding-left: 0
  }
}

.vcarousel-content-wrapper {
  position: relative
}

.vcarousel-body-bottom {
  display: none
}

@media screen and (min-width: 992px) {
  .vcarousel-body {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 8.125rem 0 5.5rem 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box
  }

  .vcarousel-body .container,
  .vcarousel-body .grid {
    height: inherit
  }

  .vcarousel-body-flex {
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }

  .vcarousel-body-top,
  .vcarousel-body-bottom {
    width: 100%;
    box-sizing: border-box;
    padding-left: 1.875rem;
    padding-right: 1.875rem
  }

  .vcarousel-body-bottom {
    display: block;
    padding-bottom: 3.125rem
  }
}

@media screen and (min-width: 992px) {

  .vcarousel-body-top,
  .vcarousel-body-bottom {
    padding-left: 0;
    padding-right: 0
  }
}

@media screen and (min-width: 1200px) {
  .vcarousel-body-bottom {
    padding-bottom: 1.875rem
  }
}

@media screen and (min-width: 1440px) {
  .vcarousel-body-top {
    padding-right: 10%
  }

  .vcarousel-body-bottom {
    padding-bottom: 1.875rem
  }
}

.vcarousel-body .h3 {
  margin-bottom: 1.875rem
}

.vcarousel-body p {
  margin: 0
}

.vcarousel .wysiwyg {
  margin-bottom: 4.0625rem
}

.vcarousel .btn-cta {
  margin-bottom: 4.0625rem
}

.vcarousel-body-bottom p {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.1875rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .035625rem
}

.vcarousel-attribution-mb {
  margin-bottom: 1.5625rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem
}

.vcarousel-attribution-mb p {
  margin: 0;
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03rem
}

@media screen and (min-width: 768px) {
  .vcarousel-attribution-mb {
    margin-left: 1.875rem;
    margin-right: 1.875rem
  }
}

@media screen and (min-width: 992px) {
  .vcarousel-body .h3 {
    font-family: "Prata", serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.2
  }

  .vcarousel .wysiwyg {
    margin-bottom: 2.5rem
  }

  .vcarousel-attribution-mb {
    display: none
  }
}

.vcarousel-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: 1.5625rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem
}

.vcarousel .vcarousel-video-overlay {
  display: none
}

.vcarousel video,
.vcarousel iframe,
.vcarousel img {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none
}

.vcarousel video,
.vcarousel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

@media screen and (min-width: 768px) {
  .vcarousel-video-wrapper {
    margin-left: 1.875rem;
    margin-right: 1.875rem
  }
}

@media screen and (min-width: 992px) {
  .vcarousel-video-wrapper {
    padding-bottom: 61.11%;
    margin: 0;
    padding-bottom: 0;
    height: 48.75rem
  }

  .vcarousel .vcarousel-video-overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.85) 28%, rgba(0, 0, 0, 0) 100%)
  }

  .vcarousel video,
  .vcarousel img {
    position: relative
  }
}

.vcarousel .btn-play {
  position: absolute;
  right: 38px;
  bottom: 30px;
  z-index: 100
}

.vcarousel .btn-play-trigger {
  display: none
}

.vcarousel-divider {
  position: relative;
  margin-bottom: 1.4375rem;
  margin-left: 1.25rem;
  box-sizing: border-box;
  width: calc(100% - 40px);
  height: .0625rem;
  border: none;
  background-color: var(--white)
}

.vcarousel-counter {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03rem
}

.vcarousel-counter-slash {
  margin: 10px 0
}

@media screen and (min-width: 992px) {
  .vcarousel .btn-play {
    right: auto;
    left: 1.875rem;
    opacity: 0
  }

  .vcarousel .btn-play-trigger {
    display: block;
    position: absolute;
    left: 30px;
    bottom: 30px
  }

  .vcarousel-divider {
    position: absolute;
    bottom: 53px;
    width: calc(100% - 185px);
    left: 155px;
    margin-left: 0
  }

  .vcarousel-counter {
    position: absolute;
    bottom: 1.75rem;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.125rem
  }
}

@media screen and (min-width: 1440px) {
  .vcarousel .btn-play {
    left: calc(50% - 690px)
  }
}

.archive-view .post-index-header-container {
  background-color: var(--white)
}

.archive-view .post-index-body {
  display: block
}

.archive-view .lam {
  display: none
}

@media screen and (min-width: 768px) {
  .archive-view .post-index-header .h2 {
    font-size: 3rem
  }
}

.template-view .post-index-header-container {
  background-color: var(--tertiary-color)
}

.template-view .post-index-body {
  display: none
}

.template-view .lam {
  display: block
}

.post-index-header-container {
  background-color: var(--tertiary-color);
  padding-top: 12.1875rem;
  padding-bottom: 3.875rem
}

@media screen and (min-width: 768px) {
  .post-index-header-container {
    padding-top: 16.625rem;
    padding-bottom: 5.3125rem
  }
}

.post-index-header .h2 {
  margin-bottom: 2.25rem
}

.post-index-header-desc {
  margin-bottom: 2.25rem
}

@media screen and (min-width: 768px) {
  .post-index-header {
    display: flex
  }

  .post-index-header .h2 {
    margin-bottom: 2.5rem
  }
}

.post-index-header-lc {
  padding-right: 1.875rem
}

@media screen and (min-width: 768px) {
  .post-index-header-lc {
    width: 60%;
    padding-right: 1.875rem
  }
}

.post-index-header-rc {
  position: relative;
  z-index: 1
}

.post-index-header-rc>div {
  height: 52px
}

@media screen and (min-width: 768px) {
  .post-index-header-rc {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 40%
  }

  .post-index-header-rc>div {
    height: auto
  }
}

.post-index-filters {
  display: flex;
  position: absolute;
  width: 100%
}

@media screen and (min-width: 768px) {
  .post-index-filters {
    position: absolute;
    width: auto;
    right: 0
  }
}

.post-index-filters.search-enabled .post-index-input-row {
  display: none
}

.post-index-filters.search-enabled .post-index-sort-row,
.post-index-filters.search-enabled .post-index-search-panel {
  width: 100%
}

.post-index-filters.search-enabled .post-index-search-container {
  width: calc(100% - 54px)
}

.post-index-filters.search-enabled .post-filter-trigger .label {
  display: none
}

@media screen and (min-width: 768px) {
  .post-index-filters.search-enabled .post-index-input-row {
    display: block
  }

  .post-index-filters.search-enabled .post-index-sort-row,
  .post-index-filters.search-enabled .post-index-search-panel {
    width: 455px
  }

  .post-index-filters.search-enabled .post-index-search-container {
    width: 400px
  }

  .post-index-filters.search-enabled .post-filter-trigger {
    width: 55px
  }
}

.post-index-filters.filter-enabled .post-filter-trigger {
  display: none
}

.post-index-filters.filter-enabled .post-index-sort-row {
  display: none
}

.post-index-filters.filter-enabled .post-index-input-row {
  width: 100%;
  height: 350px
}

.post-index-filters.filter-enabled .post-index-input-panel {
  height: 348px
}

@media screen and (min-width: 768px) {
  .post-index-filters.filter-enabled .post-index-sort-row {
    display: block
  }

  .post-index-filters.filter-enabled .post-index-input-row {
    width: 450px;
    height: 350px
  }

  .post-index-filters.filter-enabled .post-index-input-panel {
    height: 350px
  }
}

@media screen and (min-width: 768px) {
  .post-index-search-panel {
    background-color: var(--tertiary-color)
  }

  .archive-view .post-index-search-panel {
    background-color: var(--white)
  }
}

.post-index-input-row {
  position: relative;
  margin-left: -1px;
  border: 1px solid var(--primary-color);
  box-sizing: border-box;
  width: calc(100% - 57px);
  height: 3.25rem;
  z-index: 6000
}

.post-index-search-panel {
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--primary-color);
  height: 3.25rem;
  width: 3.5625rem
}

.btn-post-search-open {
  position: relative;
  width: 3.4375rem;
  height: 3.125rem;
  background-image: url("../image/icon-search.svg");
  background-position: center;
  background-repeat: no-repeat
}

.btn-post-search-close {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0)
}

.post-index-search-container {
  position: absolute;
  top: 0;
  left: 55px;
  width: 0;
  overflow: hidden
}

#post-search {
  border: 0;
  width: calc(100% - 50px);
  height: 50px;
  padding-right: 50px;
  background-color: rgba(0, 0, 0, 0);
  font-size: 20px;
  color: var(--primary-color)
}

#post-search::-moz-placeholder {
  color: rgba(0, 50, 255, .45);
  font-weight: 400
}

#post-search::placeholder {
  color: rgba(0, 50, 255, .45);
  font-weight: 400
}

@media screen and (min-width: 768px) {
  #post-search {
    width: 400px
  }
}

.post-index-input-panel {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  height: 0;
  width: 100%;
  overflow: hidden
}

.post-index-input-container {
  position: relative;
  padding: 1.5rem;
  background-color: var(--white);
  box-sizing: border-box
}

@media screen and (min-width: 768px) {
  .post-index-input-container {
    width: 448px;
    height: 348px;
    padding: 1.25rem 1.5625rem
  }
}

.post-index-input-container h4 {
  font-size: 1.25rem;
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  margin-bottom: 2.5rem
}

.post-index-input-filter-container {
  height: 240px;
  padding-bottom: 10px;
  box-sizing: border-box;
  overflow-y: auto
}

.post-index-input-filter-container>div {
  margin-bottom: 56px
}

.post-index-input-filter-container>div:last-child {
  margin-bottom: 0
}

.post-index-input-filter-container::-webkit-scrollbar {
  width: 3px
}

.post-index-input-filter-container::-webkit-scrollbar-track {
  background-color: rgba(7, 25, 69, .15);
  margin-left: .9375rem;
  margin-right: .9375rem
}

.post-index-input-filter-container::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  border-radius: 0
}

@media screen and (min-width: 768px) {
  .post-index-input-filter-container {
    display: flex;
    gap: .9375rem
  }
}

.btn-close-filter-panel {
  position: absolute;
  top: 0;
  right: 5px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0
}

@media screen and (min-width: 768px) {
  .post-index-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 -1.25rem
  }
}

.post-filter-container {
  width: 100%
}

.post-filter-container {
  position: relative
}

.post-filter-tax {
  position: relative;
  display: block;
  margin-bottom: 1.1875rem;
  font-size: .75rem;
  font-weight: 700
}

.post-filter-trigger {
  width: 100%;
  position: relative;
  height: 50px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  color: var(--primary-color);
  text-align: left;
  box-sizing: border-box;
  padding: 0 1rem;
  line-height: 1.3;
  cursor: pointer
}

.post-filter-trigger:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

.post-filter-trigger .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 50px);
  display: block
}

@media screen and (min-width: 768px) {
  .post-filter-trigger {
    width: 160px
  }

  .post-filter-trigger .label {
    width: 94px
  }
}

.post-filter-trigger .pft-icon {
  position: absolute;
  display: block;
  top: 50%;
  right: 34px;
  transform-origin: center;
  width: 1px;
  height: 1px
}

.post-filter-trigger .pft-icon-bar {
  position: absolute;
  display: block;
  height: 1px;
  background-color: var(--primary-color);
  transition: .1s transform ease-out
}

.post-filter-trigger .pft-icon-bar:nth-child(1) {
  top: -6.5px;
  left: -4px;
  width: 24px
}

.post-filter-trigger .pft-icon-bar:nth-child(2) {
  top: 0;
  left: 0;
  width: 16px;
  transform-origin: center
}

.post-filter-trigger .pft-icon-bar:nth-child(3) {
  top: 6.5px;
  left: 4px;
  width: 8px
}

.post-filter-trigger.filtered .pft-icon {
  display: none
}

.post-filter-trigger:hover::after {
  border-color: var(--primary-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.post-filter-clear-trigger {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 50px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  color: var(--primary-color);
  text-align: left;
  box-sizing: border-box;
  padding: 0;
  line-height: 1;
  cursor: pointer;
  display: none
}

.post-filter-clear-trigger .pft-icon {
  position: absolute;
  display: block;
  top: 50%;
  right: 25px;
  transform-origin: center;
  width: 1px;
  height: 1px
}

.post-filter-clear-trigger .pft-icon-bar {
  position: absolute;
  display: block;
  height: 1px;
  width: 1px;
  background-color: var(--primary-color);
  transition: .1s transform ease-out
}

.post-filter-clear-trigger .pft-icon-bar:nth-child(1) {
  top: -12px;
  left: 0;
  height: 24px;
  transform-origin: center;
  transform: rotate(45deg)
}

.post-filter-clear-trigger .pft-icon-bar:nth-child(2) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-45deg) translate(4px, -11px)
}

.post-filter-clear-trigger .pft-icon-bar:nth-child(3) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-45deg) translate(4px, 4px)
}

.post-filter-clear-trigger.show {
  display: block
}

@media screen and (min-width: 768px)and (hover: hover) {
  .post-filter-clear-trigger.show:hover .pft-icon-bar:nth-child(2) {
    transform: rotate(-45deg) translate(4px, -14px)
  }

  .post-filter-clear-trigger.show:hover .pft-icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(4px, 7px)
  }
}

.post-filter-trigger[aria-expanded=true]::after {
  transform: rotate(180deg)
}

.post-filter-trigger[aria-expanded=true]::before {
  width: calc(100% - 2.125rem);
  left: 1.0625rem
}

.post-filter-list-container {
  box-sizing: border-box
}

.post-filter-trigger[aria-expanded=true]+.post-filter-list-container {
  display: block
}

.post-filter-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  top: -1px;
  position: relative;
  color: var(--primary-color)
}

.post-filter-list li {
  margin: 0 0 1.1875rem
}

.post-filter-list li:last-child {
  margin: 0
}

.post-filter-list label,
.post-filter-list a {
  display: block;
  line-height: 1.4;
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  font-size: 1rem;
  cursor: pointer
}

.post-filter-list input:checked+label {
  text-decoration-color: var(--emphasis-color)
}

.post-filter-list input:focus-visible+label {
  outline: 2px solid var(--emphasis-color)
}

.post-filter-list a[data-selected=true] {
  text-decoration-color: var(--emphasis-color)
}

.post-filter .btn-delete {
  margin: 0 .3125rem .3125rem 0
}

@media screen and (min-width: 768px)and (hover: hover) {

  .post-filter-list label:hover,
  .post-filter-list a:hover {
    text-decoration-color: var(--emphasis-color)
  }
}

.post-index-dashboard {
  display: flex;
  justify-content: center;
  margin-top: 3.125rem;
  margin-bottom: 6.25rem
}

.post-sns {
  position: relative;
  display: flex;
  margin-top: 1.875rem
}

.post-sns li a {
  display: block;
  position: relative;
  box-sizing: content-box;
  height: 1.75rem;
  margin-right: 2.1875rem
}

.post-sns li a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  width: 100%;
  height: 100%
}

@media screen and (min-width: 768px) {
  .post-sns {
    margin-top: 9.375rem
  }

  .post-sns li a {
    padding-bottom: 4px
  }

  .post-sns li a:hover {
    border-bottom: 2px solid var(--emphasis-color)
  }
}

.post-sns li:last-child a {
  margin-right: 0
}

.post-sns .linkedin {
  width: 1.5rem;
  height: 1.5rem
}

.post-sns .linkedin::after {
  background-image: url("../image/icon-linkedin.svg")
}

.post-sns .instagram {
  width: 1.5rem;
  height: 1.5rem
}

.post-sns .instagram::after {
  background-image: url("../image/icon-instagram.svg")
}

.post-sns .youtube {
  width: 2.125rem;
  height: 1.5rem
}

.post-sns .youtube::after {
  background-image: url("../image/icon-youtube.svg")
}

.card {
  position: relative;
  box-sizing: border-box;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative
}

.card-img {
  display: none
}

@media screen and (max-width: 768px) {
  .card .divider--vertical {
    display: none
  }
}

.card .divider--horizontal {
  position: absolute;
  background-color: var(--primary-color);
  bottom: unset;
  top: 0
}

@media screen and (max-width: 768px) {

  .card>.divider[data-animation-delay].entered,
  .card .card-container [data-animation-delay].entered {
    animation-delay: 0s
  }
}

.card-eyebrow {
  margin-bottom: 2rem;
  text-transform: uppercase
}

.card-eyebrow a {
  text-decoration: none
}

@media screen and (min-width: 768px)and (hover: hover) {
  .card-eyebrow a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 3px
  }
}

.card-title a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  letter-spacing: 0;
  padding-bottom: 46px;
  margin-bottom: 2px
}

.card-title a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 31px;
  height: 14px;
  background-image: url("../image/icon-card-arrow.svg");
  background-repeat: no-repeat;
  background-size: 1.9375rem .875rem
}

.card-tags {
  margin-top: 2rem
}

.card-tag {
  display: inline-block;
  margin-right: .3125rem;
  font-size: .875rem;
  line-height: 1.4
}

.card-tag a {
  text-decoration: none
}

@media screen and (min-width: 768px)and (hover: hover) {
  .card-tag a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 3px
  }
}

@media screen and (max-width: 768px) {
  .card:last-child {
    border-bottom: 1px solid var(--primary-color)
  }
}

@media screen and (min-width: 768px) {
  .card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.25rem 1.25rem 2.375rem 1.25rem;
    min-width: 25%;
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    margin-left: -1px;
    border: 0;
    border-radius: .625rem;
    transition: background-color .3s;
    cursor: pointer
  }

  .card .divider--horizontal {
    width: calc(100% - 40px);
    bottom: 0;
    left: 1.25rem;
    right: unset;
    top: unset
  }

  .card .divider--vertical {
    position: absolute;
    width: 1px;
    height: calc(100% - 34px);
    top: 1.25rem;
    right: 0;
    left: unset
  }

  .card .card-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }

  .card-img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    aspect-ratio: 1.5847;
    border-radius: .5rem;
    margin-bottom: 1.5625rem
  }

  .card-title a {
    padding-bottom: 0;
    margin-bottom: 0
  }

  .card-title a::after {
    display: none
  }
}

@media screen and (min-width: 768px)and (hover: hover) {
  .card:hover {
    background-color: var(--primary-color);
    color: var(--white)
  }
}

@media screen and (min-width: 768px) {
  .card:last-child {
    border-bottom: 0
  }

  .article-grid .card:last-child .divider--vertical {
    display: none
  }

  .post-index-grid .card:nth-child(4n) .divider--vertical {
    display: none
  }
}

.article {
  --article-spacing: 2rem;
  overflow-x: hidden
}

.article {
  color: var(--secondary-color)
}

.article h1,
.article .h1,
.article h2,
.article .h2,
.article h3,
.article .h3,
.article h4,
.article .h4,
.article h5,
.article .h5,
.article h6,
.article .h6 {
  color: var(--primary-color)
}

.article h1,
.article .h1 {
  font-family: "Prata", serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0
}

.article h2,
.article .h2 {
  font-family: "Prata", serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .0675rem
}

.article h3,
.article .h3 {
  font-family: "Prata", serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .06rem
}

.article h4,
.article .h4 {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%
}

.article h5,
.article .h5,
.article h6,
.article .h6 {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: .039375rem
}

@media screen and (min-width: 768px) {
  .article h1 {
    font-family: "Prata", serif;
    font-size: 3.25rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .0975rem;
    line-height: 150%
  }

  .article h2 {
    font-family: "Prata", serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.2
  }

  .article h3 {
    font-family: "Prata", serif;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400
  }

  .article h4 {
    font-size: 2.125rem
  }
}

.article p,
.article .p,
.article ul,
.article ol {
  color: var(--secondary-color);
  font-family: nimbus-sans, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 165%;
  letter-spacing: .03375rem
}

@media screen and (min-width: 768px) {

  .article p,
  .article .p,
  .article ul,
  .article ol {
    font-size: 1.3125rem;
    line-height: 150%;
    letter-spacing: .039375rem
  }
}

.article-eyebrow {
  display: inline-block;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
  margin-bottom: 1.5625rem;
  cursor: pointer;
  text-decoration: none
}

@media screen and (min-width: 768px)and (hover: hover) {
  .article-eyebrow:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 4px
  }
}

.article-date {
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-top: 1.5625rem
}

.article-eyebrow,
.article-date {
  color: var(--primary-color)
}

.article figcaption {
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03rem
}

@media screen and (min-width: 768px) {

  .article-eyebrow,
  .article-date {
    font-family: nimbus-sans, sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .10625rem;
    text-transform: uppercase
  }

  .article-eyebrow {
    margin-bottom: 2.8125rem
  }

  .article-date {
    margin-top: 2.8125rem
  }
}

.article .has-black-color {
  color: var(--black)
}

.article .has-white-color {
  color: var(--white)
}

.article .has-blue-color {
  color: var(--blue)
}

.article .has-black-background-color {
  background-color: var(--black)
}

.article .has-white-background-color {
  background-color: var(--white)
}

.article .has-blue-background-color {
  background-color: var(--blue)
}

.article .has-small-font-size {
  font-size: .75rem
}

.article .has-medium-font-size {
  font-size: 1rem
}

.article .has-large-font-size {
  font-size: 1.25rem
}

.article {
  padding: 5.625rem 0 0
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article .h1,
.article .h2,
.article .h3,
.article .h4,
.article .h5,
.article .h6,
.article p,
.article .p,
.article ul,
.article ol {
  margin-top: 0;
  margin-bottom: var(--article-spacing)
}

.article div+h2,
.article div+h3,
.article div+h4,
.article div+h5,
.article div+h6,
.article p+h2,
.article p+h3,
.article p+h4,
.article p+h5,
.article p+h6,
.article div+.article-qna,
.article p+.article-qna {
  margin-top: calc(var(--article-spacing)*2);
  margin-bottom: var(--article-spacing)
}

.article .has-text-align-left {
  text-align: left
}

.article .has-text-align-center {
  text-align: center
}

.article .has-text-align-right {
  text-align: right
}

.article ul,
.article ol {
  padding: 0 0 0 2.8125rem
}

.article figure {
  margin-top: calc(var(--article-spacing)*2);
  margin-bottom: calc(var(--article-spacing)*2);
  margin-right: 0;
  margin-left: 0
}

.article figcaption {
  margin-top: .5rem
}

.article img {
  width: 100%;
  max-width: 100%;
  height: auto
}

.article figure img {
  border-radius: .5rem
}

.article .wp-block-embed__wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%
}

.article .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.article blockquote {
  margin-top: calc(var(--article-spacing)*2);
  margin-bottom: calc(var(--article-spacing)*2);
  margin-right: 0;
  margin-left: 0;
  padding: 0
}

.article hr {
  border: none;
  border-top: 1px solid;
  margin: var(--article-spacing) 0;
  width: 100%;
  box-sizing: border-box
}

.article hr.is-style-wide {
  border-top: 5px solid
}

.article hr.is-style-dots {
  border-top: 1px dotted
}

@media screen and (min-width: 480px) {
  .article figure.aligncenter {
    display: flex;
    flex-direction: column;
    margin: 0 auto var(--article-spacing) auto;
    width: 100%
  }

  .article figure.aligncenter img,
  .article figure.aligncenter figcaption {
    align-self: center
  }

  .article figure:not(.wp-block-embed).alignleft {
    margin-right: var(--article-spacing);
    margin-top: 0;
    margin-bottom: 0;
    float: left
  }

  .article figure:not(.wp-block-embed).alignright {
    margin-left: var(--article-spacing);
    margin-top: 0;
    margin-bottom: 0;
    float: right
  }

  .article img {
    width: auto
  }
}

@media screen and (min-width: 768px) {
  .article figure.wp-block-embed.alignleft {
    margin-right: var(--article-spacing);
    float: left;
    width: 50%
  }

  .article figure.wp-block-embed.alignright {
    margin-left: var(--article-spacing);
    float: right;
    width: 50%
  }
}

@media screen and (min-width: 768px) {
  .article figure {
    margin-top: calc(var(--article-spacing)*2);
    margin-bottom: calc(var(--article-spacing)*2)
  }

  .article blockquote {
    margin-top: calc(var(--article-spacing)*2);
    margin-bottom: calc(var(--article-spacing)*2)
  }
}

.article a:not([class]),
.article a:not([class]):active,
.article a:not([class]):hover,
.article a:not([class]):visited {
  text-decoration-line: underline;
  text-decoration-color: var(--primary-color);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px
}

@media screen and (min-width: 768px)and (hover: hover) {

  .article a:not([class]):hover,
  .article a:not([class]):active:hover,
  .article a:not([class]):hover:hover,
  .article a:not([class]):visited:hover {
    text-decoration-line: underline;
    text-decoration-color: var(--emphasis-color);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px
  }
}

.article a:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

.article-aside {
  display: none
}

@media screen and (min-width: 1200px) {
  .article-aside {
    display: block;
    position: relative;
    z-index: 5500;
    width: 100%
  }

  .article-aside.sticked {
    position: fixed;
    top: 90px;
    left: 0
  }
}

.article-video {
  position: relative;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-top: calc(var(--article-spacing)*2);
  margin-bottom: calc(var(--article-spacing)*2);
  padding-bottom: 1.875rem;
  overflow: visible
}

.article-video::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100vw;
  background-color: var(--secondary-color);
  width: 200vw;
  height: 100%
}

.article-video-container {
  position: relative;
  padding: 2.1875rem 1.25rem 0;
  box-sizing: border-box
}

.article-video-container video,
.article-video-container img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: .625rem
}

.article-video-container .btn-play {
  position: absolute;
  bottom: .9375rem;
  left: 2.1875rem
}

.article-video-caption {
  position: relative;
  color: var(--white);
  padding: 0 1.25rem;
  margin-top: .9375rem;
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03rem
}

@media screen and (min-width: 768px) {
  .article-video {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: calc(var(--article-spacing)*2)
  }

  .article-video-container {
    padding: 1.875rem 0 0
  }

  .article-video .btn-play {
    bottom: 1.875rem;
    left: 1.875rem
  }

  .article-video-caption {
    padding: 0;
    font-family: nimbus-sans, sans-serif;
    font-size: 1.1875rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .035625rem
  }
}

blockquote.article-quote {
  background-color: var(--primary-color);
  border-radius: .625rem;
  color: var(--white);
  padding: 2.1875rem 1.4375rem
}

@media screen and (min-width: 768px) {
  blockquote.article-quote {
    padding: 2.5rem 4.875rem 2.8125rem 2.5rem
  }
}

.article-quote-mark {
  position: relative;
  display: inline-block;
  width: 1rem;
  height: .8125rem;
  margin-bottom: .9375rem;
  margin-top: .125rem
}

.article-quote-mark::before,
.article-quote-mark::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1.8px;
  background-color: var(--white);
  transform: rotate(-52deg);
  transform-origin: top right
}

.article-quote-mark::before {
  top: 0;
  left: -0.1875rem
}

.article-quote-mark::after {
  top: 0;
  left: .4375rem
}

.article-quote img {
  position: relative;
  display: block;
  width: 5.8125rem;
  height: 6.75rem;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 1.125rem;
  margin-bottom: .3125rem;
  float: left;
  border-radius: 10px
}

.article-quote p {
  color: var(--white);
  font-family: "Prata", serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03375rem
}

.article-quote-name,
.article-quote-title,
.article-quote-location {
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03rem
}

.article-quote-name {
  font-weight: 700
}

@media screen and (min-width: 768px) {
  .article-quote-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 2.5rem;
    box-sizing: border-box
  }

  .article-quote-mark {
    width: 1.875rem;
    height: 1.5rem
  }

  .article-quote-mark::before,
  .article-quote-mark::after {
    width: 1.5625rem;
    transform: rotate(-58deg)
  }

  .article-quote-mark::before {
    left: -0.5rem
  }

  .article-quote-mark::after {
    left: .4375rem
  }

  .article-quote p {
    font-size: 1.3125rem;
    letter-spacing: .039375rem
  }

  .article-quote img {
    width: 7.5rem;
    height: 10.625rem;
    margin-right: 0;
    margin-bottom: 0
  }

  .article-quote-location {
    margin-top: .4375rem
  }
}

.article-qna h3 {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .05625rem
}

@media screen and (min-width: 768px) {
  .article-qna h3 {
    font-size: 2.125rem;
    line-height: 120%;
    letter-spacing: 0
  }
}

.article-divider {
  width: 100%;
  height: 1px;
  background-color: var(--primary-color);
  margin-top: 4.375rem;
  margin-bottom: 3.75rem
}

@media screen and (min-width: 768px) {
  .article-divider {
    margin-top: 6.25rem
  }
}

.article-tags {
  margin-bottom: var(--article-spacing);
  position: relative
}

.article-tags .tag {
  position: relative;
  display: inline-block;
  border-radius: 20px;
  border: 1px solid var(--primary-color);
  text-decoration: none;
  color: var(--primary-color);
  padding: 0 12px;
  margin: 0 10px 17px 0;
  transition: background-color .3s;
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03rem
}

@media screen and (min-width: 768px) {
  .article-tags .tag {
    font-family: nimbus-sans, sans-serif;
    font-size: 1.3125rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .63px;
    padding: 0 16px
  }
}

@media screen and (min-width: 768px)and (hover: hover) {
  .article-tags .tag:hover {
    background-color: var(--primary-color);
    color: var(--white)
  }
}

.article-tags {
  margin-bottom: calc(var(--article-spacing)*1.5 - 1rem)
}

@media screen and (min-width: 768px) {
  .article-tags {
    margin-bottom: calc(var(--article-spacing)*2 - 1rem)
  }
}

.article-footnotes {
  margin-bottom: calc(var(--article-spacing)*1.5)
}

@media screen and (min-width: 768px) {
  .article-footnotes {
    margin-bottom: calc(var(--article-spacing)*2)
  }
}

.article-tags h6,
.article-footnotes h6 {
  margin-bottom: 1.25rem
}

.article-tags p,
.article-footnotes p {
  margin: 0;
  font-size: 1.1875rem;
  line-height: 150%;
  letter-spacing: .035625rem
}

.article-disclaimers {
  border-bottom: 1px solid var(--primary-color)
}

.article-disclaimers>h6 {
  margin-bottom: 0
}

.dsc-accordion-trigger {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding: 1.25rem .625rem 1.25rem 0;
  border-top: 1px solid var(--primary-color);
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  color: var(--primary-color)
}

.dsc-accordion-trigger:focus-visible {
  outline: 2px solid var(--emphasis-color);
  outline-offset: -2px
}

.dsc-accordion-trigger-label {
  position: relative;
  width: calc(100% - 100px);
  font-size: 1.5rem;
  line-height: 130%;
  letter-spacing: .72px;
  text-align: left
}

.dsc-accordion-trigger-label.h6 {
  margin-bottom: 0
}

.dsc-accordion-trigger-icon {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 2.1875rem;
  right: -0.6875rem
}

.dsc-accordion-trigger-icon .ati-bar {
  position: absolute;
  display: block;
  width: 2px;
  background-color: var(--primary-color);
  transition: .3s transform
}

.dsc-accordion-trigger-icon .ati-bar:nth-child(1) {
  top: -12px;
  left: 0;
  height: 24px;
  transform-origin: center
}

.dsc-accordion-trigger-icon .ati-bar:nth-child(2) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-90deg) translate(4px, -9px)
}

.dsc-accordion-trigger-icon .ati-bar:nth-child(3) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-90deg) translate(4px, 6px)
}

.dsc-accordion-trigger[aria-expanded=true] .dsc-accordion-trigger-icon .ati-bar:nth-child(1) {
  transform: rotate(45deg)
}

.dsc-accordion-trigger[aria-expanded=true] .dsc-accordion-trigger-icon .ati-bar:nth-child(2) {
  transform: rotate(-45deg) translate(4px, -11px)
}

.dsc-accordion-trigger[aria-expanded=true] .dsc-accordion-trigger-icon .ati-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, 4px)
}

.dsc-accordion-trigger[aria-expanded=true] .accordion-trigger-icon::before {
  display: none;
  left: 9px
}

.dsc-accordion-panel {
  position: relative;
  height: 0;
  top: 0;
  outline: none;
  overflow: hidden;
  transition: height .4s
}

.dsc-accordion-panel .dsc-accordion-content {
  position: relative;
  padding-bottom: 1.875rem;
  padding-top: .3125rem
}

.dsc-accordion-panel .dsc-accordion-content div,
.dsc-accordion-panel .dsc-accordion-content p {
  margin-top: 0;
  font-size: 1.125rem;
  line-height: 165%;
  letter-spacing: .03375rem
}

.dsc-accordion-panel .dsc-accordion-content p:last-child {
  margin-bottom: 0
}

.dsc-accordion-panel .dsc-accordion-content::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: rgba(0, 0, 0, 0)
}

@media screen and (min-width: 768px) {
  .dsc-accordion-panel .dsc-accordion-content {
    font-size: 1.1875rem;
    line-height: 150%;
    letter-spacing: .035625rem
  }

  .dsc-accordion-panel .dsc-accordion-content div,
  .dsc-accordion-panel .dsc-accordion-content p {
    font-size: 1.1875rem;
    line-height: 150%;
    letter-spacing: .035625rem
  }
}

.article-general {
  padding: 200px 0 90px
}

@media screen and (min-width: 768px) {
  .article-general {
    padding: 310px 0 100px
  }
}

.article-leadership {
  padding: 140px 0
}

.article-series {
  padding: 90px 0 120px 0
}

.article-general-hero {
  margin-bottom: 3.75rem
}

@media screen and (min-width: 768px) {
  .article-general-hero {
    margin-bottom: 5.3125rem
  }
}

.aghero-carousel {
  margin-top: 2.8125rem
}

.aghero-slider,
.aghero-slide {
  width: 100%
}

.aghero-slide img,
.aghero-slide video {
  position: relative;
  display: block;
  border-radius: .25rem;
  height: 13.75rem;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.aghero-video-container {
  position: relative
}

.aghero-video-container .btn-play {
  position: absolute;
  bottom: .9375rem;
  right: .9375rem
}

.aghero-divider {
  width: 100%;
  height: 1px;
  background-color: var(--primary-color);
  margin-top: 1.5625rem
}

.aghero-counter {
  margin-top: 1.25rem;
  color: var(--primary-color);
  font-size: 1rem;
  letter-spacing: .48px
}

@media screen and (min-width: 576px) {

  .aghero-slide img,
  .aghero-slide video {
    height: 21.875rem
  }
}

@media screen and (min-width: 768px) {

  .aghero-slide img,
  .aghero-slide video {
    height: 25rem
  }
}

@media screen and (min-width: 992px) {

  .aghero-slide img,
  .aghero-slide video {
    height: 37.5rem
  }
}

.as-hero {
  padding-top: 13rem;
  padding-bottom: 4.6875rem
}

.as-hero-logo {
  max-width: 80px;
  max-height: 80px;
  -o-object-fit: contain;
  object-fit: contain
}

.as-hero-logo-dt {
  display: none;
  position: absolute;
  top: 0;
  left: 0
}

.as-hero .article-eyebrow-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1.875rem
}

.as-hero .article-eyebrow {
  margin-bottom: 0
}

.as-hero .article-eyebrow,
.as-hero .article-date {
  color: inherit
}

.as-hero h1 {
  font-family: "Prata", serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0
}

.as-hero-media {
  margin-top: 40px
}

.as-hero-media video,
.as-hero-media img {
  width: 100%;
  border-radius: .5rem
}

.as-hero-video-container {
  position: relative;
  width: 100%
}

.as-hero-video-container .btn-play {
  position: absolute;
  left: .9375rem;
  bottom: .9375rem
}

.as-hero-about {
  margin-top: 2.8125rem
}

.as-hero-about h2 {
  color: inherit;
  font-family: nimbus-sans, sans-serif;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: .039375rem
}

.as-hero-about p {
  color: inherit;
  font-size: 1.125rem;
  line-height: 165%;
  letter-spacing: .03375rem
}

@media screen and (min-width: 768px) {
  .as-hero {
    padding-top: 18.125rem;
    padding-bottom: 4.375rem
  }

  .as-hero h1 {
    font-family: "Prata", serif;
    font-size: 3.25rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .0975rem
  }

  .as-hero-media {
    margin-top: 45px
  }

  .as-hero .article-date {
    margin-top: 29px
  }

  .as-hero p {
    font-family: nimbus-sans, sans-serif;
    font-size: 1.3125rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .63px
  }

  .as-hero-video-container .btn-play {
    right: 1.875rem;
    bottom: 1.875rem;
    left: auto
  }
}

@media screen and (min-width: 1200px) {
  .as-hero .article-eyebrow-container {
    margin-bottom: 0
  }

  .as-hero .article-eyebrow {
    margin-bottom: 37px
  }

  .as-hero-logo-dt {
    display: block;
    position: relative;
    z-index: 5500
  }

  .as-hero-logo-dt.sticked {
    position: fixed;
    top: 90px;
    left: 0
  }

  .as-hero-logo-dt .js-as-hero-logo-top {
    display: block
  }

  .as-hero-logo-dt .js-as-hero-logo-body {
    display: none
  }

  .as-hero-logo-dt.body .js-as-hero-logo-top {
    display: none
  }

  .as-hero-logo-dt.body .js-as-hero-logo-body {
    display: block
  }

  .as-hero-logo-mb {
    display: none
  }
}

.alhero {
  margin-bottom: 3.75rem
}

.alhero-header {
  background-color: var(--primary-color);
  border-radius: .625rem;
  padding: 2.1875rem 1.5625rem;
  color: var(--white);
  margin-bottom: 1.5625rem
}

.alhero-header .article-eyebrow,
.alhero-header h2 {
  color: inherit
}

.alhero-header div+h2 {
  margin-top: 0
}

.alhero-header h2 {
  margin-bottom: 0
}

.alhero-quote-mark {
  margin-bottom: 1.125rem;
  display: block
}

.alhero-quote-profile {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 1.5625rem;
  color: var(--primary-color)
}

.alhero-quote-overlay {
  display: none
}

.alhero-quote-profile img {
  display: block;
  position: relative;
  width: 8.75rem;
  height: 11.875rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .25rem
}

.alhero-quote-name,
.alhero-quote-title,
.alhero-quote-location {
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03rem
}

.alhero-quote-name {
  font-weight: 700
}

@media screen and (min-width: 768px) {
  .alhero-header {
    border-top-left-radius: .5rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: 0;
    padding: 8.125rem 5.3125rem;
    margin-right: -0.625rem;
    margin-bottom: 0;
    height: 100%;
    box-sizing: border-box
  }

  .alhero h2 {
    font-family: "Prata", serif;
    font-size: 3.25rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .0975rem
  }

  .alhero-quote-profile {
    display: block;
    position: relative;
    height: 100%
  }

  .alhero-quote-profile img {
    width: 100%;
    height: 100%;
    min-height: 31.25rem;
    border-top-left-radius: 0;
    border-top-right-radius: .5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .5rem
  }

  .alhero-quote-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: .5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .5rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.095) 85%, rgba(0, 0, 0, 0.3) 100%)
  }

  .alhero-quote-info {
    position: absolute;
    bottom: 1.5625rem;
    left: 1.875rem
  }

  .alhero-quote-name,
  .alhero-quote-title,
  .alhero-quote-location {
    color: var(--white);
    font-family: nimbus-sans, sans-serif;
    font-size: 1.1875rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .035625rem
  }

  .alhero-quote-name {
    font-weight: 700
  }
}

.article-date-with-quote {
  display: none
}

.article-leadership-title {
  margin-bottom: 1.875rem
}

.article-leadership-title:not(.quote-enabled) .article-date {
  margin-top: 0
}

@media screen and (min-width: 768px) {
  .article-date-with-quote {
    display: block;
    margin-bottom: 1.5625rem;
    margin-top: 1.25rem
  }

  .article-leadership-title:not(.quote-enabled) .article-date {
    margin-top: 1.25rem
  }

  .quote-enabled .article-date-default {
    display: none
  }
}

.article-subnavigation {
  background-color: var(--tertiary-color);
  padding: 1.875rem 1.875rem .9375rem 2.5rem;
  box-sizing: border-box;
  margin-bottom: 4.375rem
}

.article-subnavigation button,
.article-subnavigation a {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  color: var(--primary-color);
  font-size: 1rem;
  line-height: 140%;
  letter-spacing: .48px;
  text-align: left;
  display: inline-block;
  margin-bottom: 1.25rem
}

.article-subnavigation button span,
.article-subnavigation a span {
  text-decoration: none
}

@media screen and (min-width: 768px)and (hover: hover) {

  .article-subnavigation button span:hover,
  .article-subnavigation a span:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 4px
  }
}

.article-subnavigation button::before,
.article-subnavigation a::before {
  content: "";
  position: absolute;
  top: .3125rem;
  left: -0.625rem;
  width: .125rem;
  height: 0;
  background-color: var(--emphasis-color);
  transition: height .3s
}

.article-subnavigation button.enabled,
.article-subnavigation a.enabled {
  font-weight: 700
}

.article-subnavigation button.enabled::before,
.article-subnavigation a.enabled::before {
  height: calc(100% - 8px)
}

.article-progress-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-around
}

.article-progress-bar-tick-mark {
  display: inline-block;
  width: 2px;
  height: 26px;
  background-color: var(--tertiary-color);
  transform: rotate(45deg);
  transition: background-color .3s
}

.article-progress-bar-tick-mark.enabled {
  background-color: var(--primary-color)
}

.tabbed-feature {
  padding: 5.625rem 0 8.125rem;
  background-color: var(--tertiary-color)
}

.tabbed-feature .component-headline {
  margin-bottom: 3.75rem
}

@media screen and (min-width: 768px) {
  .tabbed-feature {
    padding: 7.5rem 0
  }
}

.tab-list {
  display: none;
  position: relative;
  margin-top: 4.375rem;
  margin-bottom: 2.8125rem;
  padding-bottom: 1.875rem;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 2.1875rem;
  grid-template-columns: repeat(4, 1fr);
  align-items: flex-start
}

.tab-list-indicator {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .125rem;
  background-color: var(--white)
}

.tab-list-indicator>span {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--emphasis-color);
  transition: left .4s, width .4s
}

@media screen and (min-width: 1024px) {
  .tab-list {
    display: flex
  }
}

.tab-btn {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  color: var(--primary-color);
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: .039375rem;
  text-align: left;
  display: inline-flex
}

.tab-btn[disabled=true] {
  cursor: not-allowed
}

.tab-panel {
  display: none;
  padding-top: 2rem;
  background-color: var(--primary-color);
  color: var(--white);
  border-radius: .5rem;
  padding: 2.5rem 2.5rem 2.5rem 3.4375rem;
  box-sizing: border-box;
  height: 30.9375rem
}

.tab-panel-desc,
.tab-panel-media {
  width: 50%
}

.tab-panel-media {
  position: relative
}

.tab-panel-media .btn-play {
  position: absolute;
  left: 1.5625rem;
  bottom: 1.5625rem
}

.tab-panel-desc {
  height: 100%
}

.tab-panel-desc-scroller {
  height: 100%;
  overflow-y: auto
}

.tab-panel-desc-scroller::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.tab-panel-desc-scroller::-webkit-scrollbar-thumb {
  background: rgba(7, 25, 69, .4)
}

.tab-panel-desc-scroller::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0)
}

.tab-panel-desc-divider {
  width: calc(100% - 25px);
  height: 1px;
  background-color: var(--white)
}

.tab-panel img,
.tab-panel video {
  border-radius: .5625rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0 30%;
  object-position: 0 30%
}

@media screen and (min-width: 1024px) {
  .tab-panel.active {
    display: flex;
    gap: 1.25rem
  }

  .tab-panel-desc>div {
    padding-bottom: .625rem
  }

  .tab-panel h3 {
    font-family: nimbus-sans, sans-serif;
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0;
    margin-bottom: .9375rem;
    margin-top: 0
  }

  .tab-panel p {
    margin-bottom: 1.25rem;
    margin-top: 0;
    padding-right: 1.875rem
  }

  .tab-panel-desc {
    margin-right: 50px
  }
}

.tab-carousel-slider {
  margin-left: -1.25rem;
  margin-right: -1.25rem
}

.tab-carousel-slide {
  width: calc(100% - 70px);
  box-sizing: content-box;
  padding: 0 .75rem
}

.tab-carousel-slide h3 {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: .045rem;
  margin-bottom: 1.25rem
}

.tab-carousel-slide p {
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .03rem;
  margin-bottom: 1.5625rem
}

.tab-carousel-slide img,
.tab-carousel-slide video {
  width: 100%;
  height: 18.75rem;
  border-radius: .625rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0 20%;
  object-position: 0 20%
}

.tab-carousel-container {
  background-color: var(--primary-color);
  border-radius: .625rem;
  color: var(--white);
  padding: 3.125rem 1.125rem 1.125rem
}

.tab-carousel-content {
  margin-bottom: 1.875rem
}

.tab-carousel-content-scroller {
  height: 180px;
  overflow-y: auto;
  padding-right: 1.5625rem
}

.tab-carousel-content-scroller::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.tab-carousel-content-scroller::-webkit-scrollbar-thumb {
  background: rgba(7, 25, 69, .4)
}

.tab-carousel-content-scroller::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0)
}

.tab-carousel-content-divider {
  width: 100%;
  height: 1px;
  margin-top: 19px;
  background-color: var(--white)
}

.tab-carousel-media {
  position: relative
}

.tab-carousel-media .btn-play {
  position: absolute;
  bottom: 1.5625rem;
  left: 1.5625rem
}

.tab-carousel-indicator {
  position: relative;
  width: calc(100% + 20px);
  height: 2px;
  background-color: var(--white);
  margin-top: 2.1875rem;
  margin-right: -20px
}

.tab-carousel-indicator>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: .125rem;
  background-color: var(--emphasis-color);
  transition: width .4s, left .4s
}

@media screen and (min-width: 768px) {
  .tab-carousel-slider {
    margin-left: -1.875rem;
    margin-right: -1.875rem
  }

  .tab-carousel-slide img,
  .tab-carousel-slide video {
    height: 25rem
  }

  .tab-carousel-indicator {
    width: calc(100% + 30px);
    margin-right: -30px
  }
}

@media screen and (min-width: 1024px) {
  .tab-carousel {
    display: none
  }
}

.vmodal {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0);
  z-index: 9000;
  justify-content: center;
  align-items: center
}

.vmodal.is-visible {
  display: flex
}

.vmodal-close {
  position: absolute;
  top: 50px;
  right: 50px
}

.vmodal-dialog {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box
}

.vmodal-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--primary-color);
  transform-origin: center
}

.vmodal-player {
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
  opacity: 0;
  transition: opacity .3s;
  display: none
}

.vmodal-player.enabled {
  opacity: 1;
  display: flex
}

.vmodal-mp4 {
  width: 100%;
  height: 100%
}

.vmodal-mp4 video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.vmodal-vimeo,
.vmodal-youtube {
  position: relative;
  width: 100%;
  height: 100%
}

.vmodal-vimeo iframe,
.vmodal-youtube iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.footer {
  padding: 5.625rem 0 2.1875rem;
  color: var(--primary-color);
  overflow: hidden;
  background-color: var(--white);
  position: relative
}

.footer a {
  text-decoration: none;
  color: var(--primary-color)
}

.footer a:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

@media screen and (min-width: 768px)and (hover: hover) {
  .footer a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 3px
  }
}

.footer-col {
 
  position: relative;
 
  grid-column: auto/span 16
}

.footer-col-dt {
  display: none
}

.footer-col:nth-child(1) {
  margin-bottom: 2.8125rem
}

.footer-col:nth-child(3) {
  margin-top: 2.8125rem
}

@media screen and (min-width: 768px) {
  .footer-col:nth-child(1) {
    grid-row: 1/2
  }

  .footer-col:nth-child(3) {
    grid-column: 1/9;
    margin: 0
  }

  .footer-col:nth-child(4) {
    grid-column: 9/17
  }

  .footer-col-dt {
    display: block
  }

  .footer-col-mb {
    display: none
  }
}

@media screen and (min-width: 1200px) {
  .footer-col {
    grid-row: 1/2
  }

  .footer-col:nth-child(1) {
    grid-column: 1/9;
    padding-right: 5%
  }

  .footer-col.m6 {
    grid-column: 1/11
  }

  .footer-col:nth-child(3) {
    grid-column: 12/15
  }

  .footer-col:nth-child(4) {
    grid-column: 15/17
  }
}

.footer-nav {
  border-bottom: 1px solid var(--primary-color);
  margin: 0
}

.footer-nav>li {
  margin-bottom: 2.5rem
}

.footer-nav>li>a {
  font-size: 1.3125rem;
  font-weight: 700
}

.footer-nav a>br {
  display: none
}

@media screen and (min-width: 768px) {
  .footer-nav {
    display: flex;
    justify-content: space-between;
    padding-bottom: .625rem
  }
  /* .bare-list.footer-nav > li:not(:first-child) {
    margin-left: 100px;
  } */

  .footer-nav>li {
    margin-bottom: 1.25rem
  }

  .footer-nav>li>a {
    font-size: .875rem;
    line-height: 1.3
  }

  .footer-nav a>br {
    display: block
  }
}

@media screen and (min-width: 1200px) {
  .footer-nav {
    border-bottom: 0;
    padding-bottom: 0
  }
}

.footer-subnav {
  margin-left: .75rem;
  margin-top: 1.25rem
}

.footer-subnav li {
  margin-bottom: 1.25rem
}

.footer-subnav a {
  font-weight: 400;
  font-size: 1.125rem
}

@media screen and (min-width: 768px) {
  .footer-subnav {
    margin-left: 0
  }

  .footer-subnav li {
    margin-bottom: 1rem
  }

  .footer-subnav a {
    font-size: .875rem
  }
}

.footer-sns {
  position: relative;
  display: flex
}

.footer-sns li a {
  display: block;
  position: relative;
  box-sizing: content-box;
  height: 1.75rem;
  margin-right: 2.1875rem
}

.footer-sns li a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  width: 100%;
  height: 100%
}

.footer-sns li:last-child a {
  margin-right: 0
}

.footer-sns .linkedin a {
  width: 1.5rem;
  height: 1.5rem
}

.footer-sns .linkedin a::after {
  background-image: url("../image/icon-linkedin.svg")
}

.footer-sns .instagram a {
  width: 1.5rem;
  height: 1.5rem
}

.footer-sns .instagram a::after {
  background-image: url("../image/icon-instagram.svg")
}

.footer-sns .youtube a {
  width: 2.125rem;
  height: 1.5rem
}

.footer-sns .youtube a::after {
  background-image: url("../image/icon-youtube.svg")
}

@media screen and (min-width: 768px) {
  .footer-sns {
    justify-content: flex-end
  }

  .footer-sns li a {
    padding-bottom: 4px
  }
}

@media screen and (min-width: 768px)and (hover: hover) {
  .footer-sns li a:hover {
    border-bottom: 2px solid var(--emphasis-color)
  }
}

@media screen and (min-width: 1200px) {
  .footer-sns {
    justify-content: space-between
  }

  .footer-sns li a {
    margin-right: 0
  }
}

.footer-legal {
  font-size: 1.125rem;

   
}

.footer-legal li {
  margin-bottom: 1.5rem
}

.footer-legal li:last-child {
  margin-bottom: 0
}

.footer-legal a {
  line-height: 1.3
}

@media screen and (min-width: 768px) {
  .footer-legal {
    font-size: .875rem;
    margin: 0
  }

  .footer-legal li {
    margin-bottom: 1.25rem
  }
}

.footer-tick-marks {
  position: absolute;
  width: 7.1875rem;
  height: 11.875rem;
  bottom: 0;
  right: -4.6875rem;
  overflow: hidden
}

.footer-tick-marks video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-footer.svg");
  mask-image: url("../image/tick-marks-footer.svg")
}

@media screen and (min-width: 360px) {
  .footer-tick-marks {
    right: -1.75rem
  }
}

@media screen and (min-width: 768px) {
  .footer-tick-marks {
    display: none;
   
    
  }
  .bare-list.footer-legal{
    margin-left: 60px;
  }
  .bare-list.footer-nav .menu-item{
     width: 100px;
  }
  .bare-list.footer-legal li:nth-child(1){
    font-weight: 600;
  }
}

.footer-logo {
  margin: 5.625rem 0 .9375rem
}

.footer-copyright {
  font-size: .75rem;
  text-align: right
}

.homepageHero {
  overflow: hidden;
  height: auto;
  min-height: 48rem
}

@media screen and (min-width: 768px) {
  .homepageHero {
    height: 100dvh
  }
}

.homepageHero__canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: opacity .3s ease-out
}

.homepageHero__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -2
}

.homepageHero .container {
  position: relative;
  padding-top: clamp(6.6875rem, 45%, 17.5rem);
  padding-bottom: 2.75rem
}

@media screen and (min-width: 768px) {
  .homepageHero .container {
    flex-direction: row;
    padding-top: 8.5625rem;
    align-items: center;
    height: 100%;
    display: grid;
    padding-bottom: 1.875rem
  }
}

.homepageHero h1,
.homepageHero p {
  color: var(--primary-color);
  background-color: var(--white);
  display: block;
  transition-delay: 0s;
  margin: 0;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

@media screen and (min-width: 768px) {

  .homepageHero h1,
  .homepageHero p {
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
  }
}

.homepageHero h1 {
  padding: .625rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  font-size: 3rem;
  line-height: 1.3
}

@media screen and (min-width: 768px) {
  .homepageHero h1 {
    font-size: clamp(2.625rem, 8vw, 5.625rem);
    padding: 0 1.5625rem;
    line-height: 1.353;
    margin-left: -1.5625rem;
    margin-right: -1.5625rem
  }
}

.homepageHero p {
  font-size: 1.5rem;
  padding: .625rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem
}

@media screen and (min-width: 768px) {
  .homepageHero p {
    font-size: 2.125rem;
    padding: .9375rem;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem
  }
}

.homepageHero__content-wrapper {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  z-index: 5;
  padding: 0 100px;
  pointer-events: none
}

.homepageHero__subheader-wrapper {
  max-width: 36.75rem
}

.homepageHero__text-wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 4.0625rem;
  gap: 2.5rem
}

@media screen and (min-width: 768px) {
  .homepageHero__text-wrapper {
    gap: 1.25rem;
    padding-bottom: 0
  }
}

.homepageHero__scroll-indicator {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  transform: rotate(180deg);
  z-index: 5;
  pointer-events: none;
  opacity: 1;
  transition: opacity .3s;
  padding: 1.5625rem 1rem;
  background-color: var(--white);
  align-items: center;
  writing-mode: vertical-rl;
  color: var(--primary-color)
}

@media screen and (min-width: 768px) {
  .homepageHero__scroll-indicator {
    position: absolute;
    left: 0;
    bottom: 0
  }
}

.homepageHero__scroll-indicator-line {
  width: .0625rem;
  height: 10rem;
  background-color: var(--primary-color);
  margin: 0 auto
}

@media screen and (min-width: 768px) {
  .homepageHero__scroll-indicator-line {
    height: 30.3125rem
  }
}

.homepageHero__cta-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  height: 4.5rem;
  z-index: 1;
  overflow: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0);
  width: auto;
  overflow: hidden;
  max-width: 23.25rem;
  transition: width .3s
}

@media screen and (min-width: 768px) {
  .homepageHero__cta-wrapper {
    opacity: 1;
    bottom: 1.875rem;
    left: unset;
    right: 1.875rem;
    width: 4.5rem
  }
}

.homepageHero__play-btn {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  height: 100%;
  position: relative;
  align-items: center;
  justify-content: flex-end
}

@media screen and (min-width: 768px) {
  .homepageHero__play-btn {
    opacity: 1
  }
}

.homepageHero__play-btn .btn-play-text {
  flex: 1;
  color: var(--white);
  font-size: 1.125rem;
  padding-left: 2rem;
  text-align: left;
  white-space: nowrap;
  position: absolute;
  right: 0;
  background-color: var(--secondary-color);
  height: 100%;
  border-radius: 2.5rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 0;
  opacity: 0;
  transition: width .3s, opacity .3s
}

.homepageHero__play-btn .btn-play-icon {
  width: 4.5rem;
  height: 4.5rem;
  position: relative;
  border-radius: 50%;
  top: unset;
  left: unset;
  background-color: var(--primary-color)
}

.homepageHero__play-btn .btn-play-icon-bar:nth-child(1) {
  top: calc(50% - .5rem);
  left: 39%
}

@media screen and (min-width: 768px) {
  .homepageHero__play-btn .btn-play-icon-bar:nth-child(1) {
    top: calc(50% - .6875rem)
  }
}

.homepageHero__play-btn .btn-play-icon-bar:nth-child(2) {
  top: 30%;
  left: 54%
}

@media screen and (min-width: 768px) {
  .homepageHero__play-btn .btn-play-icon-bar:nth-child(2) {
    top: 22%;
    left: 57%
  }
}

.homepageHero__play-btn .btn-play-icon-bar:nth-child(3) {
  top: 47%;
  left: 54%
}

@media screen and (min-width: 768px) {
  .homepageHero__play-btn .btn-play-icon-bar:nth-child(3) {
    top: 46%;
    left: 57%
  }
}

.homepageHero--is-scrolled h1,
.homepageHero--is-scrolled p {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0)
}

.homepageHero--is-scrolled .homepageHero__scroll-indicator-line {
  background-color: var(--white)
}

.homepageHero--is-scrolled .homepageHero__scroll-indicator {
  color: var(--white)
}

.homepageHero--is-scrolled .homepageHero__canvas {
  opacity: 0
}

.homepageHero--is-scrolled .homepageHero__scroll-indicator {
  opacity: 0
}

@media screen and (min-width: 768px) {
  .homepageHero--is-scrolled .homepageHero__scroll-indicator {
    background-color: rgba(0, 0, 0, 0);
    opacity: 1
  }
}

.homepageHero--is-scrolled .homepageHero__play-btn .btn-play-text {
  width: 100%;
  opacity: 1
}

.homepageHero--is-scrolled .homepageHero__cta-wrapper {
  width: 100%;
  opacity: 1
}

.footerPromo {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
  position: relative;
  overflow: hidden
}

@media screen and (min-width: 768px) {
  .footerPromo {
    padding-top: 8.75rem;
    padding-bottom: 8.75rem
  }
}

.footerPromo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 50, 255, .4);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px)
}

.footerPromo__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  pointer-events: none
}

.footerPromo__headline {
  color: var(--white);
  margin-bottom: 0
}

.footerPromo__grid {
  row-gap: 3.125rem;
  position: relative;
  z-index: 1
}

.footerPromo__cta-grid {
  display: inline-flex;
  flex-direction: column;
  gap: 1.25rem
}

.footerPromo__tmd .tmd-container {
  position: absolute;
  width: 15.625rem;
  height: 8.125rem;
  bottom: -14.0625rem;
  right: -1.25rem;
  overflow: hidden
}

.footerPromo__tmd .tmd-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-footer-promo.svg");
  mask-image: url("../image/tick-marks-footer-promo.svg")
}

@media screen and (min-width: 768px) {
  .footerPromo__tmd .tmd-container {
    width: 26.0625rem;
    height: 18.3125rem;
    top: unset;
    bottom: -11.5625rem;
    right: 0
  }

  .footerPromo__tmd .tmd-container video {
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
  }
}

.footerPromo:has(.footerPromo__tmd) {
  padding-bottom: 12.5rem
}

@media screen and (min-width: 768px) {
  .footerPromo:has(.footerPromo__tmd) {
    padding-bottom: 9.375rem
  }
}

.footerPromo:has(.footerPromo__tmd) .footerPromo__cta-grid {
  max-width: calc(100% - 26.0625rem)
}

@media screen and (min-width: 768px) {
  .footerPromo__cta-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
  }
}

.featured-stats {
  background-color: var(--white);
  padding-top: 5.625rem;
  padding-bottom: 5.625rem
}

@media screen and (min-width: 768px) {
  .featured-stats {
    padding-top: 8.125rem;
    padding-bottom: 13.4375rem
  }
}

.featured-stats__header {
  padding-bottom: 3.75rem
}

@media screen and (min-width: 768px) {
  .featured-stats__header {
    padding-bottom: 8.125rem
  }
}

.featured-stats__stats {
  display: flex;
  flex-direction: column;
  gap: 2.5rem
}

.featured-stats__stat {
  max-width: 12.625rem;
  border-bottom: .0625rem solid var(--primary-color);
  padding-bottom: .9375rem
}

@media screen and (min-width: 768px) {
  .featured-stats__stat {
    max-width: unset
  }

  .featured-stats__stat:nth-child(2n) {
    text-align: right
  }
}

.featured-stats__stat h5 {
  font-family: "Prata", serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.2;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: .9375rem;
  white-space: nowrap
}

@media screen and (min-width: 768px) {
  .featured-stats__stat h5 {
    font-family: "Prata", serif;
    font-size: 9.375rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .28125rem;
    line-height: 1;
    margin: 0
  }
}

.featured-stats__stat p {
  font-size: .75rem;
  margin: 0;
  white-space: nowrap
}

@media screen and (min-width: 768px) {
  .featured-stats__stat p {
    font-size: 1.3125rem
  }
}

.featured-stats__footer {
  display: inline-flex;
  flex-direction: column;
  gap: 2.8125rem;
  padding-top: 3.75rem
}

@media screen and (min-width: 768px) {
  .featured-stats__footer {
    display: flex;
    flex-direction: row;
    gap: 1.875rem
  }
}

.hse {
  height: auto;
  position: relative;
  overflow: hidden;
  max-width: 100vw;
  overscroll-behavior: none
}

.hse .homepageHero {
  height: 130dvh
}

.hse .homepageHero .container {
  max-height: 100dvh
}

@media screen and (min-width: 768px) {
  .hse section.vcarousel {
    height: 48.75rem
  }
}

@media screen and (min-width: 768px) {
  .hse section:not(.footerPromo):not(.vcarousel) {
    min-height: 100vh
  }
}

.hse section:not(.homepageHero) {
  border-top-left-radius: 1.875rem;
  border-top-right-radius: 1.875rem;
  overflow: hidden
}

@media screen and (min-width: 768px) {
  .hse section:not(.homepageHero) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }
}

@media screen and (min-width: 768px) {
  .hse section:not(.homepageHero) .container {
    width: 100vw
  }
}

.hse .tick-marks-divider .tmd-container {
  top: .3125rem;
  height: 3.75rem
}

@media(prefers-reduced-motion: no-preference) {
  [data-component=AnimationsController] [data-animation=fade-in-up] {
    opacity: 0;
    transform: translateY(50px);
    will-change: opacity, transform
  }

  [data-component=AnimationsController] [data-animation=fade-in-up].entered {
    animation: fade-in-up var(--animation-duration, 0.5s) var(--animation-easing, ease-out) forwards var(--animation-delay, 0s)
  }

  [data-component=AnimationsController] [data-animation=zoom-in] {
    transform: scale(0.001);
    transform-origin: bottom left;
    will-change: transform
  }

  [data-component=AnimationsController] [data-animation=zoom-in].entered {
    animation: zoom-in var(--animation-duration, 0.5s) var(--animation-easing, ease-out) forwards var(--animation-delay, 0s)
  }

  [data-component=AnimationsController] [data-animation=zoom-in-left] {
    transform: scale(0.001);
    transform-origin: bottom right;
    will-change: transform
  }

  [data-component=AnimationsController] [data-animation=zoom-in-left].entered {
    animation: zoom-in var(--animation-duration, 0.5s) var(--animation-easing, ease-out) forwards var(--animation-delay, 0s)
  }

  [data-component=AnimationsController] [data-animation=fade-in] {
    opacity: 0;
    will-change: opacity
  }

  [data-component=AnimationsController] [data-animation=fade-in].entered {
    animation: fade-in var(--animation-duration, 0.5s) var(--animation-easing, ease-out) forwards var(--animation-delay, 0s)
  }

  [data-component=AnimationsController] [data-animation=slide-in-right] {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0)
  }

  [data-component=AnimationsController] [data-animation=slide-in-right].entered {
    animation: slide-in-right var(--animation-duration, 0.5s) var(--animation-easing, ease-out) forwards var(--animation-delay, 0s)
  }

  [data-component=AnimationsController] [data-animation=slide-in-left] {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%)
  }

  [data-component=AnimationsController] [data-animation=slide-in-left].entered {
    animation: slide-in-left var(--animation-duration, 0.5s) var(--animation-easing, ease-out) forwards var(--animation-delay, 0s)
  }

  [data-component=AnimationsController] [data-animation=slide-in-up] {
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0)
  }

  [data-component=AnimationsController] [data-animation=slide-in-up].entered {
    animation: slide-in-up var(--animation-duration, 0.5s) var(--animation-easing, ease-out) forwards var(--animation-delay, 0s)
  }

  @keyframes zoom-in {
    from {
      transform: scale(0)
    }

    to {
      transform: scale(1)
    }
  }

  @keyframes fade-in-up {
    0% {
      opacity: 0;
      transform: translateY(50px)
    }

    25% {
      opacity: 0;
      transform: translateY(25px)
    }

    100% {
      opacity: 1;
      transform: translateY(0)
    }
  }

  @keyframes fade-in {
    0% {
      opacity: 0
    }

    25% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }

  @keyframes slide-in-right {
    from {
      -webkit-clip-path: inset(0 100% 0 0);
      clip-path: inset(0 100% 0 0)
    }

    to {
      -webkit-clip-path: inset(0 0 0 0);
      clip-path: inset(0 0 0 0)
    }
  }

  @keyframes slide-in-left {
    from {
      -webkit-clip-path: inset(0 0 0 100%);
      clip-path: inset(0 0 0 100%)
    }

    to {
      -webkit-clip-path: inset(0 0 0 0);
      clip-path: inset(0 0 0 0)
    }
  }

  @keyframes slide-in-up {
    from {
      -webkit-clip-path: inset(100% 0 0 0);
      clip-path: inset(100% 0 0 0)
    }

    to {
      -webkit-clip-path: inset(0 0 0 0);
      clip-path: inset(0 0 0 0)
    }
  }
}

.promo {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
  background-color: var(--white);
  position: relative
}

@media screen and (min-width: 992px) {
  .promo {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
  }
}

.promo[data-theme=light-blue] {
  background-color: var(--tertiary-color)
}

.promo[data-theme=navy-blue],
.promo[data-theme=blur] {
  background-color: var(--secondary-color)
}

.promo[data-theme=navy-blue] .promo__content,
.promo[data-theme=blur] .promo__content {
  color: var(--white)
}

.promo[data-theme=navy-blue] .promo__content ul,
.promo[data-theme=blur] .promo__content ul {
  padding: 0;
  margin-top: 1.25rem;
  font-size: 1rem;
  list-style: none
}

.promo[data-theme=navy-blue] .promo__content ul li,
.promo[data-theme=blur] .promo__content ul li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 1.5625rem
}

.promo[data-theme=navy-blue] .promo__content ul li::before,
.promo[data-theme=blur] .promo__content ul li::before {
  content: "";
  position: absolute;
  top: .125rem;
  left: 0;
  background-image: url("../image/icon-bullet.svg");
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  width: .875rem;
  height: .875rem
}

@media screen and (min-width: 1200px) {

  .promo[data-theme=navy-blue] .promo__content ul,
  .promo[data-theme=blur] .promo__content ul {
    font-size: 1.3125rem
  }

  .promo[data-theme=navy-blue] .promo__content ul li::before,
  .promo[data-theme=blur] .promo__content ul li::before {
    top: .3125rem
  }
}

.promo[data-theme=blur]::before {
  content: ""
}

.promo::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 50, 255, .4);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  z-index: 1
}

.promo__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  display: block
}

.promo .container {
  position: relative;
  z-index: 2
}

.promo__grid {
  gap: 2.75rem
}

@media screen and (min-width: 992px) {
  .promo__grid {
    align-items: center;
    min-height: 20.3125rem
  }
}

@media screen and (min-width: 992px) {
  .promo__grid--right .promo__content {
    order: 2;
    grid-column-start: 10
  }

  .promo__grid--right .promo__media {
    order: 1;
    grid-column-start: 2
  }
}

@media screen and (min-width: 992px) {
  .promo__grid--left .promo__content {
    order: 1;
    grid-column-start: 2
  }

  .promo__grid--left .promo__media {
    order: 2;
    grid-column-start: 10
  }
}

.promo__content {
  grid-column-start: 0;
  grid-column: auto/span 16;
  order: 1
}

.promo__content p {
  margin-bottom: 0
}

.promo__content ul {
  padding: 0;
  margin-top: 1.25rem;
  font-size: 1rem;
  list-style: none;
  margin-bottom: 0
}

.promo__content ul li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 1.5625rem
}

.promo__content ul li::before {
  content: "";
  position: absolute;
  top: .125rem;
  left: 0;
  background-image: url("../image/icon-bullet-blue.svg");
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  width: .875rem;
  height: .875rem
}

@media screen and (min-width: 1200px) {
  .promo__content ul {
    font-size: 1.3125rem
  }

  .promo__content ul li::before {
    top: .3125rem
  }
}

.promo__content ul li:last-child {
  margin-bottom: 0
}

.promo__content .btn-cta {
  margin-top: 2.5rem
}

@media screen and (min-width: 992px) {
  .promo__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    grid-column: auto/span 6
  }

  .promo__content .btn-cta {
    margin-top: 2.8125rem
  }
}

.promo__media {
  grid-column-start: 0;
  grid-column: auto/span 16;
  order: 2
}

@media screen and (min-width: 992px) {
  .promo__media {
    grid-column: auto/span 6
  }
}

.promo__media:has(.promo__tmd) {
  display: none
}

@media screen and (min-width: 992px) {
  .promo__media:has(.promo__tmd) {
    display: block
  }
}

.promo__image {
  width: 100%;
  height: auto;
  border-radius: .625rem;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  display: block
}

@media screen and (min-width: 992px) {
  .promo__image {
    min-height: 31.25rem;
    -o-object-fit: cover;
    object-fit: cover
  }
}

.promo__tmd {
  position: relative
}

.promo__tmd .tmd-container {
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
  right: 0;
  overflow: hidden
}

.promo__tmd .tmd-container video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-option2.svg");
  mask-image: url("../image/tick-marks-option2.svg");
  -webkit-mask-position: center;
  mask-position: center
}

@media screen and (min-width: 768px) {
  .promo__tmd .tmd-container video {
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
  }
}

.image {
  overflow: hidden;
  background-color: var(--white)
}

.image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover
}

@media screen and (max-width: 768px) {
  .image img {
    min-height: 15.625rem
  }
}

.flexibleHero {
  padding-top: 10.125rem;
  padding-bottom: 0;
  background-color: var(--tertiary-color);
  background-color: #fff;
  overflow: hidden
}

@media screen and (min-width: 992px) {
  .flexibleHero {
    padding-top: 18.75rem;
    padding-bottom: 3.75rem
  }
}

.flexibleHero__eyebrow {
  margin-top: 0;
  margin-bottom: 1.25rem;
  padding-left: 1.25rem;
  position: relative
}

@media screen and (min-width: 992px) {
  .flexibleHero__eyebrow {
    margin-bottom: 1.875rem
  }
}

.flexibleHero__eyebrow::before {
  content: "";
  position: absolute;
  left: .3125rem;
  width: .0625rem;
  height: 1.25rem;
  background-color: var(--primary-color);
  transform: rotate(30deg);
  top: .3125rem
}

.flexibleHero__headline {
  margin-bottom: 1.25rem
}

@media screen and (min-width: 992px) {
  .flexibleHero__headline {
    margin-bottom: 1.5625rem
  }
}

.flexibleHero__description {
  margin-top: 1.25rem;
  max-width: 42.6875rem
}

.flexibleHero__grid {
  gap: 3.75rem
}

.flexibleHero__content>*:last-child {
  margin-bottom: 0
}

.flexibleHero__tdm {
  position: relative
}

@media screen and (min-width: 992px) {
  .flexibleHero__tdm {
    display: flex;
    justify-content: flex-end;
    height: 100%;
    align-items: end
  }
}

.flexibleHero__tdm .tmd-container {
  position: relative;
  width: 17.5rem;
  height: 5.625rem;
  overflow: hidden
}

.flexibleHero__tdm .tmd-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: 32.8125rem;
  mask-size: 32.8125rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-option2.svg");
  mask-image: url("../image/tick-marks-option2.svg")
}

@media screen and (min-width: 992px) {
  .flexibleHero__tdm .tmd-container {
    width: 100%;
    max-width: 24.875rem;
    height: 15.1875rem
  }

  .flexibleHero__tdm .tmd-container video {
    -webkit-mask-size: 130%;
    mask-size: 130%;
    -webkit-mask-position: top right;
    mask-position: top right;
    rotate: 180deg
  }
}

.verticalVideoCarousel {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
  background-color: var(--secondary-color);
  color: var(--white)
}

@media screen and (min-width: 992px) {
  .verticalVideoCarousel {
    padding-top: 7.5rem;
    padding-bottom: 6.25rem
  }
}

.verticalVideoCarousel__container {
  margin-left: -1.25rem;
  width: calc(100% + 2.5rem);
  overflow: hidden
}

@media screen and (min-width: 992px) {
  .verticalVideoCarousel__container {
    margin-left: 0;
    width: 100%
  }

  .verticalVideoCarousel__container[data-length="3"] .verticalVideoCarousel__controls {
    visibility: hidden
  }

  .verticalVideoCarousel__container[data-length="3"] .verticalVideoCarousel__slider {
    overflow-x: hidden;
    padding-bottom: 0
  }
}

.verticalVideoCarousel__header p {
  margin-bottom: 0;
  max-width: 40rem
}

.verticalVideoCarousel__slider {
  overscroll-behavior-x: none;
  white-space: nowrap;
  display: flex;
  gap: 1.25rem;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-padding: 0 1.25rem;
  padding-bottom: 1.875rem;
  overflow-x: scroll
}

.verticalVideoCarousel__slider::-webkit-scrollbar {
  width: .25rem;
  height: .25rem
}

.verticalVideoCarousel__slider::-webkit-scrollbar-thumb {
  background: #20caa6
}

.verticalVideoCarousel__slider::-webkit-scrollbar-track {
  background: #000
}

@media screen and (max-width: 992px) {

  .verticalVideoCarousel__slider::-webkit-scrollbar-track,
  .verticalVideoCarousel__slider::-webkit-scrollbar-thumb {
    background-clip: content-box;
    border-left: solid 1.25rem rgba(0, 0, 0, 0);
    border-right: solid 1.25rem rgba(0, 0, 0, 0)
  }
}

@media screen and (min-width: 992px) {
  .verticalVideoCarousel__slider {
    gap: 0;
    padding-bottom: 2.9375rem
  }
}

.verticalVideoCarousel__slide {
  display: block;
  box-sizing: border-box;
  width: calc(100% - 3.125rem);
  flex: 0 0 auto;
  scroll-snap-align: center;
  position: relative;
  aspect-ratio: 8/13
}

.verticalVideoCarousel__slide:first-child {
  padding-left: 1.25rem;
  width: calc(100% - 1.875rem)
}

.verticalVideoCarousel__slide:last-child {
  padding-right: 1.25rem;
  width: calc(100% - 1.875rem)
}

@media screen and (min-width: 992px) {
  .verticalVideoCarousel__slide {
    width: 33.33333%;
    aspect-ratio: 19/31;
    padding-right: 0;
    padding-left: 1.125rem;
    cursor: default
  }

  .verticalVideoCarousel__slide:last-child {
    padding-right: 0;
    padding-left: 1.125rem;
    width: 33.33333%
  }

  .verticalVideoCarousel__slide:first-child {
    padding-left: 0;
    width: 33.33333%
  }
}

.verticalVideoCarousel__slide-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0
}

.verticalVideoCarousel__slide-background video,
.verticalVideoCarousel__slide-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.verticalVideoCarousel__slide-content {
  position: relative;
  z-index: 1;
  white-space: normal
}

.verticalVideoCarousel__slide-content p {
  font-size: 1rem;
  margin: 0;
  line-height: 1.3
}

@media screen and (min-width: 992px) {
  .verticalVideoCarousel__slide-content p {
    min-height: 5.875rem
  }
}

.verticalVideoCarousel__slide-content .name {
  font-weight: 700
}

@media screen and (min-width: 992px) {
  .verticalVideoCarousel__slide-content .name {
    font-size: 1.1875rem
  }
}

.verticalVideoCarousel__slide-content .location {
  line-height: 1;
  display: block;
  padding-top: .75rem
}

.verticalVideoCarousel__slide-content .btn-play {
  width: 3.75rem;
  height: 3.75rem
}

@media screen and (min-width: 992px) {
  .verticalVideoCarousel__slide-content .btn-play-icon {
    transform: scale(0.7)
  }
}

@media screen and (max-width: 992px) {
  .verticalVideoCarousel__slide-content[data-animation-delay].entered {
    animation-delay: 0s
  }
}

@media screen and (min-width: 992px) {
  .verticalVideoCarousel__slide-content {
    max-width: 14.375rem
  }
}

.verticalVideoCarousel__slide-inner {
  position: relative;
  border-radius: .625rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 1.0625rem .875rem;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden
}

@media screen and (min-width: 992px) {
  .verticalVideoCarousel__slide-inner {
    padding: 1.5rem 1.25rem
  }
}

.verticalVideoCarousel__slide-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%);
  z-index: 1
}

.verticalVideoCarousel__video-wrapper {
  padding-bottom: .9375rem
}

@media screen and (min-width: 992px) {
  .verticalVideoCarousel__video-wrapper {
    padding-bottom: 1.25rem
  }
}

.verticalVideoCarousel__grid {
  gap: 3.75rem
}

@media screen and (min-width: 992px) {
  .verticalVideoCarousel__grid {
    gap: 4.8125rem
  }
}

.verticalVideoCarousel__controls {
  padding-top: 2.5rem;
  display: flex;
  justify-content: flex-end;
  gap: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.verticalVideoCarousel__control {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  appearance: none;
  position: relative;
  width: 2.375rem;
  height: 1.875rem;
  transition: opacity .3s;
  cursor: pointer
}

.verticalVideoCarousel__control:hover:not([disabled])::after {
  filter: brightness(0) saturate(100%) invert(59%) sepia(74%) saturate(423%) hue-rotate(117deg) brightness(95%) contrast(96%)
}

.verticalVideoCarousel__control:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

.verticalVideoCarousel__control[disabled] {
  opacity: .5;
  cursor: not-allowed
}

.verticalVideoCarousel__control::after {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: ""
}

.verticalVideoCarousel__control--next::after {
  background-image: url("../image/carousel-arrow-right.svg")
}

.verticalVideoCarousel__control--prev::after {
  background-image: url("../image/carousel-arrow-left.svg")
}

.avc {
  margin: 5.625rem 0
}

.avc-container {
  position: relative
}

.avc-top {
  padding-right: 1.875rem
}

@media screen and (min-width: 768px) {
  .avc-video-overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7) 100%)
  }

  .avc-article-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: 0;
    right: 0;
    width: 100%;
    height: calc(100% - 150px);
    color: var(--white);
    padding: 7.5rem 3.125rem 0;
    box-sizing: border-box
  }
}

@media screen and (min-width: 1200px) {
  .avc-article-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: 0;
    right: 0;
    width: calc(50% - 20px);
    height: calc(100% - 95px);
    color: var(--white);
    padding: 0
  }
}

.avc-slider {
  margin-left: -1.25rem;
  margin-right: -1.25rem
}

.avc-slide {
  width: calc(100% - 40px);
  box-sizing: content-box;
  padding: 0 .3125rem
}

.avc-eyebrow {
  font-size: .9375rem;
  margin-top: 2rem;
  text-transform: uppercase
}

.avc-eyebrow a {
  text-decoration: none
}

@media screen and (min-width: 768px)and (hover: hover) {
  .avc-eyebrow a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 3px
  }
}

.avc-video-container {
  position: relative
}

.avc-container video,
.avc-container img {
  position: relative;
  display: block;
  width: 100%;
  height: 15rem;
  -o-object-fit: cover;
  object-fit: cover
}

.avc .btn-play {
  position: absolute;
  right: 1.875rem;
  bottom: 1.875rem;
  width: 3.75rem;
  height: 3.75rem
}

.avc .btn-play-trigger {
  display: none
}

.avc .btn-cta {
  display: none
}

.avc-title {
  margin-top: 2rem;
  font-size: 1.1875rem;
  line-height: 140%;
  font-family: nimbus-sans, sans-serif;
  font-weight: 400
}

.avc-title a {
  text-decoration: none
}

.avc-tags {
  margin-top: 2rem
}

.avc-tag {
  font-size: .875rem
}

.avc-tag a {
  text-decoration: none
}

@media screen and (min-width: 768px)and (hover: hover) {
  .avc-tag a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 3px
  }
}

.avc-divider {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  width: 100%;
  height: 1px;
  background-color: var(--primary-color)
}

@media screen and (min-width: 576px) {

  .avc-container video,
  .avc-container img {
    width: 100%;
    height: 18.75rem;
    -o-object-fit: cover;
    object-fit: cover
  }
}

@media screen and (min-width: 768px) {
  .avc-slider {
    margin-left: 0;
    margin-right: 0
  }

  .avc-slide {
    width: 100%;
    padding: 0
  }

  .avc-container video,
  .avc-container img {
    height: 40.625rem
  }

  .avc-divider {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    background-color: var(--white);
    bottom: 4.625rem;
    left: 10.9375rem;
    width: calc(100% - 210px)
  }

  .avc-title {
    font-size: 2.25rem;
    line-height: 120%;
    margin-bottom: 1.875rem;
    margin-top: 1.6875rem
  }

  .avc .btn-play {
    left: 1.875rem;
    bottom: 1.875rem;
    width: 5.625rem;
    height: 5.625rem;
    opacity: 0
  }

  .avc .btn-play-trigger {
    display: block;
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem
  }

  .avc .btn-cta {
    display: inline-flex
  }

  .avc-counter {
    position: absolute;
    bottom: 2.5rem;
    left: calc(50% + 20px);
    color: var(--white)
  }
}

@media screen and (min-width: 1200px) {
  .avc-top {
    padding-top: 7.5rem;
    padding-right: 3.125rem
  }
}

.hacc,
.hacc[data-skin=navy-blue] {
  --hacc-color: rgb(255, 255, 255);
  --hacc-bg-color: #071945
}

.hacc[data-skin=light-blue] {
  --hacc-color: #0032ff;
  --hacc-bg-color: #eaf3f8
}

.hacc {
  padding: 5.625rem 0;
  color: var(--hacc-color);
  background-color: var(--hacc-bg-color)
}

.hacc-header {
  margin-bottom: 3.75rem
}

.hacc-description {
  margin-top: 2.1875rem
}

.hacc p {
  margin: 0
}

.hacc p a {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #fff;
  text-underline-offset: 5px
}

@media screen and (min-width: 768px)and (hover: hover) {
  .hacc p a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 5px
  }
}

.hacc-cta {
  margin-top: 2.5rem
}

.hacc-header .btn-cta:not([data-skin=light]) {
  border: 2px solid var(--emphasis-color)
}

.hacc-container {
  display: none
}

@media screen and (min-width: 768px) {
  .hacc-header {
    margin-bottom: 5.625rem
  }

  .hacc-description {
    margin-top: 1.5625rem
  }

  .hacc-cta {
    margin-top: 1.875rem
  }

  .hacc-header .btn-cta:not([data-skin=light]) {
    border: 2px solid var(--primary-color)
  }
}

@media screen and (min-width: 1200px) {
  .hacc {
    padding: 9.375rem 0 7.5rem
  }

  .hacc-container {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: stretch
  }

  .hacc .mhacc-container {
    display: none
  }
}

.hacc-blk {
  position: relative;
  width: 15.625rem;
  background-color: var(--primary-color);
  border-radius: 10px;
  height: 42.5rem;
  overflow: hidden;
  transition: width .5s;
  box-sizing: border-box;
  padding: 4.375rem 1.875rem;
  color: var(--white)
}

.hacc-blk.expanded {
  width: calc(100% - 33.25rem)
}

.hacc-blk-title {
  font-family: nimbus-sans, sans-serif;
  font-size: 2.125rem;
  font-weight: 300;
  line-height: 110%;
  transition: opacity .2s;
  width: 11.875rem
}

.hacc-trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border-top: 0;
  display: block;
  text-align: left
}

.hacc-trigger:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0)
}

.hacc h3 {
  color: var(--white);
  margin: 0
}

.hacc .expanded .hacc-trigger {
  height: 12.5rem
}

.hacc .expanded .hacc-blk-title {
  opacity: 0
}

@media screen and (min-width: 1200px) {
  .hacc h3 {
    margin: 0 0 1.5625rem
  }
}

.hacc-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  transition: width .5s
}

.hacc-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 4.375rem 1.875rem 4.0625rem 3.75rem;
  box-sizing: border-box
}

.hacc-scroll-pane {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  padding-right: 1.875rem;
  box-sizing: border-box
}

.hacc-scroll-pane::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.hacc-scroll-pane::-webkit-scrollbar-thumb {
  background: rgba(7, 25, 69, .4)
}

.hacc-scroll-pane::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0)
}

.hacc-content-title {
  font-family: nimbus-sans, sans-serif;
  font-size: 3.25rem;
  font-weight: 300;
  line-height: 110%
}

.hacc-content-desc p {
  margin: 0 0 .9375rem
}

.hacc-content-desc p:last-child {
  margin: 0
}

.hacc-blk.expanded .hacc-panel {
  width: 100%
}

.hacc-trigger-icon {
  position: absolute;
  display: block;
  top: 2.1875rem;
  right: 2rem;
  transform-origin: center;
  width: 1px;
  height: 1px;
  transition: transform .3s;
  transform: rotate(-45deg)
}

.hacc-trigger-icon-bar {
  position: absolute;
  display: block;
  width: 1.5px;
  background-color: var(--white);
  transition: .1s transform ease-out
}

.hacc-trigger-icon-bar:nth-child(1) {
  top: -0.75rem;
  left: 0;
  height: 1.5rem;
  transform-origin: center;
  transform: rotate(45deg)
}

.hacc-trigger-icon-bar:nth-child(2) {
  top: 0;
  left: 0;
  height: .5625rem;
  transform-origin: center;
  transform: rotate(-45deg) translate(4px, -11px)
}

.hacc-trigger-icon-bar:nth-child(3) {
  top: 0;
  left: 0;
  height: .75rem;
  transform-origin: center;
  transform: rotate(-45deg) translate(4.5px, 2px)
}

.hacc-blk.expanded .hacc-trigger-icon {
  transform: rotate(0deg)
}

.hacc-type-bullet {
  margin-top: 2.5rem;
  font-size: 1rem
}

.hacc-type-bullet .bullet-title {
  margin-bottom: 1.25rem
}

.hacc-type-bullet li {
  position: relative;
  margin-bottom: .9375rem;
  padding-left: 1.5625rem
}

.hacc-type-bullet li::before {
  content: "";
  position: absolute;
  top: .125rem;
  left: 0;
  background-image: url("../image/icon-bullet.svg");
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  width: .875rem;
  height: .875rem
}

@media screen and (min-width: 1200px) {
  .hacc-type-bullet {
    padding-right: 11.25rem;
    font-size: 1.3125rem
  }

  .hacc-type-bullet li::before {
    top: .3125rem
  }
}

.hacc-type-image {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 1.5625rem
}

.hacc-type-image img {
  width: 100%;
  max-width: 37.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 15%;
  object-position: center 15%;
  border-radius: 10px;
  margin-top: 1.25rem;
  aspect-ratio: 1.77
}

.hacc-type-image .ticks {
  position: relative;
  width: 13.0625rem;
  height: 3rem;
  overflow: hidden
}

.hacc-type-image .ticks video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-mhacc-img.svg");
  mask-image: url("../image/tick-marks-mhacc-img.svg")
}

@media screen and (min-width: 1200px) {
  .hacc-type-image {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 3.125rem
  }

  .hacc-type-image img {
    width: calc(100% - 100px);
    height: 18.75rem;
    margin-top: 0;
    margin-left: 40px
  }

  .hacc-type-image .ticks {
    width: 8.75rem;
    height: 18.75rem;
    top: 3px
  }

  .hacc-type-image .ticks video {
    -webkit-mask-image: url("../image/tick-marks-hacc-img.svg");
    mask-image: url("../image/tick-marks-hacc-img.svg")
  }
}

.hacc-type-quote-carousel {
  position: relative;
  width: 100%;
  margin-top: 3.4375rem
}

.hacc-type-quote-carousel .hacc-carousel {
  position: relative;
  width: 100%;
  overflow: hidden
}

.hacc-type-quote-carousel .hacc-carousel-img {
  width: 5.8125rem;
  height: 6.75rem;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 1.125rem;
  margin-bottom: .3125rem;
  float: left;
  border-radius: 10px
}

.hacc-type-quote-carousel q {
  position: relative;
  font-family: "Prata", serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .54px;
  quotes: none;
  margin-bottom: 1.875rem
}

.hacc-type-quote-carousel .q-mark {
  position: relative;
  display: inline-block;
  width: 1rem;
  height: .8125rem;
  margin-bottom: 1.25rem;
  margin-top: .3125rem
}

.hacc-type-quote-carousel .q-mark::before,
.hacc-type-quote-carousel .q-mark::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1.8px;
  background-color: var(--white);
  transform: rotate(-52deg);
  transform-origin: top right
}

.hacc-type-quote-carousel .q-mark::before {
  top: 0;
  left: -0.1875rem
}

.hacc-type-quote-carousel .q-mark::after {
  top: 0;
  left: .4375rem
}

.hacc-type-quote-carousel .hacc-carousel-name {
  margin-top: 1.875rem;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: .3125rem
}

.hacc-type-quote-carousel .hacc-carousel-title,
.hacc-type-quote-carousel .hacc-carousel-location {
  font-size: 1rem;
  margin-bottom: .125rem
}

.hacc-type-quote-carousel .hacc-divider {
  width: 100%;
  height: 1px;
  background-color: var(--white);
  margin-top: 1.5625rem;
  margin-bottom: 1.125rem
}

@media screen and (min-width: 1200px) {
  .hacc-type-quote-carousel .hacc-slider {
    width: 100%
  }

  .hacc-type-quote-carousel .hacc-slide {
    display: block;
    width: 100%;
    box-sizing: border-box
  }

  .hacc-type-quote-carousel .hacc-slide-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 2.6875rem;
    box-sizing: border-box
  }

  .hacc-type-quote-carousel .hacc-carousel-img {
    display: block;
    width: 7.5rem;
    height: 10.625rem;
    margin-right: 0;
    margin-bottom: 0;
    float: none;
    box-sizing: border-box
  }

  .hacc-type-quote-carousel q {
    font-size: 1.3125rem
  }

  .hacc-type-quote-carousel .q-mark {
    width: 1.875rem;
    height: 1.5rem
  }

  .hacc-type-quote-carousel .q-mark::before,
  .hacc-type-quote-carousel .q-mark::after {
    width: 1.5625rem;
    transform: rotate(-58deg)
  }

  .hacc-type-quote-carousel .q-mark::before {
    left: -0.5rem
  }

  .hacc-type-quote-carousel .q-mark::after {
    left: .4375rem
  }

  .hacc-type-quote-carousel .hacc-carousel-name {
    margin-top: 2.5rem
  }

  .hacc-type-quote-carousel .hacc-divider {
    height: 2px;
    margin-top: 2.5rem;
    margin-bottom: 1.875rem
  }
}

.hacc-type-null {
  margin-top: 2.5rem
}

.hacc-type-null .ticks {
  position: relative;
  width: 100%;
  padding-bottom: 48.55%;
  height: 0
}

.hacc-type-null .ticks video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 37.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-mhacc.svg");
  mask-image: url("../image/tick-marks-mhacc.svg")
}

.hacc-ticks-null-cotainer {
  display: flex;
  justify-content: flex-end
}

.hacc-ticks-null {
  position: relative;
  margin-top: 3.125rem;
  width: 32.5rem;
  height: 18.125rem
}

.hacc-ticks-null video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-hacc.svg");
  mask-image: url("../image/tick-marks-hacc.svg");
  -webkit-mask-position: bottom right;
  mask-position: bottom right
}

.hacc-ticks-bullet {
  position: absolute;
  width: 170px;
  height: 110px;
  right: 85px;
  bottom: 73px
}

.hacc-ticks-bullet video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-hacc-bullet.svg");
  mask-image: url("../image/tick-marks-hacc-bullet.svg")
}

.mhacc-trigger {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 1.6875rem 5.625rem 1.875rem 1.4375rem;
  width: 100%;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: .625rem;
  text-align: left;
  min-height: 7.1875rem
}

.mhacc-trigger.fadeout {
  transition: border-radius .4s .3s
}

.mhacc-trigger:focus-visible {
  outline: 2px solid var(--emphasis-color);
  outline-offset: -2px
}

.mhacc-trigger-label {
  position: relative;
  width: 100%;
  text-align: left;
  font-family: nimbus-sans, sans-serif;
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: .01625rem
}

.mhacc-trigger-icon {
  position: absolute;
  display: block;
  top: 50%;
  right: 40px;
  transform-origin: center;
  width: 1px;
  height: 1px
}

.mhacc-trigger-icon .bti-bar {
  position: absolute;
  display: block;
  width: 1.5px;
  background-color: var(--white);
  transition: .3s transform
}

.mhacc-trigger-icon .bti-bar:nth-child(1) {
  top: -12px;
  left: 0;
  height: 24px;
  transform-origin: center
}

.mhacc-trigger-icon .bti-bar:nth-child(2) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-90deg) translate(4px, -9px)
}

.mhacc-trigger-icon .bti-bar:nth-child(3) {
  top: 0;
  left: 0;
  height: 10px;
  transform-origin: center;
  transform: rotate(-90deg) translate(4px, 6px)
}

.mhacc-trigger[aria-expanded=true] .mhacc-trigger-icon .bti-bar:nth-child(1) {
  transform: rotate(45deg)
}

.mhacc-trigger[aria-expanded=true] .mhacc-trigger-icon .bti-bar:nth-child(2) {
  transform: rotate(-45deg) translate(4px, -11px)
}

.mhacc-trigger[aria-expanded=true] .mhacc-trigger-icon .bti-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, 4px)
}

.mhacc-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.mhacc-panel {
  position: relative;
  height: 0;
  top: 0;
  outline: none;
  overflow: hidden;
  transition: height .4s;
  margin-bottom: .9375rem;
  margin-top: -1px
}

.mhacc-panel>div {
  position: relative;
  padding-top: 0;
  padding-bottom: 1.875rem;
  padding-left: 1.4375rem;
  padding-right: 2.3125rem;
  background-color: var(--primary-color);
  color: var(--white);
  border-bottom-left-radius: .625rem;
  border-bottom-right-radius: .625rem
}

.mhacc-panel>div::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: rgba(0, 0, 0, 0)
}

.mhacc-panel p {
  margin: 0;
  padding: 0;
  font-size: 16px
}

.quoteCarousel {
  background-color: var(--tertiary-color);
  padding-top: 3.25rem;
  padding-bottom: 0
}

@media screen and (min-width: 992px) {
  .quoteCarousel {
    padding-top: 0;
    background-color: var(--secondary-color)
  }
}

.quoteCarousel__blockquote {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2.1875rem;
  padding-top: 3rem;
  position: relative;
  color: var(--primary-color);
  justify-content: space-between;
  height: 100%;
  box-sizing: border-box
}

@media screen and (min-width: 992px) {
  .quoteCarousel__blockquote {
    color: var(--white);
    padding-top: 3.4375rem;
    min-height: 31.25rem
  }
}

.quoteCarousel__blockquote cite {
  font-style: normal
}

.quoteCarousel__blockquote::before,
.quoteCarousel__blockquote::after {
  content: "";
  display: block;
  height: 1.25rem;
  width: .125rem;
  background-color: var(--secondary-color);
  position: absolute;
  top: 0;
  rotate: 30deg
}

@media screen and (min-width: 992px) {

  .quoteCarousel__blockquote::before,
  .quoteCarousel__blockquote::after {
    background-color: var(--white);
    height: 1.5625rem
  }
}

.quoteCarousel__blockquote::before {
  left: .375rem
}

.quoteCarousel__blockquote::after {
  left: 1.25rem
}

@media screen and (min-width: 992px) {
  .quoteCarousel__blockquote::after {
    left: 1.5rem
  }
}

.quoteCarousel__quote {
  color: inherit;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Prata", serif;
  margin: 0
}

@media screen and (min-width: 992px) {
  .quoteCarousel__quote {
    font-size: 2.375rem;
    line-height: 1.2
  }
}

.quoteCarousel__quote-name,
.quoteCarousel__quote-title,
.quoteCarousel__quote-location {
  color: inherit;
  display: block;
  font-size: 1rem;
  line-height: 1.2
}

@media screen and (min-width: 992px) {

  .quoteCarousel__quote-name,
  .quoteCarousel__quote-title,
  .quoteCarousel__quote-location {
    font-size: 1.3125rem
  }
}

.quoteCarousel__quote-name {
  font-weight: 700;
  margin-bottom: .125rem
}

.quoteCarousel__quote-location {
  margin-top: .75rem
}

@media screen and (min-width: 992px) {
  .quoteCarousel__quote-location {
    margin-top: 1.1875rem
  }
}

.quoteCarousel__content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  justify-content: space-between;
  min-height: 100%
}

@media screen and (min-width: 992px) {
  .quoteCarousel__content-wrapper {
    position: static
  }

  .quoteCarousel__content-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    background: linear-gradient(90deg, #000 34.22%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
  }
}

@media screen and (min-width: 992px) {
  .quoteCarousel__content-wrapper--right::before {
    left: auto;
    right: 0;
    background: linear-gradient(270deg, #000 34.22%, rgba(0, 0, 0, 0) 100%)
  }
}

.quoteCarousel__image-wrapper img {
  display: block;
  width: 100%;
  height: auto
}

@media screen and (min-width: 992px) {
  .quoteCarousel__image-wrapper img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
}

@media screen and (min-width: 992px) {
  .quoteCarousel__image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0
  }
}

.quoteCarousel__body {
  height: 100%
}

.quoteCarousel__body .container,
.quoteCarousel__body .grid,
.quoteCarousel__body .quoteCarousel__body-flex,
.quoteCarousel__body .quoteCarousel__body-top {
  height: 100%
}

@media screen and (min-width: 992px) {
  .quoteCarousel__body {
    position: relative;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 6.25rem 0 6.25rem;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    left: 0
  }
}

.quoteCarousel__slide {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  bottom: 0;
  min-height: 100%
}

@media screen and (min-width: 992px) {
  .quoteCarousel__slide {
    display: grid;
    min-height: 100%
  }
}

.quoteCarousel__controls {
  padding-top: 1.25rem;
  padding-bottom: 2.5rem;
  pointer-events: none
}

@media screen and (min-width: 992px) {
  .quoteCarousel__controls {
    padding-bottom: 1.875rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0
  }
}

.quoteCarousel__divider {
  margin-top: 0;
  margin-bottom: .9375rem;
  height: .0625rem;
  border: 0;
  background-color: var(--primary-color)
}

@media screen and (min-width: 992px) {
  .quoteCarousel__divider {
    background-color: var(--white)
  }
}

.quoteCarousel__counter {
  font-size: 1rem
}

@media screen and (min-width: 992px) {
  .quoteCarousel__counter {
    color: var(--white);
    font-size: 1.125rem
  }
}

@media screen and (min-width: 992px) {
  .quoteCarousel__container {
    position: relative
  }
}

.quoteCarousel .flickity-prev-next-button {
  padding: 0
}

.quoteCarousel .flickity-prev-next-button[disabled]::before,
.quoteCarousel .flickity-prev-next-button[disabled]::after {
  opacity: .5
}

.quoteCarousel .flickity-prev-next-button.next,
.quoteCarousel .flickity-prev-next-button.previous {
  bottom: -3.4375rem
}

@media(prefers-reduced-motion: no-preference) {

  .quoteCarousel .flickity-prev-next-button.next,
  .quoteCarousel .flickity-prev-next-button.previous {
    opacity: 0
  }
}

.quoteCarousel .flickity-prev-next-button.next::before,
.quoteCarousel .flickity-prev-next-button.previous::before {
  border-color: var(--primary-color)
}

.quoteCarousel .flickity-prev-next-button.next::after,
.quoteCarousel .flickity-prev-next-button.previous::after {
  background-color: var(--primary-color)
}

@media screen and (min-width: 992px) {

  .quoteCarousel .flickity-prev-next-button.next,
  .quoteCarousel .flickity-prev-next-button.previous {
    bottom: 1.5rem
  }

  .quoteCarousel .flickity-prev-next-button.next::before,
  .quoteCarousel .flickity-prev-next-button.previous::before {
    border-color: var(--white)
  }

  .quoteCarousel .flickity-prev-next-button.next::after,
  .quoteCarousel .flickity-prev-next-button.previous::after {
    background-color: var(--white)
  }
}

.quoteCarousel .flickity-prev-next-button.next {
  right: 1.25rem
}

@media screen and (min-width: 992px) {
  .quoteCarousel .flickity-prev-next-button.next {
    right: 8.5vw
  }
}

@media screen and (min-width: 1440px) {
  .quoteCarousel .flickity-prev-next-button.next {
    right: calc(50% - 37.8125rem)
  }
}

.quoteCarousel .flickity-prev-next-button.previous {
  right: 5.625rem
}

@media screen and (min-width: 992px) {
  .quoteCarousel .flickity-prev-next-button.previous {
    right: 14vw
  }
}

@media screen and (min-width: 1440px) {
  .quoteCarousel .flickity-prev-next-button.previous {
    right: calc(50% - 33.125rem)
  }
}

@media screen and (max-width: 992px) {
  .quoteCarousel:has(+.tick-marks-divider) .quoteCarousel__controls {
    padding-bottom: 5rem
  }
}

@media screen and (min-width: 992px) {
  .quoteCarousel:has(+.tick-marks-divider):has(.quoteCarousel__controls) .quoteCarousel__body {
    padding-bottom: 9.375rem
  }

  .quoteCarousel:has(+.tick-marks-divider) .quoteCarousel__controls {
    bottom: 3.125rem
  }

  .quoteCarousel:has(+.tick-marks-divider) .flickity-prev-next-button {
    bottom: 4.6875rem
  }
}

.quoteCarousel:has(.quoteCarousel__divider.entered) .flickity-prev-next-button {
  animation: fade-in .5s ease-out 1s forwards
}

.stackedCards {
  background-color: var(--tertiary-color);
  padding-top: 5.625rem;
  padding-bottom: 3.75rem
}

@media screen and (min-width: 992px) {
  .stackedCards {
    padding-top: 7.5rem;
    padding-bottom: calc(var(--stacked-cards-spacer-height, 0px) + 1.875rem)
  }
}

.stackedCards__mobile-grid {
  gap: .9375rem;
  display: flex;
  flex-direction: column
}

@media screen and (min-width: 992px) {
  .stackedCards__mobile-grid {
    gap: 1.25rem;
    display: none
  }
}

.stackedCards__desktop-grid {
  display: none
}

@media screen and (min-width: 992px) {
  .stackedCards__desktop-grid {
    display: flex;
    flex-direction: column;
    padding-top: 3.75rem;
    position: relative;
    align-items: center
  }
}

.stackedCards__card {
  background-color: var(--secondary-color);
  color: var(--white);
  border-radius: .625rem;
  padding: 1.5625rem 1.125rem 1.5625rem 1.125rem;
  overflow: hidden;
  position: relative
}

@media screen and (min-width: 992px) {
  .stackedCards__card {
    display: grid;
    gap: .625rem;
    grid-template-columns: repeat(14, 1fr);
    padding: 1.5625rem 1.875rem 2.5rem 1.875rem;
    position: sticky;
    top: 0;
    transform: translateY(var(--card-top-pos, 0px));
    cursor: pointer;
    z-index: 1;
    flex: 0 0 auto
  }
}

@media screen and (min-width: 1024px) {
  .stackedCards__card {
    padding: 2.5rem 0 3.75rem;
    min-height: 36.25rem;
    box-sizing: border-box
  }
}

.stackedCards__card h3 {
  font-family: nimbus-sans, sans-serif
}

.stackedCards__card img {
  border-radius: .625rem;
  margin-top: 2.1875rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 31/36;
  display: block
}

.stackedCards__card .btn-cta {
  margin-top: 2.8125rem
}

.stackedCards__card .divider {
  background-color: var(--white)
}

.stackedCards__card>p {
  margin-bottom: 0
}

.stackedCards__card-panel {
  position: relative;
  height: 0;
  top: 0;
  overflow: hidden;
  transition: height .3s ease-out;
  width: calc(100% + 2.375rem);
  margin-left: -1.1875rem;
  margin-right: -1.1875rem;
  padding-left: 1.1875rem;
  padding-right: 1.1875rem;
  box-sizing: border-box
}

.stackedCards__card-panel p {
  margin: 0
}

.stackedCards__card-panel-content {
  padding-top: 2.1875rem
}

.stackedCards__card-panel-content>p {
  width: calc(100% - 48px)
}

.stackedCards__card-trigger {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  font-family: nimbus-sans, sans-serif;
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: .01625rem;
  color: var(--white);
  text-align: left;
  font-family: nimbus-sans, sans-serif;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 3.75rem;
  min-height: var(--stacked-cards-tallest-trigger, 0px)
}

.stackedCards__card-trigger[aria-expanded=true] .stackedCards__card-trigger-icon #vertical-line,
.stackedCards__card-trigger[aria-expanded=true] .stackedCards__card-trigger-icon #horizontal-line-1 {
  display: none
}

.stackedCards__card-trigger[aria-expanded=true] .stackedCards__card-trigger-icon #horizontal-line-2 {
  d: path("M0 7.5L15 7.5")
}

.stackedCards__card-l-col {
  position: relative;
  grid-column: 1/span 5
}

@media screen and (min-width: 1024px) {
  .stackedCards__card-l-col {
    margin-left: 3.75rem
  }
}

.stackedCards__card-r-col {
  grid-column: 7/span 8;
  display: flex;
  justify-content: space-between;
  flex-direction: column
}

@media screen and (min-width: 1024px) {
  .stackedCards__card-r-col {
    grid-column: 7/span 7
  }
}

.stackedCards__card-r-col:has(.tmd-container) {
  margin-bottom: 10.9375rem
}

.stackedCards__card-divider-wrapper {
  position: relative;
  margin-bottom: 1.375rem;
  height: .0625rem;
  overflow: hidden
}

@media screen and (min-width: 992px) {
  .stackedCards__card-divider-wrapper {
    margin-top: 1.25rem;
    margin-bottom: 3.75rem
  }
}

.stackedCards__card-divider-wrapper .tmd-container video {
  display: block;
  width: 100%;
  height: .0625rem;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.stackedCards__card-video {
  position: relative;
  margin-top: 2.1875rem;
  border-radius: .625rem;
  overflow: hidden
}

.stackedCards__card-video img {
  border-radius: 0;
  margin: 0
}

.stackedCards__card-video-overlay {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, transparent 34.22%);
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: row;
  z-index: 1;
  padding: 1.1875rem .9375rem;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5625rem;
  cursor: default
}

@media screen and (min-width: 992px) {
  .stackedCards__card-video-overlay {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: .625rem;
    justify-content: flex-start;
    padding: .9375rem
  }
}

.stackedCards__card-video-overlay p {
  flex: 1;
  letter-spacing: .48px
}

@media screen and (min-width: 992px) {
  .stackedCards__card-video-overlay p {
    flex: unset;
    margin: 0
  }
}

.stackedCards__card-video-overlay .name,
.stackedCards__card-video-overlay .location,
.stackedCards__card-video-overlay .title {
  display: block;
  line-height: 1.2
}

@media screen and (min-width: 992px) {

  .stackedCards__card-video-overlay .name,
  .stackedCards__card-video-overlay .location,
  .stackedCards__card-video-overlay .title {
    font-size: 1.125rem
  }
}

.stackedCards__card-video-overlay .name {
  font-weight: 700
}

@media screen and (min-width: 992px) {
  .stackedCards__card-video-overlay .location {
    font-size: .875rem;
    margin-top: .4375rem
  }
}

.stackedCards__card-video-overlay .btn-play {
  width: 3.75rem;
  height: 3.75rem
}

@media screen and (min-width: 992px) {
  .stackedCards__card-video-overlay .btn-play-icon {
    transform: scale(0.7)
  }
}

.stackedCards__card-image-wrapper {
  border-radius: .625rem;
  overflow: hidden;
  position: relative
}

.stackedCards__card-image-wrapper img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: auto;
  margin: 0;
  aspect-ratio: 357/400
}

.stackedCards__card-headline {
  font-family: "Prata", serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .0675rem;
  font-weight: 300
}

@media screen and (min-width: 1024px) {
  .stackedCards__card-headline {
    font-family: nimbus-sans, sans-serif;
    font-size: 2.875rem;
    font-weight: 300;
    line-height: 110%
  }
}

.stackedCards__card-description {
  margin-bottom: 0
}

.stackedCards__quote {
  margin: 2.5rem 0 0;
  padding-bottom: .5rem;
  position: relative;
  padding-top: 0
}

@media screen and (min-width: 992px) {
  .stackedCards__quote {
    max-width: 27.6875rem;
    padding-top: 1.875rem;
    padding-bottom: 0;
    margin: 0
  }
}

.stackedCards__quote p {
  font-family: "Prata", serif;
  font-size: 1.125rem;
  margin-top: 0
}

.stackedCards__quote p:not(:last-child) {
  margin-bottom: 2.1875rem
}

.stackedCards__quote p span::before {
  content: "";
  width: 1rem;
  height: .75rem;
  display: block;
  position: relative;
  left: 7.3125rem;
  margin-bottom: 1.9375rem;
  background-image: url("../image/icon-quote.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

.stackedCards__quote p:not(:has(img))::before {
  content: "";
  width: 1rem;
  height: .75rem;
  display: block;
  position: relative;
  left: 0;
  margin-bottom: 1.25rem;
  background-image: url("../image/icon-quote.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

@media screen and (min-width: 992px) {
  .stackedCards__quote p:not(:has(img))::before {
    width: 1.875rem;
    height: 1.4375rem
  }
}

@media screen and (min-width: 992px) {
  .stackedCards__quote p {
    font-size: 1.3125rem;
    margin-bottom: 2.5rem
  }
}

.stackedCards__quote img {
  margin-top: 0;
  margin-left: 0;
  margin-right: .9375rem;
  margin-bottom: .4375rem;
  float: left;
  width: 6.25rem
}

.stackedCards__quote cite {
  font-family: nimbus-sans, sans-serif;
  font-size: 1rem;
  font-style: normal
}

.stackedCards__quote-name {
  display: block
}

.stackedCards__quote-name {
  font-weight: 700
}

@media screen and (min-width: 992px) {
  .stackedCards__quote-name {
    margin-bottom: .625rem
  }
}

.stackedCards__quote-title,
.stackedCards__quote-location {
  font-weight: 400
}

.stackedCards__tm {
  display: flex;
  gap: 1.5625rem;
  padding-top: 4.375rem
}

@media screen and (min-width: 992px) {
  .stackedCards__tm {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-top: 0
  }
}

.stackedCards__tm-l-col {
  flex: 1
}

.stackedCards__tm-l-col img {
  height: auto;
  width: 100%;
  margin: 0
}

.stackedCards__tm-r-col {
  display: flex;
  align-items: flex-end
}

.stackedCards__tm .tmd-container {
  position: relative;
  width: 8.9375rem;
  height: 6.875rem;
  overflow: hidden;
  right: -0.9375rem
}

@media screen and (min-width: 992px) {
  .stackedCards__tm .tmd-container {
    width: 24.6875rem;
    height: 7.5rem;
    right: 0
  }
}

@media screen and (min-width: 1024px) {
  .stackedCards__tm .tmd-container {
    width: 32.5625rem;
    height: 11.375rem;
    right: 0
  }
}

.stackedCards__tm .tmd-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-size: 25.3125rem;
  mask-size: 25.3125rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../image/tick-marks-option2.svg");
  mask-image: url("../image/tick-marks-option2.svg");
  -webkit-mask-position: -1.5625rem 0px;
  mask-position: -1.5625rem 0px
}

@media screen and (min-width: 992px) {
  .stackedCards__tm .tmd-container video {
    -webkit-mask-size: 31.875rem;
    mask-size: 31.875rem;
    -webkit-mask-position: 0 0;
    mask-position: 0 0
  }
}

.stackedCards__stats {
  display: flex;
  padding-top: 3.75rem;
  gap: 1.5rem;
  flex-direction: row
}

.stackedCards__stats-image {
  flex: 1 1 6%
}

.stackedCards__stats-image img {
  aspect-ratio: 109/126;
  height: auto;
  width: 100%;
  margin: 0
}

.stackedCards__stats-image+.stackedCards__stats-content {
  flex: 2;
  max-width: unset;
  padding-right: 0
}

.stackedCards__stats-image+.stackedCards__stats-content .stackedCards__stats-item {
  padding-right: 0
}

.stackedCards__stats-content {
  align-content: flex-end;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  justify-content: flex-end
}

.stackedCards__stats-item {
  padding-bottom: .9375rem;
  padding-right: 1.875rem;
  position: relative
}

@media screen and (min-width: 992px) {
  .stackedCards__stats-item {
    padding-bottom: 0;
    flex: 1;
    width: 50%;
    overflow: hidden
  }
}

.stackedCards__stats-number {
  font-size: 4rem;
  font-family: "Prata", serif;
  margin: 0
}

.stackedCards__stats-description {
  margin-bottom: 1.5625rem;
  margin-top: 0;
  text-transform: uppercase;
  font-size: 1.0625rem
}

@media screen and (min-width: 992px) {
  .stackedCards__spacer {
    height: var(--stacked-cards-spacer-height, 0px)
  }
}

.map-feature {
  background-color: #061f82;
  padding: 5.625rem 0
}

@media screen and (min-width: 768px) {
  .map-feature {
    box-sizing: border-box;
    min-height: 31.25rem;
    padding: 7.5rem 0
  }
}

.mf .g-col-16 {
  position: relative
}

.mf-video {
  width: 100%;
  mix-blend-mode: lighten;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

@media screen and (min-width: 768px) {
  .mf-video {
    margin: auto;
    display: block;
    height: 100%
  }
}

.mf-stats {
  color: var(--white)
}

@media screen and (min-width: 768px) {
  .mf-stats {
    display: flex;
    gap: 1.875rem;
    flex-direction: column
  }
}

.mf-stat {
  margin-top: 2.5rem;
  margin-bottom: .9375rem;
  padding-bottom: .9375rem;
  border-bottom: 1px solid var(--white)
}

.mf-stat:last-child {
  margin-bottom: 0
}

.mf-stat-number {
  position: relative;
  font-size: 2rem;
  font-family: "Prata", serif;
  font-weight: 400;
  letter-spacing: 1.62px;
  margin-bottom: .3125rem;
  line-height: 1.1
}

.mf-stat-desc {
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0
}

@media screen and (min-width: 768px) {
  .mf-grid {
    grid-auto-flow: column
  }

  .mf-stats {
    max-width: 13.125rem;
    padding-left: 0
  }

  .mf-stat {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    opacity: .5;
    transition: opacity .3s ease-out
  }

  .mf-stat::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1.625rem;
    height: 0;
    width: .25rem;
    background-color: var(--emphasis-color);
    transition: height .3s ease-out
  }

  .mf-stat.selected {
    opacity: 1
  }

  .mf-stat.selected::after {
    height: 100%
  }

  .mf-stat-number {
    font-size: 3.375rem
  }

  .mf-stat-desc {
    font-size: .9375rem
  }
}

.related-article-grid {
  padding: 5.625rem 0;
  background-color: var(--tertiary-color);
  color: var(--primary-color)
}

.article-grid.related-article-grid {
  margin: 0
}

.password-protected,
.section-protected {
  padding: 12.5rem 0 9.375rem;
  background-color: var(--tertiary-color);
  overflow-x: hidden
}

@media screen and (min-width: 768px) {

  .password-protected,
  .section-protected {
    padding: 16.25rem 0
  }
}

.post-password-form__label {
  margin-right: 5px;
  text-transform: uppercase
}

.post-password-form__submit {
  color: var(--white);
  background-color: var(--primary-color);
  text-transform: uppercase;
  font-family: nimbus-sans, sans-serif
}

.fourofour {
  padding: 12.5rem 0 9.375rem;
  background-color: var(--tertiary-color);
  overflow-x: hidden
}

@media screen and (min-width: 768px) {
  .fourofour {
    padding: 16.25rem 0
  }
}

.locations-map-feature {
  background-color: #061f82;
  padding: 5.625rem 0
}

@media screen and (min-width: 768px) {
  .locations-map-feature {
    box-sizing: border-box;
    padding: 1.25rem 0
  }
}

.lmf-stat-col {
  grid-column-start: 1;
  grid-column-end: 16;
  grid-column: auto/span 16
}

.lmf-desc {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.2
}

.lmf .g-col-16 {
  position: relative
}

.lmf-video {
  width: 100%;
  mix-blend-mode: lighten;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

@media screen and (min-width: 768px) {
  .lmf-video {
    margin: auto;
    display: block;
    height: 100%
  }
}

.lmf-stats {
  color: var(--white)
}

@media screen and (min-width: 768px) {
  .lmf-stats {
    display: flex;
    gap: 1.875rem;
    flex-direction: column
  }
}

.lmf-stat {
  margin-top: 2.5rem;
  margin-bottom: .9375rem;
  padding-bottom: .9375rem;
  border-bottom: 1px solid var(--white)
}

.lmf-stat-number {
  position: relative;
  font-size: 2rem;
  font-family: "Prata", serif;
  font-weight: 400;
  letter-spacing: 1.62px;
  margin-bottom: .3125rem;
  line-height: 1.1
}

.lmf-stat-desc {
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0
}

@media screen and (min-width: 768px) {
  .lmf-grid {
    grid-auto-flow: column;
    position: relative
  }

  .lmf-stats {
    padding-left: 0
  }

  .lmf-stat {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
  }

  .lmf-stat-number {
    font-size: clamp(4rem, 14vw, 13.125rem);
    line-height: .9
  }

  .lmf-stat-desc,
  .lmf-desc {
    font-size: clamp(1rem, 1.5vw, 1.3125rem);
    line-height: 1.2
  }

  .lmf-stat-col {
    position: absolute;
    bottom: 20%;
    left: 0;
    grid-column-start: unset;
    grid-column-end: unset;
    max-width: 35vw;
    width: 22.3125rem
  }
}

.locationsGrid {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
  background-color: var(--white)
}

@media screen and (min-width: 768px) {
  .locationsGrid {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
  }
}

.locationsGrid .divider {
  height: .125rem
}

.locationsGrid__header {
  padding-bottom: 3.75rem
}

.locationsGrid__grid {
  display: grid;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 5.625rem
}

@media screen and (min-width: 768px) {
  .locationsGrid__grid {
    gap: 3.75rem;
    grid-template-columns: repeat(auto-fill, minmax(256px, 1fr))
  }
}

.locationsGrid__location {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  color: var(--primary-color);
  justify-content: space-between;
  padding-bottom: 1.5625rem;
  position: relative
}

.locationsGrid__location-content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  flex: 1;
  justify-content: space-between
}

.locationsGrid__location-image {
  background-color: var(--tertiary-color);
  border-radius: .625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 19.75rem;
  width: 100%
}

.locationsGrid__location-image-wrapper {
  width: 9.0625rem;
  height: 13.125rem
}

.locationsGrid__location-image img {
  pointer-events: none;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom;
  object-position: bottom
}

.locationsGrid__location-image:hover {
  background-color: var(--primary-color)
}

.locationsGrid__location-image:hover img {
  filter: brightness(0) invert(1)
}

.locationsGrid__location-title {
  font-family: nimbus-sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: .045rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: .625rem
}

.locationsGrid__location-address {
  font-size: 1.125rem;
  margin: .625rem 0 .875rem
}

.locationsGrid__location-phone {
  font-size: 1.125rem;
  margin-bottom: 0;
  text-decoration-line: underline;
  text-decoration-thickness: .125rem;
  text-decoration-color: var(--primary-color);
  text-underline-offset: .25rem
}

.locationsGrid__location-phone:hover {
  text-decoration-color: var(--emphasis-color);
  text-decoration-line: underline
}

.locationsGrid__location-name {
  font-size: .875rem;
  margin: 0
}

@media screen and (max-width: 1200px) {

  .locationsGrid .locationsGrid__location.entered,
  .locationsGrid .locationsGrid__location-content.entered,
  .locationsGrid .divider.entered {
    animation-delay: 0s
  }
}

.cookie-banner {
  position: fixed;
  display: none;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--white);
  color: var(--primary-color);
  border-top: 2px solid var(--primary-color);
  padding: 2.8125rem 1.5625rem 1.5625rem;
  z-index: 9500;
  box-sizing: border-box
}

.cookie-banner p {
  font-size: .875rem;
  line-height: 150%;
  letter-spacing: .02625rem;
  margin: 0
}

.cookie-banner p a {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #0032ff;
  text-underline-offset: 3px
}

@media screen and (min-width: 768px)and (hover: hover) {
  .cookie-banner p a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--emphasis-color);
    text-underline-offset: 3px
  }
}

.cookie-banner .btn-cta {
  margin-top: 1.5625rem;
  border: 2px solid var(--emphasis-color)
}

.cookie-banner .btn-close {
  position: absolute;
  top: .3125rem;
  right: .3125rem;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0)
}

@media screen and (min-width: 768px) {
  .cookie-banner {
    width: 420px;
    min-height: 260px;
    border: 2px solid var(--primary-color);
    left: auto;
    bottom: 2.1875rem;
    right: 2.1875rem;
    padding: 2.1875rem 4.5rem 2.1875rem 2.1875rem
  }

  .cookie-banner p {
    font-size: .9375rem
  }

  .cookie-banner .btn-cta {
    border: 2px solid var(--primary-color);
    height: 3.125rem;
    min-width: 10.9375rem;
    padding: .6875rem 5rem .6875rem 1.25rem;
    font-size: 1.125rem;
    margin-top: 1.875rem
  }

  .cookie-banner .btn-cta:hover {
    border: 2px solid var(--emphasis-color)
  }

  .cookie-banner .btn-close {
    top: .625rem;
    right: .9375rem
  }
}

.leadershipGrid {
  padding-top: 3.125rem;
  padding-bottom: 2.9375rem
}

@media screen and (max-width: 768px) {
  .leadershipGrid:has(.leadershipGrid__panel[aria-hidden=false]) {
    padding-bottom: 7.125rem
  }
}

@media screen and (min-width: 768px) {
  .leadershipGrid {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
  }
}

.leadershipGrid--management {
  padding-top: 5.625rem;
  padding-bottom: 5rem
}

@media screen and (min-width: 768px) {
  .leadershipGrid--management {
    padding-top: 5.625rem;
    padding-bottom: 7.5rem
  }
}

@media screen and (min-width: 768px) {
  .leadershipGrid--other {
    padding-bottom: 8.75rem
  }
}

.leadershipGrid[data-skin=white] {
  background-color: var(--white)
}

.leadershipGrid[data-skin=white] .leadershipGrid__trigger-icon #vertical-line,
.leadershipGrid[data-skin=white] .leadershipGrid__trigger-icon #horizontal-line-1,
.leadershipGrid[data-skin=white] .leadershipGrid__trigger-icon #horizontal-line-2 {
  stroke: var(--primary-color)
}

.leadershipGrid[data-skin=light-blue] {
  background-color: var(--tertiary-color)
}

.leadershipGrid[data-skin=light-blue] .leadershipGrid__trigger-icon #vertical-line,
.leadershipGrid[data-skin=light-blue] .leadershipGrid__trigger-icon #horizontal-line-1,
.leadershipGrid[data-skin=light-blue] .leadershipGrid__trigger-icon #horizontal-line-2 {
  stroke: var(--primary-color)
}

.leadershipGrid[data-skin=navy] {
  background-color: var(--secondary-color);
  color: var(--white)
}

.leadershipGrid[data-skin=navy] .divider {
  background-color: var(--white)
}

.leadershipGrid[data-skin=navy] .leadershipGrid__card-arrow path {
  stroke: var(--white)
}

.leadershipGrid__panel {
  height: 0;
  overflow: hidden
}

@media screen and (min-width: 768px) {
  .leadershipGrid__panel {
    overflow: visible;
    overflow: initial;
    height: auto !important
  }
}

.leadershipGrid__trigger {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  text-align: left;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 3.75rem;
  color: inherit
}

@media screen and (min-width: 768px) {
  .leadershipGrid__trigger {
    display: none
  }
}

.leadershipGrid__trigger[aria-expanded=true] .leadershipGrid__trigger-icon #vertical-line,
.leadershipGrid__trigger[aria-expanded=true] .leadershipGrid__trigger-icon #horizontal-line-1 {
  display: none
}

.leadershipGrid__trigger[aria-expanded=true] .leadershipGrid__trigger-icon #horizontal-line-2 {
  d: path("M0 7.5L15 7.5")
}

.leadershipGrid__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(1fr, 23.75rem));
  padding-top: 2.625rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  width: calc(100% + 2.5rem);
  gap: 0
}

@media screen and (min-width: 768px) {
  .leadershipGrid__grid {
    padding-top: 3.4375rem;
    grid-template-columns: repeat(auto-fill, 23.75rem);
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
    width: calc(100% + 3.125rem);
    gap: 3.625rem
  }
}

.leadershipGrid__grid--other {
  gap: 1.875rem;
  padding-top: 3.6875rem
}

@media screen and (min-width: 768px) {
  .leadershipGrid__grid--other {
    gap: 3rem;
    grid-template-columns: repeat(auto-fill, 24.375rem);
    margin-left: -1.875rem;
    margin-right: -1.875rem;
    width: calc(100% + 3.75rem);
    padding-top: 3.4375rem
  }
}

.leadershipGrid__title-desktop {
  display: none
}

@media screen and (min-width: 768px) {
  .leadershipGrid__title-desktop {
    display: block
  }
}

.leadershipGrid__card {
  padding: 1.875rem 1.25rem;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-radius: .625rem
}

.leadershipGrid__card .divider {
  height: .125rem
}

.leadershipGrid__card-name {
  font-family: "Prata", serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .06rem;
  font-size: 1.75rem;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

.leadershipGrid__card-name span {
  display: block;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

.leadershipGrid__card-title {
  margin-bottom: 0;
  line-height: 1.2;
  margin-top: .4375rem
}

.leadershipGrid__card-image {
  height: 9.375rem;
  width: 7.625rem;
  flex: 0 0 7.625rem;
  display: flex;
  align-items: flex-end;
  display: none;
  margin-top: auto;
  border-radius: .625rem;
  overflow: hidden
}

.leadershipGrid__card-image>img[src] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: none
}

.leadershipGrid__card-body {
  display: flex;
  flex-direction: row;
  gap: 1.75rem;
  position: relative;
  padding-bottom: 3.75rem;
  width: 100%;
  justify-content: space-between
}

@media screen and (min-width: 768px) {
  .leadershipGrid__card-body {
    padding-bottom: 1.25rem
  }
}

.leadershipGrid__card-content {
  max-width: 100%
}

@media screen and (min-width: 768px) {
  .leadershipGrid__card-content {
    min-height: 10.3125rem;
    padding-bottom: 3.3125rem
  }
}

.leadershipGrid__card-arrow {
  position: absolute;
  left: 0;
  bottom: 1.25rem
}

@media screen and (max-width: 768px) {
  .leadershipGrid__card-arrow path {
    stroke: var(--primary-color)
  }
}

@media screen and (min-width: 768px) {
  .leadershipGrid__card-arrow {
    display: none
  }
}

.leadershipGrid__card--other {
  padding: .8125rem 1.25rem;
  gap: 1.25rem
}

.leadershipGrid__card--other .leadershipGrid__card-content {
  max-width: unset;
  width: 100%
}

@media screen and (min-width: 768px) {
  .leadershipGrid__card--other .leadershipGrid__card-content {
    padding-bottom: .3125rem;
    min-height: 5.9375rem
  }
}

.leadershipGrid__card--other .leadershipGrid__card-arrow {
  bottom: 1.0625rem
}

.leadershipGrid__card--other .leadershipGrid__card-image {
  flex: 0 0 6.25rem
}

@media screen and (min-width: 768px) {
  .leadershipGrid__card--other:hover .leadershipGrid__card-content {
    padding-bottom: 2.3125rem
  }
}

@media screen and (min-width: 768px) {
  .leadershipGrid__card {
    padding: 1.875rem 1.5625rem
  }

  .leadershipGrid__card:hover {
    background-color: var(--primary-color);
    color: var(--white)
  }

  .leadershipGrid__card:hover .divider {
    background-color: var(--white)
  }

  .leadershipGrid__card:hover .leadershipGrid__card-content {
    max-width: 12.1875rem
  }

  .leadershipGrid__card:hover .leadershipGrid__card-title {
    font-size: 1.125rem
  }

  .leadershipGrid__card:hover .leadershipGrid__card-image {
    display: flex
  }

  .leadershipGrid__card:hover .leadershipGrid__card-arrow {
    display: block
  }

  .leadershipGrid__card--other {
    padding: 1.875rem
  }

  .leadershipGrid__card--other .leadershipGrid__card-title {
    font-size: 1.125rem
  }

  .leadershipGrid__card--other:hover .leadershipGrid__card-content {
    max-width: 100%
  }
}

@media screen and (max-width: 1200px) {

  .leadershipGrid .leadershipGrid__card.entered,
  .leadershipGrid .divider.entered {
    animation-delay: 0s
  }
}

@media screen and (max-width: 768px) {
  .leadershipGrid--other:not(:has([aria-hidden=false])) {
    padding-top: 3.125rem
  }

  .leadershipGrid--other:not(:has([aria-hidden=false]))+.tick-marks-divider {
    display: none
  }

  .leadershipGrid--management+.tick-marks-divider+.leadershipGrid--other,
  .leadershipGrid--other:has([aria-hidden=false])+.tick-marks-divider+.leadershipGrid--other:not(:has([aria-hidden=false])) {
    padding-top: 5.625rem
  }
}

.bioModal {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  background-color: var(--tertiary-color);
  padding: 0;
  -webkit-overflow-scrolling: touch;
  max-width: 83.75rem;
  margin: 0 auto;
  width: 100vw;
  border: none;
  box-sizing: border-box;
  color: var(--primary-color);
  overflow: hidden;
  height: 100dvh
}

@media screen and (max-width: 992px) {
  .bioModal {
    max-height: unset
  }
}

@media screen and (min-width: 992px) {
  .bioModal {
    height: -moz-fit-content;
    height: fit-content;
    width: 90vw;
    border-radius: 1.1875rem
  }
}

.bioModal::backdrop {
  background: rgba(255, 255, 255, .2);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px)
}

.bioModal.is-open {
  display: block
}

.bioModal__close {
  position: fixed;
  right: 1.6875rem;
  top: 1.9375rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(0, 0, 0, 0);
  z-index: 10
}

@media screen and (min-width: 992px) {
  .bioModal__close {
    top: 1.9375rem
  }
}

.bioModal__close:focus-visible {
  outline: none
}

.bioModal__content {
  height: 100dvh;
  width: 100%;
  padding: 5.625rem 3.4375rem;
  box-sizing: border-box;
  overflow-y: auto
}

.bioModal__content::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.bioModal__content::-webkit-scrollbar-thumb {
  background: #0032ff
}

.bioModal__content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0)
}

@media screen and (min-width: 992px) {
  .bioModal__content {
    padding: 7.8125rem 6.5625rem 7.8125rem 5.625rem;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 100dvh
  }
}

.bioModal__inner {
  display: flex;
  gap: 4.625rem;
  flex-direction: column
}

@media screen and (min-width: 992px) {
  .bioModal__inner {
    flex-direction: row;
    gap: 3.4375rem
  }
}

.bioModal__sidebar {
  flex: 1;
  max-width: 21.875rem;
  aspect-ratio: 417/565;
  align-self: center;
  position: relative;
  width: 100%
}

@media screen and (min-width: 992px) {
  .bioModal__sidebar {
    align-self: flex-start
  }
}

.bioModal__body {
  flex: 1;
  width: 100%
}

.bioModal__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .625rem
}

.bioModal__bio {
  margin-bottom: 0
}

.bioModal__tmd {
  position: absolute;
  width: 12.1875rem;
  height: 6.875rem;
  bottom: -3.4375rem;
  left: -1.5625rem
}

@media screen and (min-width: 992px) {
  .bioModal__tmd {
    height: 8.9375rem;
    bottom: -5rem;
    left: -2.8125rem;
    width: 14.75rem
  }
}

.bioModal__tmd .tmd-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 12.1875rem;
  height: 6.875rem
}

@media screen and (min-width: 992px) {
  .bioModal__tmd .tmd-container {
    max-width: 14.75rem;
    height: 8.9375rem
  }
}

.bioModal__tmd .tmd-container video {
  -webkit-mask-size: 235% auto;
  mask-size: 235% auto
}

section,
.section {
  display: block;
  position: relative
}

section.fixed-width {
  max-width: 120rem;
  margin: 0 auto
}

.container {
  display: block;
  position: relative;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  box-sizing: border-box;
  max-width: 1440px
}

@media screen and (min-width: 768px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.875rem;
    padding-right: 1.875rem
  }
}

.grid {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  -moz-column-gap: 0;
  column-gap: 0
}

@media screen and (min-width: 768px) {
  .grid {
    -moz-column-gap: .625rem;
    column-gap: .625rem
  }
}

.grid .g-col-1 {
  grid-column: auto/span 1
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-2 {
  grid-column: auto/span 2
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-3 {
  grid-column: auto/span 3
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-4 {
  grid-column: auto/span 4
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-5 {
  grid-column: auto/span 5
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-6 {
  grid-column: auto/span 6
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-7 {
  grid-column: auto/span 7
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-8 {
  grid-column: auto/span 8
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-9 {
  grid-column: auto/span 9
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-10 {
  grid-column: auto/span 10
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-11 {
  grid-column: auto/span 11
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-12 {
  grid-column: auto/span 12
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-13 {
  grid-column: auto/span 13
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-14 {
  grid-column: auto/span 14
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-15 {
  grid-column: auto/span 15
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

.grid .g-col-16 {
  grid-column: auto/span 16
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}

.grid .g-start-12 {
  grid-column-start: 12
}

.grid .g-start-13 {
  grid-column-start: 13
}

.grid .g-start-14 {
  grid-column-start: 14
}

.grid .g-start-15 {
  grid-column-start: 15
}

@media screen and (min-width: 576px) {
  .grid .g-col-500-1 {
    grid-column: auto/span 1
  }

  .grid .g-col-500-2 {
    grid-column: auto/span 2
  }

  .grid .g-col-500-3 {
    grid-column: auto/span 3
  }

  .grid .g-col-500-4 {
    grid-column: auto/span 4
  }

  .grid .g-col-500-5 {
    grid-column: auto/span 5
  }

  .grid .g-col-500-6 {
    grid-column: auto/span 6
  }

  .grid .g-col-500-7 {
    grid-column: auto/span 7
  }

  .grid .g-col-500-8 {
    grid-column: auto/span 8
  }

  .grid .g-col-500-9 {
    grid-column: auto/span 9
  }

  .grid .g-col-500-10 {
    grid-column: auto/span 10
  }

  .grid .g-col-500-11 {
    grid-column: auto/span 11
  }

  .grid .g-col-500-12 {
    grid-column: auto/span 12
  }

  .grid .g-col-500-13 {
    grid-column: auto/span 13
  }

  .grid .g-col-500-14 {
    grid-column: auto/span 14
  }

  .grid .g-col-500-15 {
    grid-column: auto/span 15
  }

  .grid .g-col-500-16 {
    grid-column: auto/span 16
  }

  .grid .g-start-500-1 {
    grid-column-start: 1
  }

  .grid .g-start-500-2 {
    grid-column-start: 2
  }

  .grid .g-start-500-3 {
    grid-column-start: 3
  }

  .grid .g-start-500-4 {
    grid-column-start: 4
  }

  .grid .g-start-500-5 {
    grid-column-start: 5
  }

  .grid .g-start-500-6 {
    grid-column-start: 6
  }

  .grid .g-start-500-7 {
    grid-column-start: 7
  }

  .grid .g-start-500-8 {
    grid-column-start: 8
  }

  .grid .g-start-500-9 {
    grid-column-start: 9
  }

  .grid .g-start-500-10 {
    grid-column-start: 10
  }

  .grid .g-start-500-11 {
    grid-column-start: 11
  }

  .grid .g-start-500-12 {
    grid-column-start: 12
  }

  .grid .g-start-500-13 {
    grid-column-start: 13
  }

  .grid .g-start-500-14 {
    grid-column-start: 14
  }

  .grid .g-start-500-15 {
    grid-column-start: 15
  }
}

@media screen and (min-width: 768px) {
  .grid .g-col-700-1 {
    grid-column: auto/span 1
  }

  .grid .g-col-700-2 {
    grid-column: auto/span 2
  }

  .grid .g-col-700-3 {
    grid-column: auto/span 3
  }

  .grid .g-col-700-4 {
    grid-column: auto/span 4
  }

  .grid .g-col-700-5 {
    grid-column: auto/span 5
  }

  .grid .g-col-700-6 {
    grid-column: auto/span 6
  }

  .grid .g-col-700-7 {
    grid-column: auto/span 7
  }

  .grid .g-col-700-8 {
    grid-column: auto/span 8
  }

  .grid .g-col-700-9 {
    grid-column: auto/span 9
  }

  .grid .g-col-700-10 {
    grid-column: auto/span 10
  }

  .grid .g-col-700-11 {
    grid-column: auto/span 11
  }

  .grid .g-col-700-12 {
    grid-column: auto/span 12
  }

  .grid .g-col-700-13 {
    grid-column: auto/span 13
  }

  .grid .g-col-700-14 {
    grid-column: auto/span 14
  }

  .grid .g-col-700-15 {
    grid-column: auto/span 15
  }

  .grid .g-col-700-16 {
    grid-column: auto/span 16
  }

  .grid .g-start-700-1 {
    grid-column-start: 1
  }

  .grid .g-start-700-2 {
    grid-column-start: 2
  }

  .grid .g-start-700-3 {
    grid-column-start: 3
  }

  .grid .g-start-700-4 {
    grid-column-start: 4
  }

  .grid .g-start-700-5 {
    grid-column-start: 5
  }

  .grid .g-start-700-6 {
    grid-column-start: 6
  }

  .grid .g-start-700-7 {
    grid-column-start: 7
  }

  .grid .g-start-700-8 {
    grid-column-start: 8
  }

  .grid .g-start-700-9 {
    grid-column-start: 9
  }

  .grid .g-start-700-10 {
    grid-column-start: 10
  }

  .grid .g-start-700-11 {
    grid-column-start: 11
  }

  .grid .g-start-700-12 {
    grid-column-start: 12
  }

  .grid .g-start-700-13 {
    grid-column-start: 13
  }

  .grid .g-start-700-14 {
    grid-column-start: 14
  }

  .grid .g-start-700-15 {
    grid-column-start: 15
  }
}

@media screen and (min-width: 992px) {
  .grid .g-col-900-1 {
    grid-column: auto/span 1
  }

  .grid .g-col-900-2 {
    grid-column: auto/span 2
  }

  .grid .g-col-900-3 {
    grid-column: auto/span 3
  }

  .grid .g-col-900-4 {
    grid-column: auto/span 4
  }

  .grid .g-col-900-5 {
    grid-column: auto/span 5
  }

  .grid .g-col-900-6 {
    grid-column: auto/span 6
  }

  .grid .g-col-900-7 {
    grid-column: auto/span 7
  }

  .grid .g-col-900-8 {
    grid-column: auto/span 8
  }

  .grid .g-col-900-9 {
    grid-column: auto/span 9
  }

  .grid .g-col-900-10 {
    grid-column: auto/span 10
  }

  .grid .g-col-900-11 {
    grid-column: auto/span 11
  }

  .grid .g-col-900-12 {
    grid-column: auto/span 12
  }

  .grid .g-col-900-13 {
    grid-column: auto/span 13
  }

  .grid .g-col-900-14 {
    grid-column: auto/span 14
  }

  .grid .g-col-900-15 {
    grid-column: auto/span 15
  }

  .grid .g-col-900-16 {
    grid-column: auto/span 16
  }

  .grid .g-start-900-1 {
    grid-column-start: 1
  }

  .grid .g-start-900-2 {
    grid-column-start: 2
  }

  .grid .g-start-900-3 {
    grid-column-start: 3
  }

  .grid .g-start-900-4 {
    grid-column-start: 4
  }

  .grid .g-start-900-5 {
    grid-column-start: 5
  }

  .grid .g-start-900-6 {
    grid-column-start: 6
  }

  .grid .g-start-900-7 {
    grid-column-start: 7
  }

  .grid .g-start-900-8 {
    grid-column-start: 8
  }

  .grid .g-start-900-9 {
    grid-column-start: 9
  }

  .grid .g-start-900-10 {
    grid-column-start: 10
  }

  .grid .g-start-900-11 {
    grid-column-start: 11
  }

  .grid .g-start-900-12 {
    grid-column-start: 12
  }

  .grid .g-start-900-13 {
    grid-column-start: 13
  }

  .grid .g-start-900-14 {
    grid-column-start: 14
  }

  .grid .g-start-900-15 {
    grid-column-start: 15
  }
}

@media screen and (min-width: 1024px) {
  .grid .g-col-1000-1 {
    grid-column: auto/span 1
  }

  .grid .g-col-1000-2 {
    grid-column: auto/span 2
  }

  .grid .g-col-1000-3 {
    grid-column: auto/span 3
  }

  .grid .g-col-1000-4 {
    grid-column: auto/span 4
  }

  .grid .g-col-1000-5 {
    grid-column: auto/span 5
  }

  .grid .g-col-1000-6 {
    grid-column: auto/span 6
  }

  .grid .g-col-1000-7 {
    grid-column: auto/span 7
  }

  .grid .g-col-1000-8 {
    grid-column: auto/span 8
  }

  .grid .g-col-1000-9 {
    grid-column: auto/span 9
  }

  .grid .g-col-1000-10 {
    grid-column: auto/span 10
  }

  .grid .g-col-1000-11 {
    grid-column: auto/span 11
  }

  .grid .g-col-1000-12 {
    grid-column: auto/span 12
  }

  .grid .g-col-1000-13 {
    grid-column: auto/span 13
  }

  .grid .g-col-1000-14 {
    grid-column: auto/span 14
  }

  .grid .g-col-1000-15 {
    grid-column: auto/span 15
  }

  .grid .g-col-1000-16 {
    grid-column: auto/span 16
  }

  .grid .g-start-1000-1 {
    grid-column-start: 1
  }

  .grid .g-start-1000-2 {
    grid-column-start: 2
  }

  .grid .g-start-1000-3 {
    grid-column-start: 3
  }

  .grid .g-start-1000-4 {
    grid-column-start: 4
  }

  .grid .g-start-1000-5 {
    grid-column-start: 5
  }

  .grid .g-start-1000-6 {
    grid-column-start: 6
  }

  .grid .g-start-1000-7 {
    grid-column-start: 7
  }

  .grid .g-start-1000-8 {
    grid-column-start: 8
  }

  .grid .g-start-1000-9 {
    grid-column-start: 9
  }

  .grid .g-start-1000-10 {
    grid-column-start: 10
  }

  .grid .g-start-1000-11 {
    grid-column-start: 11
  }

  .grid .g-start-1000-12 {
    grid-column-start: 12
  }

  .grid .g-start-1000-13 {
    grid-column-start: 13
  }

  .grid .g-start-1000-14 {
    grid-column-start: 14
  }

  .grid .g-start-1000-15 {
    grid-column-start: 15
  }
}

@media screen and (min-width: 1200px) {
  .grid .g-col-1200-1 {
    grid-column: auto/span 1
  }

  .grid .g-col-1200-2 {
    grid-column: auto/span 2
  }

  .grid .g-col-1200-3 {
    grid-column: auto/span 3
  }

  .grid .g-col-1200-4 {
    grid-column: auto/span 4
  }

  .grid .g-col-1200-5 {
    grid-column: auto/span 5
  }

  .grid .g-col-1200-6 {
    grid-column: auto/span 6
  }

  .grid .g-col-1200-7 {
    grid-column: auto/span 7
  }

  .grid .g-col-1200-8 {
    grid-column: auto/span 8
  }

  .grid .g-col-1200-9 {
    grid-column: auto/span 9
  }

  .grid .g-col-1200-10 {
    grid-column: auto/span 10
  }

  .grid .g-col-1200-11 {
    grid-column: auto/span 11
  }

  .grid .g-col-1200-12 {
    grid-column: auto/span 12
  }

  .grid .g-col-1200-13 {
    grid-column: auto/span 13
  }

  .grid .g-col-1200-14 {
    grid-column: auto/span 14
  }

  .grid .g-col-1200-15 {
    grid-column: auto/span 15
  }

  .grid .g-col-1200-16 {
    grid-column: auto/span 16
  }

  .grid .g-start-1200-1 {
    grid-column-start: 1
  }

  .grid .g-start-1200-2 {
    grid-column-start: 2
  }

  .grid .g-start-1200-3 {
    grid-column-start: 3
  }

  .grid .g-start-1200-4 {
    grid-column-start: 4
  }

  .grid .g-start-1200-5 {
    grid-column-start: 5
  }

  .grid .g-start-1200-6 {
    grid-column-start: 6
  }

  .grid .g-start-1200-7 {
    grid-column-start: 7
  }

  .grid .g-start-1200-8 {
    grid-column-start: 8
  }

  .grid .g-start-1200-9 {
    grid-column-start: 9
  }

  .grid .g-start-1200-10 {
    grid-column-start: 10
  }

  .grid .g-start-1200-11 {
    grid-column-start: 11
  }

  .grid .g-start-1200-12 {
    grid-column-start: 12
  }

  .grid .g-start-1200-13 {
    grid-column-start: 13
  }

  .grid .g-start-1200-14 {
    grid-column-start: 14
  }

  .grid .g-start-1200-15 {
    grid-column-start: 15
  }
}

@media screen and (min-width: 1400px) {
  .grid .g-col-1400-1 {
    grid-column: auto/span 1
  }

  .grid .g-col-1400-2 {
    grid-column: auto/span 2
  }

  .grid .g-col-1400-3 {
    grid-column: auto/span 3
  }

  .grid .g-col-1400-4 {
    grid-column: auto/span 4
  }

  .grid .g-col-1400-5 {
    grid-column: auto/span 5
  }

  .grid .g-col-1400-6 {
    grid-column: auto/span 6
  }

  .grid .g-col-1400-7 {
    grid-column: auto/span 7
  }

  .grid .g-col-1400-8 {
    grid-column: auto/span 8
  }

  .grid .g-col-1400-9 {
    grid-column: auto/span 9
  }

  .grid .g-col-1400-10 {
    grid-column: auto/span 10
  }

  .grid .g-col-1400-11 {
    grid-column: auto/span 11
  }

  .grid .g-col-1400-12 {
    grid-column: auto/span 12
  }

  .grid .g-col-1400-13 {
    grid-column: auto/span 13
  }

  .grid .g-col-1400-14 {
    grid-column: auto/span 14
  }

  .grid .g-col-1400-15 {
    grid-column: auto/span 15
  }

  .grid .g-col-1400-16 {
    grid-column: auto/span 16
  }

  .grid .g-start-1400-1 {
    grid-column-start: 1
  }

  .grid .g-start-1400-2 {
    grid-column-start: 2
  }

  .grid .g-start-1400-3 {
    grid-column-start: 3
  }

  .grid .g-start-1400-4 {
    grid-column-start: 4
  }

  .grid .g-start-1400-5 {
    grid-column-start: 5
  }

  .grid .g-start-1400-6 {
    grid-column-start: 6
  }

  .grid .g-start-1400-7 {
    grid-column-start: 7
  }

  .grid .g-start-1400-8 {
    grid-column-start: 8
  }

  .grid .g-start-1400-9 {
    grid-column-start: 9
  }

  .grid .g-start-1400-10 {
    grid-column-start: 10
  }

  .grid .g-start-1400-11 {
    grid-column-start: 11
  }

  .grid .g-start-1400-12 {
    grid-column-start: 12
  }

  .grid .g-start-1400-13 {
    grid-column-start: 13
  }

  .grid .g-start-1400-14 {
    grid-column-start: 14
  }

  .grid .g-start-1400-15 {
    grid-column-start: 15
  }
}

.post-type-page {
  padding: 10.625rem 0
}

.post-type-page h1 {
  font-size: 2.5rem
}

.post-type-page .article {
  padding: 4.375rem 0 0
}

@media screen and (min-width: 768px) {
  .post-type-page {
    padding: 16rem 0
  }

  .post-type-page h1 {
    font-size: 4.5rem
  }
}

/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative
}

.flickity-enabled:focus {
  outline: none
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
  touch-action: pan-y
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0
}

.flickity-rtl .flickity-slider {
  left: unset;
  right: 0
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing
}

.flickity-cell {
  position: absolute;
  left: 0
}

.flickity-rtl .flickity-cell {
  left: unset;
  right: 0
}

.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0);
  border: none;
  color: #333
}

.flickity-button:hover {
  background: rgba(255, 255, 255, 0);
  cursor: pointer
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0)
}

.flickity-button:active {
  opacity: .6
}

.flickity-button:disabled {
  opacity: .5;
  cursor: auto;
  pointer-events: none
}

.flickity-button-icon {
  fill: currentColor
}

.flickity-prev-next-button {
  width: 40px;
  height: 30px
}

.flickity-prev-next-button:focus-visible {
  outline: 2px solid var(--emphasis-color)
}

.flickity-prev-next-button.previous {
  right: 110px;
  bottom: -50px;
  z-index: 51
}

@media screen and (min-width: 768px) {
  .flickity-prev-next-button.previous {
    right: 120px
  }
}

@media screen and (min-width: 992px) {
  .flickity-prev-next-button.previous {
    bottom: 17px;
    right: 100px
  }
}

@media screen and (min-width: 992px)and (hover: hover) {
  .flickity-prev-next-button.previous:hover::after {
    background-color: #20caa6
  }

  .flickity-prev-next-button.previous:hover::before {
    border-top: 1px solid #20caa6;
    border-right: 1px solid #20caa6
  }
}

@media screen and (min-width: 1440px) {
  .flickity-prev-next-button.previous {
    right: calc(50% - 625px)
  }
}

.flickity-prev-next-button.next {
  right: 40px;
  bottom: -50px;
  z-index: 50
}

@media screen and (min-width: 768px) {
  .flickity-prev-next-button.next {
    right: 50px
  }
}

@media screen and (min-width: 992px) {
  .flickity-prev-next-button.next {
    bottom: 17px;
    right: 30px
  }
}

@media screen and (min-width: 992px)and (hover: hover) {
  .flickity-prev-next-button.next:hover::after {
    background-color: #20caa6
  }

  .flickity-prev-next-button.next:hover::before {
    border-top: 1px solid #20caa6;
    border-right: 1px solid #20caa6
  }
}

@media screen and (min-width: 1440px) {
  .flickity-prev-next-button.next {
    right: calc(50% - 685px)
  }
}

.flickity-prev-next-button.previous::after {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  bottom: 0
}

.flickity-prev-next-button.previous::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(-135deg);
  top: 9px;
  left: -7px
}

.flickity-prev-next-button.next::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  bottom: 0
}

.flickity-prev-next-button.next::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  top: 9px;
  right: 1px
}

.vcarousel .flickity-prev-next-button.previous {
  right: 95px;
  bottom: -52px;
  z-index: 51
}

@media screen and (min-width: 768px) {
  .vcarousel .flickity-prev-next-button.previous {
    right: 120px
  }
}

@media screen and (min-width: 992px) {
  .vcarousel .flickity-prev-next-button.previous {
    bottom: 25px;
    right: 100px
  }
}

@media screen and (min-width: 992px)and (hover: hover) {
  .vcarousel .flickity-prev-next-button.previous:hover::after {
    background-color: #20caa6
  }

  .vcarousel .flickity-prev-next-button.previous:hover::before {
    border-top: 1px solid #20caa6;
    border-right: 1px solid #20caa6
  }
}

@media screen and (min-width: 1440px) {
  .vcarousel .flickity-prev-next-button.previous {
    right: calc(50% - 625px)
  }
}

.vcarousel .flickity-prev-next-button.next {
  right: 40px;
  bottom: -52px;
  z-index: 50
}

@media screen and (min-width: 768px) {
  .vcarousel .flickity-prev-next-button.next {
    right: 50px
  }
}

@media screen and (min-width: 992px) {
  .vcarousel .flickity-prev-next-button.next {
    bottom: 25px;
    right: 30px
  }
}

@media screen and (min-width: 992px)and (hover: hover) {
  .vcarousel .flickity-prev-next-button.next:hover::after {
    background-color: #20caa6
  }

  .vcarousel .flickity-prev-next-button.next:hover::before {
    border-top: 1px solid #20caa6;
    border-right: 1px solid #20caa6
  }
}

@media screen and (min-width: 1440px) {
  .vcarousel .flickity-prev-next-button.next {
    right: calc(50% - 690px)
  }
}

.article-promo-carousel .flickity-prev-next-button.previous,
.article-promo-carousel .flickity-prev-next-button.next {
  bottom: -75px
}

.article-promo-carousel .flickity-prev-next-button.previous::after,
.article-promo-carousel .flickity-prev-next-button.next::after {
  background-color: #0032ff
}

.article-promo-carousel .flickity-prev-next-button.previous::before,
.article-promo-carousel .flickity-prev-next-button.next::before {
  border-top: 1px solid #0032ff;
  border-right: 1px solid #0032ff
}

@media screen and (min-width: 768px)and (hover: hover) {

  .article-promo-carousel .flickity-prev-next-button.previous:hover::after,
  .article-promo-carousel .flickity-prev-next-button.next:hover::after {
    background-color: #20caa6
  }

  .article-promo-carousel .flickity-prev-next-button.previous:hover::before,
  .article-promo-carousel .flickity-prev-next-button.next:hover::before {
    border-top: 1px solid #20caa6;
    border-right: 1px solid #20caa6
  }
}

.aghero-carousel .flickity-prev-next-button.previous,
.aghero-carousel .flickity-prev-next-button.next {
  bottom: -67px
}

.aghero-carousel .flickity-prev-next-button.previous::after,
.aghero-carousel .flickity-prev-next-button.next::after {
  background-color: #0032ff
}

.aghero-carousel .flickity-prev-next-button.previous::before,
.aghero-carousel .flickity-prev-next-button.next::before {
  border-top: 1px solid #0032ff;
  border-right: 1px solid #0032ff
}

@media screen and (min-width: 768px)and (hover: hover) {

  .aghero-carousel .flickity-prev-next-button.previous:hover::after,
  .aghero-carousel .flickity-prev-next-button.next:hover::after {
    background-color: #20caa6
  }

  .aghero-carousel .flickity-prev-next-button.previous:hover::before,
  .aghero-carousel .flickity-prev-next-button.next:hover::before {
    border-top: 1px solid #20caa6;
    border-right: 1px solid #20caa6
  }
}

.aghero-carousel .flickity-prev-next-button.previous {
  right: 65px
}

.aghero-carousel .flickity-prev-next-button.next {
  right: 3px
}

.avc-carousel .flickity-prev-next-button.previous,
.avc-carousel .flickity-prev-next-button.next {
  bottom: -75px
}

.avc-carousel .flickity-prev-next-button.previous::after,
.avc-carousel .flickity-prev-next-button.next::after {
  background-color: #0032ff
}

.avc-carousel .flickity-prev-next-button.previous::before,
.avc-carousel .flickity-prev-next-button.next::before {
  border-top: 1px solid #0032ff;
  border-right: 1px solid #0032ff
}

@media screen and (min-width: 768px) {

  .avc-carousel .flickity-prev-next-button.previous::after,
  .avc-carousel .flickity-prev-next-button.next::after {
    background-color: #fff
  }

  .avc-carousel .flickity-prev-next-button.previous::before,
  .avc-carousel .flickity-prev-next-button.next::before {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
  }
}

@media screen and (min-width: 768px)and (hover: hover) {

  .avc-carousel .flickity-prev-next-button.previous:hover::after,
  .avc-carousel .flickity-prev-next-button.next:hover::after {
    background-color: #20caa6
  }

  .avc-carousel .flickity-prev-next-button.previous:hover::before,
  .avc-carousel .flickity-prev-next-button.next:hover::before {
    border-top: 1px solid #20caa6;
    border-right: 1px solid #20caa6
  }
}

.avc-carousel .flickity-prev-next-button.previous {
  right: 77px
}

@media screen and (min-width: 768px) {
  .avc-carousel .flickity-prev-next-button.previous {
    right: 90px;
    bottom: 35px
  }
}

.avc-carousel .flickity-prev-next-button.next {
  right: 22px
}

@media screen and (min-width: 768px) {
  .avc-carousel .flickity-prev-next-button.next {
    right: 35px;
    bottom: 35px
  }
}

.hacc-type-quote-carousel .flickity-prev-next-button.previous,
.hacc-type-quote-carousel .flickity-prev-next-button.next {
  bottom: -67px
}

.hacc-type-quote-carousel .flickity-prev-next-button.previous::after,
.hacc-type-quote-carousel .flickity-prev-next-button.next::after {
  background-color: #fff
}

.hacc-type-quote-carousel .flickity-prev-next-button.previous::before,
.hacc-type-quote-carousel .flickity-prev-next-button.next::before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff
}

@media screen and (min-width: 768px) {

  .hacc-type-quote-carousel .flickity-prev-next-button.previous,
  .hacc-type-quote-carousel .flickity-prev-next-button.next {
    bottom: -87px
  }

  .hacc-type-quote-carousel .flickity-prev-next-button.previous::after,
  .hacc-type-quote-carousel .flickity-prev-next-button.next::after {
    background-color: #fff
  }

  .hacc-type-quote-carousel .flickity-prev-next-button.previous::before,
  .hacc-type-quote-carousel .flickity-prev-next-button.next::before {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
  }
}

@media screen and (min-width: 768px)and (hover: hover) {

  .hacc-type-quote-carousel .flickity-prev-next-button.previous:hover::after,
  .hacc-type-quote-carousel .flickity-prev-next-button.next:hover::after {
    background-color: #20caa6
  }

  .hacc-type-quote-carousel .flickity-prev-next-button.previous:hover::before,
  .hacc-type-quote-carousel .flickity-prev-next-button.next:hover::before {
    border-top: 1px solid #20caa6;
    border-right: 1px solid #20caa6
  }
}

.hacc-type-quote-carousel .flickity-prev-next-button.previous {
  right: 57px
}

@media screen and (min-width: 768px) {
  .hacc-type-quote-carousel .flickity-prev-next-button.previous {
    right: 57px
  }
}

.hacc-type-quote-carousel .flickity-prev-next-button.next {
  right: 2px
}

@media screen and (min-width: 768px) {
  .hacc-type-quote-carousel .flickity-prev-next-button.next {
    right: 2px
  }
}

.stat-grid-carousel .flickity-prev-next-button.previous,
.stat-grid-carousel .flickity-prev-next-button.next {
  bottom: -85px
}

@media screen and (min-width: 768px)and (hover: hover) {

  .stat-grid-carousel .flickity-prev-next-button.previous:hover::after,
  .stat-grid-carousel .flickity-prev-next-button.next:hover::after {
    background-color: #20caa6
  }

  .stat-grid-carousel .flickity-prev-next-button.previous:hover::before,
  .stat-grid-carousel .flickity-prev-next-button.next:hover::before {
    border-top: 1px solid #20caa6;
    border-right: 1px solid #20caa6
  }
}

.stat-grid-carousel .flickity-prev-next-button.previous {
  right: 77px
}

.stat-grid-carousel .flickity-prev-next-button.next {
  right: 22px
}

.stat-grid-carousel[data-skin=dark] .flickity-prev-next-button.previous::after,
.stat-grid-carousel[data-skin=dark] .flickity-prev-next-button.next::after {
  background-color: #fff
}

.stat-grid-carousel[data-skin=dark] .flickity-prev-next-button.previous::before,
.stat-grid-carousel[data-skin=dark] .flickity-prev-next-button.next::before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff
}

.stat-grid-carousel[data-skin=light] .flickity-prev-next-button.previous::after,
.stat-grid-carousel[data-skin=light] .flickity-prev-next-button.next::after {
  background-color: var(--primary-color)
}

.stat-grid-carousel[data-skin=light] .flickity-prev-next-button.previous::before,
.stat-grid-carousel[data-skin=light] .flickity-prev-next-button.next::before {
  border-top: 1px solid var(--primary-color);
  border-right: 1px solid var(--primary-color)
}

.tab-carousel .flickity-prev-next-button.previous,
.tab-carousel .flickity-prev-next-button.next {
  bottom: -115px
}

.tab-carousel .flickity-prev-next-button.previous::after,
.tab-carousel .flickity-prev-next-button.next::after {
  background-color: #0032ff
}

.tab-carousel .flickity-prev-next-button.previous::before,
.tab-carousel .flickity-prev-next-button.next::before {
  border-top: 1px solid #0032ff;
  border-right: 1px solid #0032ff
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
  display: none;
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.flickity-rtl .flickity-page-dots {
  direction: rtl
}

.flickity-page-dot {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 5px;
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  border: 1px solid var(--emphasis-color);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: -9999px;
  overflow: hidden
}

.flickity-rtl .flickity-page-dot {
  text-indent: 9999px
}

.flickity-page-dot:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19f
}

.flickity-page-dot.is-selected {
  background: var(--emphasis-color)
}



@media (max-width: 768px) {
  .header__utility-menu ul.header__utility-list.bare-list li{
    font-size: 1.5rem
  }
  .header__utility-menu ul.header__utility-list.bare-list li:nth-child(2) {
   margin-top: 1.2rem;
  }
}

@media (min-width: 768px) {
  /* .header__utility-menu ul.header__utility-list.bare-list li{
    border: 1px solid rgb(0, 50, 255) !important;
    background-color:  rgba(255,255,255,.6) !important;
    border: 1px solid currentColor;  
    padding: 6px 12px;
    border-radius: 100px;
    font-size: 20px;
    cursor: pointer;

  } */
  .header__utility-menu ul.header__utility-list.bare-list li a{
    border: 1px solid currentColor;  /* 边框颜色跟随文字颜色 */
    padding: 6px 12px;
    border-radius: 100px;
    font-size: 20px;
    cursor: pointer;
  }
  .header__utility-menu ul.header__utility-list.bare-list li a::before,
  .header__utility-menu ul.header__utility-list.bare-list li a::after {
    content: '';
    width: 0 !important;
    display: none; /* 或 display: block 如果你还想显示但不显示内容 */
  }
  .header__utility-menu ul.header__utility-list.bare-list{
    display: flex;
    align-items: center;
  }
  .header__utility-menu ul.header__utility-list.bare-list li:nth-child(2) {
    margin-left: 18px;
  }

}
@media screen and (min-width: 767px)  {
  #content{
    margin-top: 150px;
  }
  
}