: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 {
    -webkit-text-size-adjust: 100%
}



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;
}

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
}


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



.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
    }
}


.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)
    }
}


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

@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: 16.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("../assets/img/tick-marks-option2.svg");
    mask-image: url("../assets/img/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("../assets/img/tick-marks-option2.svg");
    mask-image: url("../assets/img/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("../assets/img/tick-marks-option2.svg");
    mask-image: url("../assets/img/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("../assets/img/tick-marks-article-promo-carousel.svg");
        mask-image: url("../assets/img/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("../assets/img/tick-marks-option1.svg");
    mask-image: url("../assets/img/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("../assets/img/tick-marks-option1.svg");
    mask-image: url("../assets/img/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("../assets/img/tick-marks-accgrid.svg");
    mask-image: url("../assets/img/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("../assets/img/tick-marks-mhacc.svg");
    mask-image: url("../assets/img/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("../assets/img/tick-marks-accgrid.svg");
    mask-image: url("../assets/img/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("../assets/img/tick-marks-accgrid-none.svg");
    mask-image: url("../assets/img/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("../assets/icon/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("../assets/icon/icon-linkedin.svg?v=0.1")
}

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

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

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

.post-sns .youtube::after {
    background-image: url("../assets/icon/icon-youtube.svg?v=0.1")
}

.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("../assets/icon/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: 160px 0 90px
}

@media screen and (min-width: 768px) {
    .article-general {
        padding: 210px 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: 9.375rem;
    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: 13.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%
}

.homepageHero {
    overflow: hidden;
    height: auto;
    min-height: 100vh
}

@media screen and (min-width: 768px) {
    .homepageHero {
        height: 100dvh
    }
}

.homepageHero__canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    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__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
}


.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: 0.3rem;
    border-top-right-radius: 0.3rem;
    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("../assets/icon/icon-bullet.svg?v=0.1");
    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("../assets/icon/icon-bullet-blue.svg?v=0.1");
    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("../assets/img/tick-marks-option2.svg");
    mask-image: url("../assets/img/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);
    overflow: hidden
}

@media screen and (min-width: 992px) {
    .flexibleHero {
        padding-top: 12.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("../assets/img/tick-marks-option2.svg");
    mask-image: url("../assets/img/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("../assets/icon/carousel-arrow-right.svg")
}

.verticalVideoCarousel__control--prev::after {
    background-image: url("../assets/icon/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("../assets/icon/icon-bullet.svg?v=0.1");
    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("../assets/img/tick-marks-mhacc-img.svg");
    mask-image: url("../assets/img/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("../assets/img/tick-marks-hacc-img.svg");
        mask-image: url("../assets/img/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("../assets/img/tick-marks-mhacc.svg");
    mask-image: url("../assets/img/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("../assets/img/tick-marks-hacc.svg");
    mask-image: url("../assets/img/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("../assets/img/tick-marks-hacc-bullet.svg");
    mask-image: url("../assets/img/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("../assets/icon/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("../assets/icon/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("../assets/img/tick-marks-option2.svg");
    mask-image: url("../assets/img/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: 12.5rem 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)
}

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