*,
:before,
:after {
    box-sizing: border-box;
    background-repeat: no-repeat
}

:before,
:after {
    text-decoration: inherit;
    vertical-align: inherit
}

:where(:root) {
    cursor: default;
    line-height: 1.5;
    word-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%
}

:where(body) {
    margin: 0
}

:where(h1) {
    font-size: 2em;
    margin: .67em 0
}

:where(dl, ol, ul) :where(dl, ol, ul) {
    margin: 0
}

:where(hr) {
    color: inherit;
    height: 0
}

:where(nav) :where(ol, ul) {
    list-style-type: none;
    padding: 0
}

:where(pre) {
    font-family: monospace, monospace;
    font-size: 1em;
    overflow: auto
}

:where(abbr[title]) {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

:where(b, strong) {
    font-weight: bolder
}

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

:where(small) {
    font-size: 80%
}

:where(audio, canvas, iframe, img, svg, video) {
    vertical-align: middle
}

:where(iframe) {
    border-style: none
}

:where(svg:not([fill])) {
    fill: currentColor
}

:where(table) {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

:where(button, input, select) {
    margin: 0
}

:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
    -webkit-appearance: button
}

:where(fieldset) {
    border: 1px solid #a0a0a0
}

:where(progress) {
    vertical-align: baseline
}

:where(textarea) {
    margin: 0;
    resize: vertical
}

:where([type="search" i]) {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

:where(dialog) {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

:where(dialog:not([open])) {
    display: none
}

:where(details > summary:first-of-type) {
    display: list-item
}

:where([aria-busy="true" i]) {
    cursor: progress
}

:where([aria-controls]) {
    cursor: pointer
}

:where([aria-disabled="true" i], [disabled]) {
    cursor: not-allowed
}

:where([aria-hidden="false" i][hidden]) {
    display: inline;
    display: initial
}

:where([aria-hidden="false" i][hidden]:not(:focus)) {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

:root {
    --black: #000;
    --black-50: rgba(0, 0, 0, .50196);
    --black-20: rgba(0, 0, 0, .2);
    --black-10: rgba(0, 0, 0, .10196);
    --white: #fff;
    --grey: #F4F3F0;
    --dark-white: #F2f2f2;
    --light-grey: #E7E7E7;
    --mustard: #D8B266;
    --light-mustard: #FEE4A1;
    --red: #A41E22;
    --teal: #278069;
    --light-blue: #4379B8;
    --dark-blue: #1A3F70;
    --cotton-candy: #E5ECF7;
    --light-beige: #F6F4EC;
    --light-salmon: #FCE0DC;
    --pale-green: #E7E7C9;
    --light-lavander: #EEE6F3;
    --light-mint: #E5F5F4;
    --space-3xs: clamp(.25rem, .23rem + .12vw, .3125rem);
    --space-2xs: clamp(.5rem, .45rem + .24vw, .625rem);
    --space-xs: clamp(.75rem, .68rem + .37vw, .9375rem);
    --space-s: clamp(1rem, .9rem + .49vw, 1.25rem);
    --space-m: clamp(1.5rem, 1.35rem + .73vw, 1.875rem);
    --space-l: clamp(2rem, 1.8rem + .98vw, 2.5rem);
    --space-xl: clamp(3rem, 2.71rem + 1.46vw, 3.75rem);
    --space-2xl: clamp(4rem, 3.61rem + 1.95vw, 5rem);
    --space-3xl: clamp(6rem, 5.41rem + 2.93vw, 7.5rem);
    --space-3xs-2xs: clamp(.25rem, .1rem + .73vw, .625rem);
    --space-2xs-xs: clamp(.5rem, .33rem + .85vw, .9375rem);
    --space-xs-s: clamp(.75rem, .55rem + .98vw, 1.25rem);
    --space-s-m: clamp(1rem, .66rem + 1.71vw, 1.875rem);
    --space-m-l: clamp(1.5rem, 1.11rem + 1.95vw, 2.5rem);
    --space-l-xl: clamp(2rem, 1.32rem + 3.41vw, 3.75rem);
    --space-l-2xl: clamp(2rem, .83rem + 5.85vw, 5rem);
    --space-xl-2xl: clamp(3rem, 2.22rem + 3.9vw, 5rem);
    --space-2xl-3xl: clamp(4rem, 2.63rem + 6.83vw, 7.5rem);
    --space-zero: clamp(-.0625rem, -.09rem + .12vw, 0rem);
    --size-step-xs: clamp(.694375rem, .69rem + .02vw, .70375rem);
    --size-step-s: clamp(.833125rem, .79rem + .2vw, .9375rem);
    --size-step-0: clamp(1.124375rem, 1.12rem + 0vw, 1.125rem);
    --size-step-1: clamp(1.20125rem, 1.02rem + .91vw, 1.66625rem);
    --size-step-2: clamp(1.44rem, 1.14rem + 1.52vw, 2.22125rem);
    --size-step-3: clamp(1.728125rem, 1.25rem + 2.4vw, 2.960625rem);
    --size-step-4: clamp(2.07375rem, 1.34rem + 3.65vw, 3.946875rem);
    --size-step-5: clamp(2.488125rem, 1.41rem + 5.41vw, 5.260625rem);
    --size-step-6: clamp(2.98625rem, 1.42rem + 7.86vw, 7.0125rem);
    --roboto: "Roboto", sans-serif;
    --minion-pro: "minion-pro", serif;
    --gutter: clamp(1rem, 3.333vw + .333rem, 3rem);
    --container: max(var(--gutter), calc((100% - 84rem)/2));
    --container-max: max(var(--gutter) * 2, calc((100% - 99rem)/2));
    --container-xl: max(var(--gutter), calc((100% - 74rem)/2));
    --container-lg: max(var(--gutter), calc((100% - 64rem)/2));
    --space-fw: max(3rem, min(8vw, 6rem));
    --transition: .3s ease;
    --shadow: 0 1rem 1.5rem var(--black-20);
    cursor: auto
}

@media print {
    :root * {
        color: #000 !important;
        color: var(--black) !important
    }
}

iframe,
img,
input,
video,
select,
svg,
textarea {
    max-width: 100%;
    height: auto
}

iframe,
video {
    aspect-ratio: 16 / 9
}

blockquote,
figure {
    margin-left: 0;
    margin-right: 0
}

fieldset,
legend {
    margin: 0;
    padding: 0;
    border: 0
}

button,
input,
select,
textarea {
    padding: .25em .375em;
    border: 1px solid;
    border-radius: 0;
    background-color: field;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-overflow: ellipsis
}

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[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

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

button,
[type=button],
[type=reset],
[type=submit] {
    cursor: pointer
}

hr {
    display: block;
    margin: 62px auto;
    max-width: 1250px;
    border: 0;
    border-top: 1px solid #4379B8;
    border-top: 1px solid var(--light-blue)
}

p {
    margin: 0
}

p:not(:last-child) {
    margin: 0 0 34px
}

:focus {
    outline: currentcolor dashed .25rem;
    outline-offset: .25rem
}

:focus:not(:focus-visible) {
    outline: 0
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
}

@keyframes fade-in-up {
    0% {
        transform: translateY(3rem);
        opacity: 0
    }
}

@keyframes fade-in-down {
    0% {
        transform: translateY(-3rem);
        opacity: 0
    }
}

@keyframes fade-in-right {
    0% {
        transform: translate(-3rem);
        opacity: 0
    }
}

@keyframes fade-in-left {
    0% {
        transform: translate(3rem);
        opacity: 0
    }
}

@keyframes fade-in-height {
    0% {
        height: 0;
        opacity: 0
    }
}

@keyframes slide-in-right {
    0% {
        transform: translate(100%)
    }
}

@keyframes slide-in-right-smooth {
    0% {
        transform: translate(-70%)
    }
}

:root {
    --heading-color: var(--dark-blue);
    --link-color: var(--dark-blue)
}

body {
    font-family: var(--roboto);
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

@media (min-width: 48em) {
    body {
        font-size: 18px
    }
}

.large {
    font-size: 18px
}

a:not(.link-secondary):not(.button) {
    transition: text-decoration-color var(--transition);
    color: var(--dark-blue)
}

a:not(.link-secondary):not(.button):hover {
    text-decoration-color: transparent
}

ol,
ul {
    padding: 0 0 0 1.5em
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 1.25em 0 .625em
}

h1,
.h1 {
    color: var(--dark-blue);
    color: var(--heading-color);
    font-family: var(--minion-pro);
    font-size: 42px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 50px;
    margin: 0
}

h2,
.h2 {
    color: var(--dark-blue);
    color: var(--heading-color);
    font-family: var(--minion-pro);
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin: 20px 0 0 0;
}

@media (min-width: 48em) {
    h2,
    .h2 {
    margin: 30px 0 0 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px
    }
}

h2 strong,
.h2 strong {
    font-family: var(--minion-pro);
    font-weight: 900
}

h3,
.h3 {
    color: var(--dark-blue);
    color: var(--heading-color);
    font-family: var(--minion-pro);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 24px;
    margin: 20px 0 0 0;
}

@media (min-width: 48em) {
    h3,
    .h3 {
        margin: 30px 0 0 0
    }
}

h4,
.h4 {
    color: var(--dark-blue);
    color: var(--heading-color);
    font-family: var(--roboto);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 21px;
    margin: 20px 0 0 0;
}

@media (min-width: 48em) {
    h4,
    .h4 {
        margin: 30px 0 0 0;
    }
}

h5,
.h5 {
    color: var(--dark-blue);
    color: var(--heading-color);
    font-family: var(--roboto);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 16px;
    margin: 20px 0 0 0;
}

@media (min-width: 48em) {
    h5,
    .h5 {
        margin: 0 0 30px
    }
}

h6,
.h6 {
    color: var(--dark-blue);
    color: var(--heading-color);
    font-family: var(--roboto);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 16px;
    margin: 20px 0 0 0;
}

@media (min-width: 48em) {
    h6,
    .h6 {
        margin: 0 0 30px
    }
}

.t-intro {
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    font-family: var(--minion-pro);
    color: #1b3c6d
}

.t-large {
    font-size: 16px;
    line-height: 23px;
    font-family: var(--minion-pro);
    font-weight: 400
}

@media (min-width: 48em) {
    .t-large {
        font-size: 21px;
        line-height: 29px
    }
}

.t-xl {
    font-family: var(--minion-pro);
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: var(--dark-blue)
}

@media (min-width: 48em) {
    .t-xl {
        font-size: 32px;
        line-height: 40px
    }
}

.t-center {
    text-align: center
}

.t-center img {
    margin: 0 auto
}

.page-heading {
    text-transform: capitalize;
    text-align: center;
    display: none
}

.page-heading.mobile {
    display: block;
    padding: 60px 20px 34px;
    background: #F4F3F0
}

@media (min-width: 48em) {
    .page-heading.mobile {
        margin-top: 92px
    }
}

@media (min-width: 48em) {
    .page-heading {
        padding: 0 0 50px;
        text-align: left
    }
}

@media (min-width: 70em) {
    .page-heading {
        display: block
    }
    .page-heading.mobile {
        display: none
    }
}

.page-heading h1,
.page-heading .h1 {
    width: 100%;
    max-width: 700px;
    margin-bottom: 0;
    font-size: 48px;
    line-height: 59px
}

@media (min-width: 70em) {
    .page-heading h1,
    .page-heading .h1 {
        font-size: 56px;
        line-height: 76px
    }
}

.single-heading {
    text-transform: capitalize
}

.single-heading h1,
.single-heading .h1 {
    width: 100%;
    margin-bottom: 18px;
    font-size: 42px;
    line-height: 52px
}

@media (min-width: 70em) {
    .single-heading h1,
    .single-heading .h1 {
        font-size: 56px;
        line-height: 69px
    }
}

.single-heading .category {
    font-family: var(--minion-pro);
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    color: var(--dark-blue);
    padding-bottom: 22px;
    display: inline-block;
    border-bottom: 11px solid #D8B266;
    margin-bottom: 40px;
    min-width: 283px
}

@media (min-width: 70em) {
    .single-heading .category {
        margin-bottom: 45px
    }
}

.single-heading .details {
    font-family: var(--minion-pro);
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    color: var(--dark-blue);
    display: inline-block;
    margin-bottom: 27px;
    min-width: 283px
}

.single-heading .details .link-secondary {
    font-weight: 500;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 30px
}

@media (min-width: 70em) {
    .single-heading .details {
        margin-bottom: 45px
    }
}

.single-heading .details .button {
    margin-top: 36px
}

blockquote {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    font-family: var(--minion-pro)
}

.style-guide span {
    text-transform: uppercase;
    display: block;
    color: var(--light-blue)
}

.clear:after {
    content: "";
    display: block;
    clear: both
}

.screen-reader-text:not(:focus):not(:active) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap
}

.zero>:first-child {
    margin-top: 0
}

.zero>:last-child {
    margin-bottom: 0
}

.pt-0 {
    padding-top: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pt-150 {
    padding-top: 80px !important
}

@media (min-width: 70em) {
    .pt-150 {
        padding-top: 150px !important
    }
}

.block {
    margin-bottom: 70px
}

.block:last-child {
    margin-bottom: 0 !important
}

@media (min-width: 70em) {
    .block {
        margin-bottom: 125px
    }
}

.flex {
    display: flex;
    flex-wrap: wrap
}

.columns {
    margin: 1em 0
}

@media (min-width: 48em) {
    .columns {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 2em;
        column-gap: 2em
    }
}

.columns>* {
    margin-top: 0
}

.columns div p:last-child {
    margin-bottom: 34px
}

@media (min-width: 48em) {
    .columns div p:last-child {
        margin-bottom: 0
    }
}

.columns div:last-child p:last-child {
    margin-bottom: 0 !important
}

.link-cover:before {
    content: "";
    position: absolute;
    inset: 0
}

.underline {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.link-dashed {
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    transition: all var(--transition) !important
}

.link-dashed {
    --underline-color: transparent;
    --underline-hover: currentcolor;
    --underline-height: .0625em;
    position: relative
}

.link-dashed:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    border-bottom: 1px dashed var(--underline-hover);
    transition: all var(--transition)
}

.link-dashed:hover:after {
    right: 0;
    width: 100%
}

.link-dashed.secondary {
    padding-bottom: 5px
}

.link-dashed.secondary:after {
    width: 100%;
    right: 0;
    left: auto;
    --duration: .4s;
    --strokeHeight: 2px;
    --easeIn: cubic-bezier(.2, .85, .45, 1);
    --easeCubic: cubic-bezier(.6, 0, .2, 1);
    --easeOut: cubic-bezier(.45, 0, .85, 2)
}

.link-dashed.secondary:hover:after {
    animation: linkDashedOut var(--duration) var(--easeOut) forwards, linkDashedOutIn var(--duration) var(--duration) var(--easeIn) forwards
}

@keyframes linkDashedOut {
    to {
        width: 0;
        left: auto
    }
}

@keyframes linkDashedOutIn {
    0%,
    to {
        width: 0;
        left: 0;
        right: auto
    }
    to {
        width: 100%;
        right: 0
    }
}

.link-underline {
    background-position: 0 85% !important
}

.link-underline:hover {
    background-position: -100% 85% !important
}

.no-underline {
    background: none !important
}

.link-secondary {
    display: inline-block;
    --duration: .4s;
    --strokeHeight: 1px;
    --easeIn: cubic-bezier(.2, .85, .45, 1);
    --easeCubic: cubic-bezier(.6, 0, .2, 1);
    --easeOut: cubic-bezier(.45, 0, .85, 2);
    width: -moz-fit-content;
    width: fit-content;
    background: transparent;
    background-image: linear-gradient(var(--dark-blue), var(--dark-blue));
    background-size: 100% 1px, 0 1px;
    background-size: 100% var(--strokeHeight), 0 var(--strokeHeight);
    text-transform: capitalize;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    border: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--dark-blue)
}

.link-secondary:hover {
    animation: twoUnderlineOut var(--duration) var(--easeOut) forwards, twoUnderlineIn var(--duration) var(--duration) var(--easeIn) forwards
}

@keyframes twoUnderlineOut {
    to {
        background-size: 0 var(--strokeHeight), 100% var(--strokeHeight)
    }
}

@keyframes twoUnderlineIn {
    0%,
    to {
        background-position: 0 100%, 100% 100%
    }
    to {
        background-size: 100% var(--strokeHeight), 0 var(--strokeHeight)
    }
}

.button {
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    border: none !important
}

.button {
    min-width: 250px;
    padding: 16px 25px;
    font-family: var(--roboto);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--black);
    display: inline-block;
    transition: all var(--transition);
    margin: 0;
    cursor: pointer;
    position: relative;
    transform: translateZ(0)
}

.button.small {
    padding: 14px 15px;
    min-width: 186px
}

.button.button-blue {
    background: var(--light-blue);
    box-shadow: 0 0 1px var(--light-blue);
    -webkit-tap-highlight-color: var(--light-blue);
    color: var(--darker-blue);
    box-shadow: 0 0 0 0 var(--teal)
}

.button.button-blue:focus,
.button.button-blue:hover {
    box-shadow: 0 0 0 7px var(--teal)
}

.button.button-dark-blue {
    background: var(--dark-blue);
    box-shadow: 0 0 1px var(--dark-blue);
    -webkit-tap-highlight-color: var(--dark-blue);
    color: var(--white);
    box-shadow: 0 0 #6e95c2
}

.button.button-dark-blue:focus,
.button.button-dark-blue:hover {
    box-shadow: 0 0 0 7px #6e95c2
}

.button.button-mustard {
    background: var(--mustard);
    box-shadow: 0 0 1px var(--mustard);
    -webkit-tap-highlight-color: var(--mustard);
    color: var(--dark-blue);
    box-shadow: 0 0 #fce6b8
}

.button.button-mustard:focus,
.button.button-mustard:hover {
    box-shadow: 0 0 0 7px #fce6b8
}

.button.button-red {
    background: var(--red);
    box-shadow: 0 0 1px var(--red);
    -webkit-tap-highlight-color: var(--red);
    color: var(--white);
    box-shadow: 0 0 #ad3538
}

.button.button-red:focus,
.button.button-red:hover {
    box-shadow: 0 0 0 7px #ad3538
}

.button.button-white {
    background: var(--dark-blue);
    box-shadow: 0 0 1px var(--white);
    -webkit-tap-highlight-color: var(--white);
    color: var(--white);
    box-shadow: 0 0 0 0 var(--mustard)
}

.button.button-white:focus,
.button.button-white:hover {
    box-shadow: 0 0 0 7px var(--mustard)
}

.link-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    color: inherit
}

.link-arrow:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    margin-left: 1.5rem;
    border-radius: 50%;
    transform: translate(-1.5rem);
    transition: transform var(--transition), opacity var(--transition);
    background: var(--dark-blue) url(../assets/arrow-right.svg) center no-repeat;
    background-size: 17px;
    opacity: 0
}

@media (min-width: 48em) {
    .link-arrow:after {
        width: 38px;
        height: 38px;
        background-size: 20px
    }
}

.link-arrow:hover:after {
    transform: none;
    opacity: 1
}

.link-accent {
    --underline-color: var(--orange);
    --underline-height: .125rem;
    padding-bottom: .25rem;
    color: inherit
}

.button-link {
    padding: 0;
    border: 0;
    transition: text-decoration-color var(--transition);
    background-color: transparent;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.button-link:hover {
    text-decoration-color: transparent
}

.grid {
    --grid-min: 18rem;
    display: grid;
    grid-gap: 5em;
    gap: 5em;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-min), 1fr));
    margin: 0
}

.grid--alt {
    gap: 1.5em
}

@media (min-width: 32em) {
    .grid--alt {
        --grid-min: 19rem
    }
}

@media (min-width: 70em) {
    .grid--wide {
        --grid-min: 20rem;
        gap: 3em 8rem
    }
}

.grid-3 {
    --grid-min: 15rem;
    gap: 1.3rem
}

.grid--center {
    --columns: 1;
    --gap: 1.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5em;
    gap: var(--gap)
}

@media (min-width: 48em) {
    .grid--center {
        --columns: 2
    }
}

@media (min-width: 70em) {
    .grid--center {
        --columns: 3
    }
}

.grid--center>* {
    width: calc(100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns))
}

.wrap {
    max-width: 48rem
}

.skip-link {
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    z-index: 4
}

[data-animation=fade-in-up] {
    animation: fade-in-up .6s ease both
}

[data-animation=fade-in-down] {
    animation: fade-in-down .6s ease both
}

[data-animation=fade-in-right] {
    animation: fade-in-right .6s ease both
}

[data-animation=fade-in-left] {
    animation: fade-in-left .6s ease both
}

[data-animation=fade-in-height] {
    animation: fade-in-height .6s ease both
}

[data-animation=fade-in] {
    animation: fade-in .6s ease both
}

[data-animate] {
    animation-play-state: paused
}

[data-animate=true] {
    animation-play-state: running
}

.frame {
    --n: 16;
    --d: 9;
    align-items: center;
    aspect-ratio: 16 /9;
    aspect-ratio: var(--n) /var(--d);
    color: var(--color-light);
    display: flex;
    justify-content: center;
    overflow: hidden
}

.frame>iframe,
.frame>img,
.frame>video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.frame[data-ratio="1:1"] {
    --n: 1;
    --d: 1
}

.frame[data-ratio="2:3"] {
    --n: 2;
    --d: 3
}

.frame[data-ratio="3:2"] {
    --n: 3;
    --d: 2
}

.frame[data-ratio="4:3"] {
    --n: 4;
    --d: 3
}

.frame[data-ratio="3:4"] {
    --n: 3;
    --d: 4
}

.frame[data-ratio="5:4"] {
    --n: 5;
    --d: 4
}

.frame[data-ratio="10:9.5"] {
    --n: 10;
    --d: 9.5
}

.white-bg {
    background-color: var(--white) !important
}

.dark-white-bg {
    background-color: var(--dark-white) !important
}

.dark-blue-bg {
    background-color: var(--dark-blue) !important
}

.grey-bg {
    background-color: var(--grey) !important
}

.light-grey-bg {
    background-color: var(--light-grey) !important
}

.teal-bg {
    background-color: var(--teal) !important
}

.mustard-bg {
    background-color: var(--mustard) !important
}

.light-mustard-bg {
    background-color: var(--light-mustard) !important
}

.red-bg {
    background-color: var(--red) !important
}

.light-blue-bg {
    background-color: var(--light-blue) !important
}

.text-dark-blue {
    color: var(--dark-blue) !important
}

.light-beige-bg {
    background-color: var(--light-beige) !important
}

.light-salmon-bg {
    background-color: var(--light-salmon) !important
}

.cotton-candy-bg {
    background-color: var(--cotton-candy) !important
}

.pale-green-bg {
    background-color: var(--pale-green) !important
}

.light-lavander-bg {
    background-color: var(--light-lavander) !important
}

.light-mint-bg {
    background-color: var(--light-mint) !important
}

.text-light-blue {
    color: var(--light-blue) !important
}

.text-red {
    color: var(--red) !important
}

.text-white {
    color: var(--white) !important
}

.text-black {
    color: var(--black) !important
}

.link-secondary.text-light-blue {
    background-image: linear-gradient(var(--light-blue), var(--light-blue))
}

.link-secondary.text-red {
    background-image: linear-gradient(var(--red), var(--red))
}

.link-secondary.text-white {
    background-image: linear-gradient(var(--white), var(--white))
}

.link-secondary.text-black {
    background-image: linear-gradient(var(--black), var(--black))
}

.flickity-enabled:focus-visible {
    outline: none !important
}

.flickity-viewport {
    position: relative
}

.flickity-viewport:focus-visible {
    outline: none !important
}

.flickity-slider {
    display: flex;
    flex-wrap: nowrap
}

.flickity-slider>* {
    flex-shrink: 0
}

.flickity-fade .flickity-slider {
    transform: none !important
}

.flickity-fade .flickity-slider {
    transition: all .3s ease-in-out
}

.flickity-fade .flickity-slider>* {
    transform: none !important
}

.flickity-fade .flickity-slider>* {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.flickity-fade .flickity-slider>*.is-selected {
    opacity: 1;
    visibility: visible
}

.flickity-prev-next-button {
    display: inline-grid;
    align-items: center;
    justify-items: center;
    place-items: center;
    width: 35px;
    height: 35px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    transition: all var(--transition);
    background: var(--dark-blue) url(../assets/slider-arrow.svg) center no-repeat;
    background-size: 17px;
    color: var(--white)
}

@media (min-width: 48em) {
    .flickity-prev-next-button {
        width: 38px;
        height: 38px;
        background-size: 20px
    }
}

.flickity-prev-next-button svg {
    display: none
}

.flickity-prev-next-button:hover {
    opacity: .8
}

.flickity-prev-next-button.next {
    transform: rotate(180deg)
}

.flickity-prev-next-button[disabled] {
    cursor: auto;
    background-color: #12188880
}

.flickity-prev-next-button[disabled]:hover {
    opacity: 1
}

.flickity-page-dots {
    display: flex;
    gap: .5rem
}

.flickity-page-dots .dot {
    cursor: pointer
}

.flickity-page-dot {
    display: block;
    width: .875rem;
    height: .875rem;
    padding: 0;
    border: 0;
    transition: background var(--transition);
    background: var(--dark-blue);
    text-indent: -999rem;
    overflow: hidden
}

.flickity-page-dot.is-selected {
    background: var(--light-blue)
}

.minimodal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.minimodal__overlay {
    position: absolute;
    top: -8rem;
    left: 0;
    width: 100%;
    height: calc(100% + 16rem);
    background: rgba(0, 0, 0, .9)
}

.minimodal__viewport {
    position: relative;
    height: 100%;
    pointer-events: none
}

.minimodal__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.minimodal__status {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center
}

.minimodal__content {
    height: 100%
}

.minimodal__element {
    display: block;
    position: relative;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    transform: translateY(-50%);
    pointer-events: auto
}

.minimodal__element--map {
    background: white
}

.minimodal__element--video {
    max-width: calc(100vh * (16/9))
}

.minimodal__element--video:before {
    display: block;
    padding-bottom: 56.25%;
    background: black;
    content: ""
}

.minimodal__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.minimodal__caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    pointer-events: auto
}

.minimodal__close {
    position: absolute;
    top: 0;
    right: 0;
    transition: all var(--transition)
}

.minimodal__close:hover {
    transform: scale(1.2)
}

.minimodal__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    padding: 0;
    margin: 0;
    text-indent: -9999px;
    text-align: left;
    border: none;
    right: 0;
    width: 50px;
    height: 100px;
    opacity: .7
}

.minimodal__nav:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.8em 0 0 -.8em;
    border: .8em solid transparent
}

.minimodal__nav:hover {
    opacity: 1
}

.minimodal__nav--previous {
    left: 0
}

.minimodal__nav--previous:before {
    border-right-color: #fff
}

.minimodal__nav--next:before {
    border-left-color: #fff
}

[data-minimodal-active] {
    overflow: hidden
}

.minimodal {
    transition: opacity var(--transition);
    opacity: 0;
    z-index: 9999
}

.minimodal__overlay {
    background: var(--black);
    opacity: .9
}

.minimodal__item {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.minimodal__content,
.minimodal__caption {
    width: 100%;
    height: auto;
    padding-left: var(--container-lg);
    padding-right: var(--container-lg)
}

.minimodal__element {
    top: auto;
    transform: none
}

.minimodal__caption {
    position: static;
    padding-top: 1.5rem
}

.minimodal__close {
    top: var(--gutter);
    right: var(--gutter);
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: 0;
    background: var(--white);
    -webkit-mask: url(../assets/close.svg) center no-repeat;
    mask: url(../assets/close.svg) center no-repeat;
    text-indent: -999rem;
    overflow: hidden
}

.minimodal {
    transition: all .6s ease;
    opacity: 0
}

.minimodal--active {
    opacity: 1
}

.minimodal__status {
    transition: all .6s ease;
    opacity: 0
}

.minimodal__item--loading .minimodal__status {
    opacity: 1
}

.minimodal__content {
    transition: all .6s ease;
    opacity: 0
}

.minimodal__item--loaded .minimodal__content {
    transform: none;
    opacity: 1
}

.minimodal__item--removed--previous .minimodal__content,
.minimodal__item--removed--next .minimodal__content {
    transform: scale(.5)
}

.minimodal__item {
    transition: all .6s ease
}

.minimodal__item--added,
.minimodal__item--removed {
    opacity: 0
}

.text-content {
    margin-bottom: 62px
}

.text-content.block {
    margin-bottom: 50px
}

@media (min-width: 48em) {
    .text-content.block {
        margin-bottom: 125px
    }
}

.text-content:after {
    clear: both;
    display: table;
    content: ""
}

.text-content.full-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 890px;
    padding-left: 20px;
    padding-right: 20px
}

.text-content .image img {
    width: 100%
}

.text-content h2 {
    margin-bottom: 15px
}

.text-content ol,
.text-content ul {
    margin: 0 0 34px
}

.text-content.grey-bg {
    background: rgba(242, 242, 242, .65)
}

.text-content.grey-bg,
.text-content.dark-blue-bg,
.text-content.red-bg {
    padding: 70px 20px 40px;
    margin-bottom: 0
}

.text-content.grey-bg .heading,
.text-content.dark-blue-bg .heading,
.text-content.red-bg .heading {
    max-width: 1075px;
    margin: 0 auto 50px;
    padding-bottom: 30px;
    border-bottom: 5px solid rgba(195, 195, 195, .4)
}

.text-content.grey-bg .heading p,
.text-content.dark-blue-bg .heading p,
.text-content.red-bg .heading p {
    max-width: 970px;
    margin: 0 auto
}

.text-content.grey-bg .columns,
.text-content.dark-blue-bg .columns,
.text-content.red-bg .columns {
    max-width: 600px;
    margin: 0 auto
}

.text-content.grey-bg li,
.text-content.dark-blue-bg li,
.text-content.red-bg li {
    margin-bottom: 10px
}

.text-content a:not(.link-secondary):not(.button):not(.link-dashed) {
    display: inline-block;
    --duration: .4s;
    --strokeHeight: 1px;
    --easeIn: cubic-bezier(.2, .85, .45, 1);
    --easeCubic: cubic-bezier(.6, 0, .2, 1);
    --easeOut: cubic-bezier(.45, 0, .85, 2);
    width: -moz-fit-content;
    width: fit-content;
    background: transparent;
    background-image: linear-gradient(var(--light-blue), var(--light-blue));
    background-size: 100% 1px, 0 1px;
    background-size: 100% var(--strokeHeight), 0 var(--strokeHeight);
    background-position: 100% 88%, 0 100%;
    background-repeat: no-repeat;
    border: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--light-blue)
}

.text-content a:not(.link-secondary):not(.button):not(.link-dashed):hover {
    animation: twoUnderlineOut var(--duration) var(--easeOut) forwards, twoUnderlineIn var(--duration) var(--duration) var(--easeIn) forwards
}

.home .text-content {
    margin-bottom: 0 !important
}

.home .text-content {
    padding: 110px 20px 50px;
    max-width: 1010px;
    text-align: center;
    font-family: var(--minion-pro);
    font-size: 15px;
    line-height: 22px
}

.home .text-content h2 {
    font-size: 31.5px;
    line-height: 35px
}

@media (min-width: 48em) {
    .home .text-content {
        padding: 140px 20px 90px;
        font-size: 21px;
        line-height: 32px
    }
    .home .text-content h2 {
        font-size: 42px;
        line-height: 47px
    }
}

.home .text-content .secondary {
    font-family: var(--roboto);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1.84615px;
    white-space: nowrap;
    display: inline-block;
    margin: 0 18px 20px
}

.split-column {
    margin-bottom: 62px
}

.split-column:after {
    clear: both;
    display: table;
    content: ""
}

.split-column.full-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 890px;
    padding-left: 20px;
    padding-right: 20px
}

.split-column .h3,
.split-column h3 {
    margin-bottom: 20px
}

.split-column .h4 {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 5px
}

.split-column .h4 a {
    color: var(--black)
}

.order-list ol,
.order-list ul {
    margin-bottom: 30px
}

.order-list li {
    line-height: 24px;
    margin-bottom: 20px
}

.alert {
    padding: 0;
    color: var(--dark-blue);
    width: 100%;
    overflow: hidden
}

@media (min-width: 48em) {
    .alert {
        padding: 0 var(--container)
    }
}

@media (min-width: 48em) {
    .alert.full-width {
        padding: 0 25px 0 40px
    }
}

.alert .t-lg {
    font-size: 18px !important;
    line-height: 22px !important;
    margin-bottom: 0 !important
}

.alert .t-lg {
    font-family: var(--minion-pro);
    font-weight: 500;
    text-transform: capitalize;
    color: var(--black)
}

@media (min-width: 48em) {
    .alert .t-lg {
        font-size: 20px !important;
        line-height: 24px !important
    }
}

.alert .alert__main {
    position: relative
}

.alert .alert_inner {
    height: auto;
    height: var(--height, auto);
    transition: height var(--transition), visibility var(--transition);
    overflow: hidden
}

.alert .alert__content {
    padding: 24px 50px
}

@media (min-width: 48em) {
    .alert .alert__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 35px 75px 22px 0
    }
}

.alert.alert-link .alert__content {
    padding: 26px 50px 28px 20px;
    font-size: 14px;
    line-height: 22px
}

@media (min-width: 48em) {
    .alert.alert-link .alert__content {
        padding: 22px 50px 24px 0;
        font-size: 16px;
        line-height: 28px
    }
}

.alert.alert-link a {
    color: #000
}

.alert .alert__img {
    position: absolute;
    left: 21px;
    top: 25px;
    max-width: 25px
}

@media (min-width: 48em) {
    .alert .alert__img {
        position: relative;
        left: 0;
        top: 0;
        margin-right: 10px;
        align-self: flex-start;
        margin-top: 4px;
        max-width: 35px
    }
}

.alert p {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 22px
}

@media (min-width: 48em) {
    .alert p {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 20px
    }
}

.alert .small p:not(.t-lg) {
    font-size: 13px !important;
    line-height: 22px !important
}

.alert .small p:not(.t-lg) {
    margin-bottom: 20px;
    color: var(--black)
}

@media (min-width: 48em) {
    .alert .small p:not(.t-lg) {
        font-size: 14px !important
    }
    .alert .small p:not(.t-lg) {
        margin-right: 50px;
        margin-bottom: 0
    }
}

.alert .link-secondary {
    margin-left: auto;
    white-space: nowrap
}

.alert .alert__text {
    padding-right: 30px
}

.alert .alert__toggle {
    background: none;
    border: none;
    transition: all var(--transition)
}

.alert .alert__toggle.alert__close {
    position: absolute;
    top: 24px;
    right: 14px;
    padding: 0
}

@media (min-width: 48em) {
    .alert .alert__toggle.alert__close {
        top: 50%;
        right: 0;
        margin-top: -10px
    }
}

.alert .alert__toggle.alert__close:hover {
    transform: scale(1.1)
}

.alert [aria-expanded=false]+.alert_inner {
    height: 0;
    visibility: hidden
}

.alert.toggle-content {
    padding: 22px 20px;
    color: #000
}

@media (min-width: 48em) {
    .alert.toggle-content {
        padding: 34px var(--container)
    }
}

.alert.toggle-content .alert__toggle {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 0 0;
    margin: 0;
    width: 100%;
    font-family: var(--minion-pro);
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-transform: capitalize;
    color: var(--black)
}

.alert.toggle-content .alert__toggle svg {
    margin-right: 10px
}

.alert.toggle-content .alert__toggle .alert__icon--angle {
    margin-left: auto;
    transition: all var(--transition);
    margin-top: -15px
}

@media (min-width: 48em) {
    .alert.toggle-content .alert__toggle .alert__icon--angle {
        margin-top: 0
    }
}

.alert.toggle-content .alert__toggle .alert__icon--angle svg {
    margin-right: 0
}

.alert.toggle-content .alert__toggle[aria-expanded=false]>.alert__icon--angle {
    transform: rotate(-180deg)
}

@media (min-width: 48em) {
    .alert.toggle-content .alert__toggle {
        padding-top: 0
    }
}

@media (min-width: 48em) {
    .alert.toggle-content .alert_inner {
        margin-top: -5px;
        margin-bottom: -10px
    }
}

.alert.toggle-content .alert__content {
    padding: 8px 0 0
}

@media (min-width: 48em) {
    .alert.toggle-content .alert__content {
        padding: 10px 70px 10px 34px
    }
}

.alert.toggle-content .alert__content P {
    padding-left: 34px;
    margin-bottom: 35px
}

@media (min-width: 48em) {
    .alert.toggle-content .alert__content P {
        padding-left: 0;
        margin-bottom: 20px
    }
}

.alert.toggle-content .alert__content .button {
    width: 100%
}

@media (min-width: 48em) {
    .alert.toggle-content .alert__content .button {
        width: auto
    }
}

@media (min-width: 48em) {
    .alert.full-width .alert__toggle.alert__close {
        top: 24px;
        right: 0;
        margin-top: 0
    }
}

.alert.full-width .alert__content .button {
    margin-left: auto
}

.alert.teal-bg p {
    color: #fff !important
}

.alert.teal-bg .alert__icon svg path,
.alert.teal-bg .alert__img svg path {
    fill: #fff
}

.loaded .header:not(.microsite) .header__search,
.loaded .header:not(.microsite) .header__menu-holder {
    transition: transform var(--transition), visibility var(--transition)
}

[data-search-active] .header:not(.microsite):after,
[data-menu-active] .header:not(.microsite):after {
    opacity: .7;
    visibility: visible
}

[data-search-active] .header:not(.microsite) .header__search,
[data-menu-active] .header:not(.microsite) .header__menu-holder {
    transform: none;
    visibility: visible
}

.header:not(.microsite) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--roboto);
    background: var(--dark-blue);
    position: sticky;
    width: 100%;
    z-index: 10;
    top: 0;
    padding-bottom: 30px;
    box-shadow: 0 0 20px #00000080
}

.header:not(.microsite):after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--black);
    opacity: 0;
    transition: all var(--transition);
    z-index: 2;
    visibility: hidden;
    display: none
}

@media (min-width: 48em) {
    .header:not(.microsite):after {
        display: block
    }
}

@media (min-width: 48em) {
    .header:not(.microsite) {
        display: contents;
        position: relative;
        width: auto;
        background: transparent;
        padding-bottom: 0;
        box-shadow: none
    }
}

@media (min-width: 48em) {
    .header:not(.microsite).relative .header__top {
        background: var(--white);
		border-bottom: 1px solid rgba(151, 151, 151, .3);
    }
    .header:not(.microsite).relative .header__top .header__top-logo svg path {
        fill: var(--dark-blue)
    }
    .header:not(.microsite).relative .header__top .header__links {
        filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, .0898164))
    }
}

@media (min-width: 70em) {
    .header:not(.microsite) .header--overlay+* {
        margin-top: -5.5rem
    }
}

.header:not(.microsite) .header__sentinel {
    position: absolute;
    height: inherit
}

.header:not(.microsite) .header__main {
    width: auto;
    display: flex;
    width: 92px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__main {
        width: 72px;
        height: 100vh;
        background: var(--dark-blue);
        position: sticky;
        z-index: 3;
        top: 0;
        display: block
    }
}

@media screen and (max-width: 374px) {
    .header:not(.microsite) .header__main {
        width: 82px !important
    }
}

.header:not(.microsite) .header__main:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--dark-blue);
    top: 0;
    left: 0;
    z-index: -1
}

@media (min-width: 70em) {
    .header--overlay .header:not(.microsite) .header__main {
        background: transparent
    }
}

.header:not(.microsite) .header__main[data-stuck=true] {
    transition: transform var(--transition)
}

@media (min-width: 70em) {
    .header:not(.microsite) .header__main[data-stuck=true] {
        transition: none
    }
}

.header:not(.microsite) .header__top {
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__top {
        padding: 20px 20px 20px 100px;
        position: absolute;
        width: 100%
    }
    .header:not(.microsite) .header__top.stuck {
        z-index: 55
    }
    .header:not(.microsite) .header__top.stuck .header__links {
        position: fixed;
        bottom: 40px;
        right: 40px;
        box-shadow: 0 0 20px #00000026;
        animation: fade-in-up .6s ease
    }
}

@media (min-width: 70em) {
    .header:not(.microsite) .header__top {
        padding: 40px 40px 40px 120px
    }
}

.header:not(.microsite) .header__top.relative {
    position: relative
}

.header:not(.microsite) .header__top .header__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 10px 0 0;
    font-size: 10px;
    margin: 0 0 0 auto;
    letter-spacing: 1.58333px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__top .header__links {
        font-size: 11px;
        padding: 5px;
        height: 52px;
        background: var(--white);
        letter-spacing: 1.74167px
    }
}

@media (min-width: 70em) {
    .header:not(.microsite) .header__top .header__links {
        padding: 11px;
        height: 64px
    }
}

.header:not(.microsite) .header__top .header__links li {
    list-style: none;
    height: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border-left: 1px dashed var(--mustard);
    margin-bottom: 0
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__top .header__links li {
        padding: 0 10px;
        height: 25px;
        border-left: 1px dashed #1A3F70
    }
}

.header:not(.microsite) .header__top .header__links li:last-child {
    border-left: 1px dashed var(--mustard);
    height: auto
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__top .header__links li:last-child {
        padding: 0;
        border-left: 0
    }
}

.header:not(.microsite) .header__top .header__links li:first-child {
    border-left: 0
}

.header:not(.microsite) .header__top .header__links a {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white)
}

.header:not(.microsite) .header__top .header__links a:not(.button) {
    line-height: 15px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__top .header__links a {
        color: var(--dark-blue)
    }
}

.header:not(.microsite) .header__top .header__links .button {
    min-width: 0;
    font-size: 10px;
    background: transparent;
    padding: 0;
    line-height: 15px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__top .header__links .button {
        box-shadow: none !important
    }
    .header:not(.microsite) .header__top .header__links .button {
        line-height: 20px;
        color: var(--dark-blue);
        background: var(--mustard);
        padding: 11px 15px;
        min-width: 93px;
        font-size: 11px
    }
    .header:not(.microsite) .header__top .header__links .button:hover {
        background: var(--dark-blue);
        color: #fff
    }
}

.header:not(.microsite) .header__top .header__top-logo {
    background-image: none !important
}

.header:not(.microsite) .header__top .header__top-logo {
    width: 240px;
    display: none
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__top .header__top-logo {
        width: 170px;
        display: block
    }
}

@media (min-width: 70em) {
    .header:not(.microsite) .header__top .header__top-logo {
        width: 240px
    }
}

.header:not(.microsite) .header__logo {
    position: absolute;
    transform-origin: center;
    right: 0;
    left: 0;
    top: 55px;
    margin: 0 auto;
    display: block;
    width: 269px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__logo {
        width: 269px;
        position: absolute;
        top: 0;
        transform: rotate(90deg);
        margin-top: 130px;
        transform-origin: left bottom;
        left: 25px
    }
}

.header:not(.microsite) .header__logo svg {
    margin: 0 auto
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__logo svg {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg)
    }
}

.header:not(.microsite) .header__menu-toggle {
    background: var(--mustard) !important;
    color: var(--dark-blue) !important
}

.header:not(.microsite) .header__menu-toggle {
    width: 51px;
    height: 51px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    padding: 0;
    margin: 0
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__menu-toggle {
        width: 72px;
        height: 72px
    }
}

@media screen and (max-width: 374px) {
    .header:not(.microsite) .header__menu-toggle {
        width: 41px !important
    }
}

.header:not(.microsite) .header__menu-toggle .menu-humb {
    width: 18px;
    height: 14px;
    display: block;
    position: relative
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__menu-toggle .menu-humb {
        width: 23px;
        height: 17px
    }
}

.header:not(.microsite) .header__menu-toggle .menu-humb span {
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    background: var(--black);
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .25s ease-in-out
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__menu-toggle .menu-humb span {
        width: 23px
    }
}

.header:not(.microsite) .header__menu-toggle .menu-humb span:nth-child(1) {
    top: 0
}

.header:not(.microsite) .header__menu-toggle .menu-humb span:nth-child(2),
.header:not(.microsite) .header__menu-toggle .menu-humb span:nth-child(3) {
    top: 6px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__menu-toggle .menu-humb span:nth-child(2),
    .header:not(.microsite) .header__menu-toggle .menu-humb span:nth-child(3) {
        top: 8px
    }
}

.header:not(.microsite) .header__menu-toggle .menu-humb span:nth-child(4) {
    top: 12px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__menu-toggle .menu-humb span:nth-child(4) {
        top: 16px
    }
}

.header:not(.microsite) .header__menu-toggle[aria-expanded=true] .menu-humb span:nth-child(1) {
    top: 6px;
    width: 0%;
    left: 50%
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__menu-toggle[aria-expanded=true] .menu-humb span:nth-child(1) {
        top: 8px
    }
}

.header:not(.microsite) .header__menu-toggle[aria-expanded=true] .menu-humb span:nth-child(2) {
    transform: rotate(45deg)
}

.header:not(.microsite) .header__menu-toggle[aria-expanded=true] .menu-humb span:nth-child(3) {
    transform: rotate(-45deg)
}

.header:not(.microsite) .header__menu-toggle[aria-expanded=true] .menu-humb span:nth-child(4) {
    top: 6px;
    width: 0%;
    left: 50%
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__menu-toggle[aria-expanded=true] .menu-humb span:nth-child(4) {
        top: 8px
    }
}

.header:not(.microsite) .header__search,
.header:not(.microsite) .header__menu-holder {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    background: var(--dark-blue);
    overflow: auto;
    visibility: hidden;
    width: 100%;
    z-index: -2;
    background: linear-gradient(360deg, rgba(0, 0, 0, .0001) -.54%, rgba(0, 0, 0, .216264) 109.85%), var(--dark-blue);
    padding-top: 81px;
    height: 100vh
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__search,
    .header:not(.microsite) .header__menu-holder {
        padding-top: 0;
        transform: translate(-100%);
        margin-left: 72px;
        max-width: 642px;
        width: calc(100vw - 72px);
        height: 100%;
        background: linear-gradient(270deg, rgba(0, 0, 0, .0001) 1.66%, rgba(0, 0, 0, .216264) 112.05%), var(--dark-blue)
    }
}

.header:not(.microsite) .header__menu {
    padding: 32px 28px 42px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__menu {
        padding: 38px 50px 38px 42px
    }
}

.header:not(.microsite) .header__nav {
    margin: 0;
    padding: 0;
    font-family: var(--roboto)
}

.header:not(.microsite) .header__nav>li {
    border: 1px solid #4E668D;
    border-left: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 0
}

.header:not(.microsite) .header__nav>li+li {
    border-top: 0
}

.header:not(.microsite) .header__nav>li>button,
.header:not(.microsite) .header__nav>li>a {
    transition: all var(--transition) !important;
    background-image: none !important;
    background: transparent !important
}

.header:not(.microsite) .header__nav>li>button,
.header:not(.microsite) .header__nav>li>a {
    font-weight: 700;
    color: var(--white);
    font-size: 18px;
    line-height: 27px;
    padding: 20px 26px 20px 27px;
    position: relative;
    display: block;
    border: none;
    width: 100%;
    border-left: 1px solid #4E668D
}

.header:not(.microsite) .header__nav>li>button span,
.header:not(.microsite) .header__nav>li>a span {
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.header:not(.microsite) .header__nav>li>button span,
.header:not(.microsite) .header__nav>li>a span {
    --underline-color: transparent;
    --underline-hover: currentcolor;
    --underline-height: .0625em;
    position: relative;
    display: inline-block;
    transition: all var(--transition)
}

.header:not(.microsite) .header__nav>li>button span:after,
.header:not(.microsite) .header__nav>li>a span:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    border-bottom: 1px solid var(--underline-hover);
    transition: all var(--transition)
}

.header:not(.microsite) .header__nav>li>button:hover,
.header:not(.microsite) .header__nav>li>a:hover {
    color: var(--mustard)
}

.header:not(.microsite) .header__nav>li>button:hover span:after,
.header:not(.microsite) .header__nav>li>a:hover span:after {
    right: 0;
    width: 100%
}

.header:not(.microsite) .header__subnav-toggle {
    display: flex !important
}

.header:not(.microsite) .header__subnav-toggle {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.header:not(.microsite) .header__subnav-toggle:after {
    transition: all var(--transition) !important
}

.header:not(.microsite) .header__subnav-toggle:after {
    position: absolute;
    width: 4px;
    height: 0;
    left: -1px;
    top: 0;
    content: "";
    background: var(--mustard);
    z-index: 1
}

.header:not(.microsite) .header__subnav-toggle:hover:after {
    height: 100%
}

.header:not(.microsite) .header__subnav-toggle svg {
    transition: all var(--transition)
}

.header:not(.microsite) .header__subnav-toggle[aria-expanded=true] {
    color: var(--mustard)
}

.header:not(.microsite) .header__subnav-toggle[aria-expanded=true]:after {
    height: 1000px
}

.header:not(.microsite) .header__subnav-toggle[aria-expanded=true] svg {
    transform: rotate(45deg)
}

.header:not(.microsite) .header__subnav-toggle[aria-expanded=false]+.header__subnav {
    height: 0;
    visibility: hidden
}

.header:not(.microsite) .header__subnav {
    width: 100%;
    height: auto;
    height: var(--height, auto);
    transition: height var(--transition), visibility var(--transition);
    overflow: hidden
}

.header:not(.microsite) .header__subnav ul {
    padding: 0 0 23px 28px
}

.header:not(.microsite) .header__subnav ul li:not(:last-child) {
    margin-bottom: 10px
}

.header:not(.microsite) .header__subnav ul li a {
    transition: all var(--transition) !important
}

.header:not(.microsite) .header__subnav ul li a {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: var(--white);
    display: inline-block
}

.header:not(.microsite) .header__subnav ul li a:hover {
    color: var(--mustard)
}

.header:not(.microsite) .header__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    font-family: var(--roboto);
    font-size: 13px;
    line-height: 17px;
    margin: 0 0 27px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__actions {
        justify-content: flex-end;
        margin: 0 0 30px
    }
}

.header:not(.microsite) .header__actions li {
    margin: 0 10px
}

.header:not(.microsite) .header__actions li:first-child {
    margin-left: 0
}

.header:not(.microsite) .header__actions li:last-child {
    margin-right: 0
}

.header:not(.microsite) .header__actions li a {
    --underline-hover: var(--mustard) !important
}

.header:not(.microsite) .header__actions li a {
    display: block;
    color: var(--white);
    font-weight: 700;
    letter-spacing: 1.84615px;
    padding-bottom: 5px;
    text-transform: uppercase
}

.header:not(.microsite) .header__actions li a:hover {
    color: var(--mustard)
}

.header:not(.microsite) .header__menu-holder .audience_title {
    font-family: var(--roboto);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.61538px;
    text-transform: uppercase;
    color: var(--mustard);
    margin-bottom: 12px;
    margin-top: 38px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__menu-holder .audience_title {
        margin-top: 53px
    }
}

.header:not(.microsite) .header__menu-holder .header__audience {
    padding: 0;
    margin: 0;
    line-height: 29px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__menu-holder .header__audience {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
        gap: 1rem;
        grid-row-gap: 5px;
        row-gap: 5px
    }
}

.header:not(.microsite) .header__menu-holder .header__audience li {
    margin: 0
}

.header:not(.microsite) .header__menu-holder .header__audience a {
    font-family: var(--minion-pro);
    color: var(--white);
    font-weight: 400;
    font-size: 21px;
    line-height: 32px;
    display: inline-block;
    overflow: hidden
}

.header:not(.microsite) .header__menu-holder .bottom-cta {
    background: url(/Institutions/University-of-Dallas/images/menu-cta-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 57px 28px 57px 35px;
    position: relative
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__menu-holder .bottom-cta {
        padding: 40px 90px 40px 46px
    }
}

.header:not(.microsite) .header__menu-holder .bottom-cta:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    background: rgba(29, 60, 109, .35)
}

.header:not(.microsite) .header__menu-holder .bottom-cta .inner {
    border-left: 3px solid #D8B266;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    font-family: var(--roboto);
    color: var(--white);
    padding-left: 26px;
    position: relative;
    z-index: 2
}

.header:not(.microsite) .header__menu-holder .bottom-cta .inner p {
    margin-bottom: 15px
}

.header:not(.microsite) .header__menu-holder .bottom-cta .inner a {
    --underline-hover: var(--mustard) !important
}

.header:not(.microsite) .header__menu-holder .bottom-cta .inner a {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1.84615px;
    color: #fff;
    display: inline-block;
    padding-bottom: 5px;
    text-transform: uppercase
}

.header:not(.microsite) .header__menu-holder .bottom-cta .inner a:hover {
    color: var(--mustard)
}

.header:not(.microsite) .header__search-toggle {
    background: var(--dark-blue) !important;
    color: var(--black) !important
}

.header:not(.microsite) .header__search-toggle {
    width: 30px;
    height: 51px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    padding: 0;
    margin: 0 0 0 10px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__search-toggle {
        width: 72px;
        height: 72px;
        margin-left: 0
    }
}

.header:not(.microsite) .header__search-toggle:before {
    width: 19px;
    height: 19px;
    content: "";
    transition: all var(--transition);
    background: url(../assets/search-white.svg) no-repeat center;
    background-size: 100%
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__search-toggle:before {
        width: 24px;
        height: 24px
    }
}

.header:not(.microsite) .header__search-toggle:hover:before {
    transform: scale(1.1)
}

.header:not(.microsite) .header__search-toggle[aria-expanded=true]:before {
    background: url(../assets/close.svg) no-repeat center;
    background-size: 100%
}

.header:not(.microsite) .header__search {
    padding: 113px 28px 70px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__search {
        padding: 75px 73px 70px 45px
    }
}

.header:not(.microsite) .header__search p {
    font-family: var(--roboto);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.61538px;
    text-transform: uppercase;
    color: var(--mustard);
    margin-bottom: 14px
}

.header:not(.microsite) .header__search .header__form {
    position: relative
}

.header:not(.microsite) .header__search .header__form .header__input {
    width: 100%;
    padding: 25px 60px 25px 26px;
    font-weight: 400;
    border: 0;
    font-family: var(--minion-pro);
    background-color: var(--white);
    color: var(--dark-blue);
    font-size: 20px;
    line-height: 33px;
    border: none
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__search .header__form .header__input {
        font-size: 27px
    }
}

.header:not(.microsite) .header__search .header__form .header__input:focus {
    outline-color: #fff
}

.header:not(.microsite) .header__search .header__form .header__input::-moz-placeholder {
    text-transform: capitalize;
    opacity: 1
}

.header:not(.microsite) .header__search .header__form .header__input::placeholder {
    text-transform: capitalize;
    opacity: 1
}

.header:not(.microsite) .header__search .header__form .header__input::-webkit-input-placeholder {
    text-transform: capitalize;
    opacity: 1
}

.header:not(.microsite) .header__search .header__form .header__input:-moz-placeholder {
    text-transform: capitalize;
    opacity: 1
}

.header:not(.microsite) .header__search .header__form .header__submit {
    position: absolute;
    top: 50%;
    right: 32px;
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    margin-top: -12px;
    transition: transform var(--transition);
    background-color: transparent;
    z-index: 2;
    text-indent: -9999px;
    background: url(../assets/search.svg) center no-repeat
}

.header:not(.microsite) .header__search .header__form .header__submit:hover {
    transform: scale(1.1)
}

.header:not(.microsite) .header__search .popular-pils {
    margin-top: 37px
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__search .popular-pils {
        margin-top: 40px
    }
}

.header:not(.microsite) .header__search .popular-pils ul,
.header:not(.microsite) .header__search .popular-pils li {
    padding: 0;
    margin: 0;
    list-style: none
}

.header:not(.microsite) .header__search .popular-pils a {
    font-family: var(--minion-pro);
    color: var(--white);
    font-weight: 400;
    font-size: 21px;
    line-height: 32px;
    display: inline-block;
    overflow: hidden
}

@media (min-width: 48em) {
    .header:not(.microsite) .header__search .popular-pils a {
        line-height: 29px
    }
}

.home .header__top .header__top-logo {
    display: none !important
}

@media screen and (max-width: 767px) {
    .single-page .header {
        background: var(--white)
    }
    .single-page .header .header__main:before {
        background: var(--white)
    }
    .single-page .header .header__top .header__links a {
        color: var(--dark-blue)
    }
    .single-page .header .header__search-toggle {
        background: var(--white) !important
    }
    .single-page .header .header__search-toggle:before {
        background: url(../assets/search-blue.svg) no-repeat center;
        background-size: 100%
    }
    .single-page .header .header__search-toggle[aria-expanded=true]:before {
        background: url(../assets/close-blue.svg) no-repeat center;
        background-size: 100%
    }
    .single-page .header .header__logo svg path {
        fill: var(--dark-blue) !important
    }
}

.cta-section {
    padding: 63px 63px 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../assets/cta-bg.jpg) no-repeat center;
    background-size: cover
}

@media (min-width: 48em) {
    .cta-section {
        height: 590px;
        padding: 50px
    }
}

.cta-section h2 {
    color: var(--white);
    border-bottom: 2px solid #FFFFFF;
    margin-bottom: 14px;
    padding-bottom: 13px;
    font-size: 31.5px;
    line-height: 35px
}

@media (min-width: 48em) {
    .cta-section h2 {
        font-size: 27px;
        line-height: 35px
    }
}

.cta-section .cta-links {
    max-width: 860px;
    width: 100%
}

.cta-section .cta-links a {
    color: var(--white) !important;
    font-size: 21.6px !important;
    line-height: 28px !important;
    padding-bottom: 9px !important;
    --underline-height: 2px !important
}

.cta-section .cta-links a {
    display: block;
    font-family: var(--minion-pro);
    font-weight: 400;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden
}

@media (min-width: 48em) {
    .cta-section .cta-links a {
        font-size: 27px !important;
        line-height: 35px !important
    }
}

.cta-section .cta-links a:last-child {
    margin-bottom: 0
}

.cta-section .cta-links a:after {
    position: absolute;
    content: "";
    width: 100%;
    border-top: 1px dashed var(--white);
    left: 0;
    bottom: 0
}

.footer {
    width: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, .0001) 1.66%, rgba(0, 0, 0, .216264) 112.05%), #1A3F70
}

@media (min-width: 48em) {
    .footer {
        width: calc(100% - 72px);
        margin-left: 72px;
        position: relative
    }
    .footer:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-image: url(/Institutions/University-of-Dallas/images/footer-graphic.svg);
        background-repeat: no-repeat;
        background-size: 435px;
        background-position: center;
        opacity: .1
    }
}

.footer .footer__main {
    padding: 65px 20px;
    z-index: 2;
    position: relative
}

@media (min-width: 70em) {
    .footer .footer__main {
        padding: 50px var(--container) 50px
    }
}

.footer .footer__main .footer__top {
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 16px
}

.footer .footer__main .footer__top .footer__links {
    margin: 0;
    display: none
}

@media (min-width: 48em) {
    .footer .footer__main .footer__top .footer__links {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0 10px 0 0;
        font-size: 10px;
        letter-spacing: 1.58333px
    }
}

@media (min-width: 70em) {
    .footer .footer__main .footer__top .footer__links {
        padding: 14px;
        height: 72px;
        font-size: 12px;
        background: var(--white);
        letter-spacing: 1.74167px
    }
}

.footer .footer__main .footer__top .footer__links li {
    list-style: none;
    height: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border-left: 1px dashed var(--mustard);
    margin-bottom: 0
}

@media (min-width: 70em) {
    .footer .footer__main .footer__top .footer__links li {
        padding: 0 12px;
        height: 25px;
        border-left: 1px solid #1A3F70
    }
}

.footer .footer__main .footer__top .footer__links li:last-child {
    border-left: 1px dashed var(--mustard);
    height: auto
}

@media (min-width: 70em) {
    .footer .footer__main .footer__top .footer__links li:last-child {
        padding: 0;
        border-left: 0
    }
}

.footer .footer__main .footer__top .footer__links li:first-child {
    border-left: 0
}

.footer .footer__main .footer__top .footer__links a {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white)
}

.footer .footer__main .footer__top .footer__links a:not(.button) {
    line-height: 15px
}

@media (min-width: 70em) {
    .footer .footer__main .footer__top .footer__links a {
        color: var(--dark-blue)
    }
}

.footer .footer__main .footer__top .footer__links .button {
    min-width: 0;
    font-size: 10px;
    background: transparent;
    padding: 0;
    line-height: 15px
}

@media (min-width: 70em) {
    .footer .footer__main .footer__top .footer__links .button {
        box-shadow: none !important
    }
    .footer .footer__main .footer__top .footer__links .button {
        line-height: 20px;
        color: var(--dark-blue);
        background: var(--mustard);
        padding: 13px 17px;
        min-width: 93px;
        font-size: 12px
    }
    .footer .footer__main .footer__top .footer__links .button:hover {
        background: var(--dark-blue);
        color: #fff
    }
}

.footer .footer__main .footer__grid {
    color: var(--white);
    max-width: 100%
}

@media (min-width: 70em) {
    .footer .footer__main .footer__grid {
        display: grid;
        grid-template-columns: 1fr 2fr;
        max-width: 70%
    }
}

@media (min-width: 48em) {
    .footer .footer__main .footer__grid.grid-2 {
        display: flex;
        justify-content: space-between;
        max-width: 100%
    }
}

.footer .footer__main .footer__grid.grid-2 p {
    max-width: 370px
}

.footer .footer__main .footer__grid.grid-2 .footer__contact {
    font-weight: 500
}

.footer .footer__main .footer__grid.grid-2 .footer__contact strong {
    font-size: 22px;
    line-height: 27px
}

.footer .footer__main .footer__grid.grid-2 .footer__contact p {
    margin-bottom: 32px
}

.footer .footer__main .footer__grid.grid-2 .footer__contact p.dashed {
    margin-top: 15px;
    padding-bottom: 24px;
    position: relative
}

.footer .footer__main .footer__grid.grid-2 .footer__contact p.dashed:after {
    position: absolute;
    content: "";
    width: 100%;
    max-width: 300px;
    border-bottom: 2px dashed #D8B266;
    left: 0;
    bottom: 0
}

.footer .footer__main .footer__grid.grid-2 .footer__contact p a {
    -webkit-text-decoration: underline !important;
    text-decoration: underline !important;
    background-image: none !important
}

.footer .footer__main .footer__grid.grid-2 .footer__contact p a:hover {
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.footer .footer__main .footer__grid.grid-2 .footer__contact p a:last-child {
    display: inline-block;
    margin-top: 20px
}

.footer .footer__main .footer__grid.grid-2+.footer__legal {
    padding: 50px 0 0;
    height: auto
}

@media (min-width: 48em) {
    .footer .footer__main .footer__grid.grid-2+.footer__legal {
        padding: 0
    }
}

.footer .footer__main .sign-up {
    font-family: var(--minion-pro);
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    padding-top: 90px
}

@media (min-width: 48em) {
    .footer .footer__main .sign-up {
        padding: 0
    }
}

.footer .footer__main .sign-up p {
    margin-bottom: 23px
}

.footer .footer__main .sign-up img {
    margin-bottom: 15px
}

.footer .footer__main .sign-up label {
    display: block;
    width: 100%;
    margin-bottom: 35px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 1.92449px
}

.footer .footer__main .sign-up input {
    color: var(--dark-blue);
    margin-top: 5px;
    width: 100%;
    height: 45px;
    padding: 10px
}

.footer .footer__main .sign-up button {
    padding: 0 0 7px !important;
    background-image: linear-gradient(var(--mustard), var(--mustard)) !important;
    --strokeHeight: 3px !important
}

.footer .footer__main .sign-up button {
    font-family: Roboto;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1.92449px;
    color: #fff
}

.footer .footer__main .footer__contact {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    font-family: var(--minion-pro)
}

.footer .footer__main .footer__contact p {
    margin: 0 0 15px
}

@media (min-width: 70em) {
    .footer .footer__main .footer__contact p {
        padding: 0;
        margin: 0 0 30px
    }
}

.footer .footer__main .footer__contact a:not(.button):not(.footer__icon) {
    color: inherit;
    display: inline-block
}

.footer .footer__main .footer__contact .links {
    display: flex;
    flex-wrap: wrap
}

.footer .footer__main .footer__contact .links a {
    text-transform: uppercase;
    font-family: var(--roboto);
    --underline-color: transparent;
    --underline-hover: var(--mustard);
    color: var(--white);
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 1.74167px
}

.footer .footer__main .footer__contact .links a+a {
    margin-left: 26px
}

.footer .footer__main .footer__contact .links a:hover {
    color: var(--mustard)
}

.footer .footer__main .footer__logo {
    width: 180px;
    display: block
}

@media (min-width: 70em) {
    .footer .footer__main .footer__logo {
        width: 230px
    }
}

.footer .footer__main .footer__tsus {
    display: block;
    max-width: 22.5rem
}

.footer .footer__main .footer__nav {
    margin-top: 30px
}

@media (min-width: 48em) {
    .footer .footer__main .footer__nav {
        margin-top: 60px
    }
}

@media (min-width: 70em) {
    .footer .footer__main .footer__nav {
        width: 100%
    }
}

.footer .footer__main .footer__nav ul {
    margin: 0;
    padding: 0;
    font-size: 21px;
    line-height: 32px;
    font-family: var(--minion-pro)
}

@media (min-width: 32em) {
    .footer .footer__main .footer__nav ul {
        display: flex;
        flex-wrap: wrap
    }
}

.footer .footer__main .footer__nav li {
    margin-bottom: 5px;
    overflow: hidden
}

@media (min-width: 32em) {
    .footer .footer__main .footer__nav li {
        margin-bottom: 15px;
        width: 50%;
        max-width: 300px
    }
}

.footer .footer__main .footer__nav a {
    color: inherit;
    display: inline-block;
    padding-bottom: 3px
}

.footer .footer__main .footer__nav a:hover {
    color: var(--mustard);
    --underline-hover: var(--mustard)
}

.footer .footer__main .footer__link {
    font-weight: 400
}

.footer .footer__legal {
    padding: 22px 20px 35px;
    font-family: var(--minion-pro);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
    width: 100%;
    position: relative;
    z-index: 2
}

@media (min-width: 32em) {
    .footer .footer__legal {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }
}

@media (min-width: 70em) {
    .footer .footer__legal {
        padding: 0 var(--container);
        height: 92px
    }
}

.footer .footer__legal p {
    margin-bottom: 0
}

.footer .footer__legal .footer__social {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 20px
}

@media (min-width: 32em) {
    .footer .footer__legal .footer__social {
        margin-top: 0
    }
}

.footer .footer__legal .footer__social .footer__icon {
    position: relative;
    width: 22px;
    transition: transform var(--transition);
    aspect-ratio: 1
}

.footer .footer__legal .footer__social .footer__icon:hover {
    transform: scale(1.5)
}

.breadcrumbs {
    background-color: var(--dark-blue) !important
}

.breadcrumbs {
    padding-top: 26px;
    padding-bottom: 26px;
    font-family: var(--roboto);
    font-weight: 700;
    font-size: 14px;
    color: var(--white);
    line-height: 16px
}

@media (min-width: 48em) {
    .breadcrumbs {
        font-size: 16px;
        line-height: 19px
    }
}

@media (min-width: 70em) {
    .breadcrumbs {
        background-color: #f4f3f0 !important;
        color: var(--dark-blue) !important
    }
}

.breadcrumbs.white-bg {
    background-color: var(--dark-blue) !important
}

@media (min-width: 70em) {
    .breadcrumbs.white-bg {
        background: var(--white) !important
    }
    .breadcrumbs.white-bg a {
        color: var(--dark-blue) !important;
        --underline-color: var(--light-blue) !important;
        --underline-hover: var(--light-blue) !important
    }
}

.breadcrumbs a {
    color: var(--white) !important;
    --underline-color: var(--white) !important;
    --underline-hover: var(--white) !important
}

.breadcrumbs a {
    font-weight: 700
}

@media (min-width: 70em) {
    .breadcrumbs a {
        color: var(--dark-blue) !important;
        --underline-color: var(--dark-blue) !important;
        --underline-hover: var(--dark-blue) !important
    }
    .breadcrumbs a {
        font-weight: 700
    }
}

.breadcrumbs .container {
    max-width: 100%
}

.breadcrumbs .inner {
    width: 100%;
    padding: 0 20px
}

@media (min-width: 70em) {
    .breadcrumbs .inner {
        padding: 0 26px;
        width: 73%
    }
}

@media (min-width: 70em) {
    .page-heading+.breadcrumbs {
        margin-top: 150px;
        border-top: 1px solid rgba(151, 151, 151, .3)
    }
}

@media (min-width: 48em) {
    .single-page .breadcrumbs {
        margin-top: 92px
    }
}

@media (min-width: 70em) {
    .single-page .breadcrumbs {
        border-top: 1px solid rgba(151, 151, 151, .3);
        margin-top: 150px
    }
}

@media (min-width: 70em) {
    .breadcrumbs--alt {
        background: transparent;
        color: inherit
    }
}

.breadcrumbs__separator {
    margin: 0 .2em
}

.main__sidebar {
    width: 100%;
    order: 1
}

.main__sidebar .sidebar-widgets {
    display: none;
    padding: 0
}

@media (min-width: 70em) {
    .main__sidebar {
        width: 425px;
        order: 2;
        position: sticky;
        position: -webkit-sticky;
        top: 10px;
        max-height: 100vh;
        overflow: auto;
        padding: 10px 0 100px 20px;
        margin-top: -10px
    }
    .main__sidebar::-webkit-scrollbar {
        width: 5px;
        border-radius: 4px
    }
    .main__sidebar::-webkit-scrollbar-track {
        background: var(--white);
        border-radius: 4px;
        box-shadow: inset 0 0 5px gray
    }
    .main__sidebar::-webkit-scrollbar-thumb {
        background: var(--dark-blue);
        border-radius: 4px
    }
    .main__sidebar::-webkit-scrollbar-thumb:hover {
        background: var(--dark-blue);
        border-radius: 4px
    }
    .main__sidebar.with-scroll:after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60%;
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8267682073) 47%, rgb(255, 255, 255) 100%);
        transition: all var(--transition)
    }
    .main__sidebar.with-scroll:before {
        position: absolute;
        content: "Scroll For More";
        bottom: 135px;
        left: 0;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 30px;
        background: url(../assets/sidebar-down.svg) no-repeat center bottom;
        color: var(--dark-blue);
        font-weight: 700;
        font-size: 11px;
        letter-spacing: 1.74167px;
        line-height: 24px;
        font-family: var(--roboto);
        z-index: 2;
        transition: all var(--transition)
    }
    .main__sidebar.with-scroll.scrolled:after,
    .main__sidebar.with-scroll.scrolled:before {
        opacity: 0;
        visibility: hidden
    }
    .main__sidebar .sidebar-widgets {
        display: block
    }
}

.main__sidebar .subNav {
    background: #F4F3F0
}

@media (min-width: 70em) {
    .main__sidebar .subNav {
        background: var(--white);
        padding: 45px;
        width: 376px;
        box-shadow: 0 0 25px #0000003b;
        position: relative
    }
    .main__sidebar .subNav:before {
        position: absolute;
        content: "";
        top: -7px;
        z-index: 1;
        right: 0;
        width: 287px;
        height: 14px;
        left: 0;
        background: #278069;
        margin: 0 auto
    }
    .main__sidebar .subNav .subNav__heading {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 12px
    }
    .main__sidebar .subNav .subNav__list>ul>li {
        border-bottom: 2px solid rgba(75, 133, 189, .2)
    }
    .main__sidebar .subNav .subNav__list>ul>li:last-child {
        border-bottom: 0
    }
    .main__sidebar .subNav .subNav__list>ul>li>a {
        padding: 12px 40px 12px 0 !important
    }
    .main__sidebar .subNav .subNav__list>ul>li>a {
        font-size: 20px;
        line-height: 25px
    }
}

.subNav {
    border-top: 1px solid var(--dark-blue);
    padding-left: var(--container-lg);
    padding-right: var(--container-lg);
    background: #F4F3F0;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width: 70em) {
    .subNav {
        border-top: none;
        margin: 0;
        padding-top: 65px;
        padding-bottom: 65px
    }
}

.subNav a {
    display: block;
    font-weight: 600;
    font-size: 16px;
    font-family: var(--minion-pro);
    line-height: 20px;
    text-transform: capitalize
}

.subNav ul {
    margin: 0;
    padding: 0
}

.subNav li {
    margin: 0
}

.subNav--sidebar {
    padding: 20px
}

@media (min-width: 70em) {
    .subNav--sidebar {
        margin: 0;
        padding: 65px
    }
    .subNav--sidebar .subNav__list>ul {
        display: block;
        align-items: inherit;
        gap: inherit;
        grid-template-columns: inherit;
        padding: inherit
    }
}

@media (min-width: 70em) {
    .subNav--sidebar a {
        display: inline
    }
}

.subNav__heading {
    display: none;
    font-family: var(--minion-pro);
    margin: 0 0 29px;
    padding: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: var(--dark-blue);
    text-transform: capitalize
}

@media (min-width: 70em) {
    .subNav__heading {
        display: block
    }
}

.subNav__toggle {
    display: flex;
    align-items: center;
    margin: 0;
    width: 100%;
    padding: 0;
    font-family: var(--minion-pro);
    color: var(--dark-blue);
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    position: relative
}

@media (min-width: 70em) {
    .subNav__toggle {
        display: none
    }
}

.subNav__toggle .icon {
    margin-right: 8px
}

.subNav__toggle .icon-toggle {
    margin-left: auto;
    transition: all var(--transition);
    width: 20px
}

.subNav__toggle[aria-expanded=true] .icon-toggle {
    transform: rotate(45deg)
}

.subNav__toggle svg {
    margin: 0
}

.subNav__icon,
.subNav__angle {
    flex-shrink: 0;
    width: 1.5rem
}

.subNav__angle {
    margin-left: auto;
    transition: transform var(--transition)
}

[aria-expanded=true]>.subNav__angle {
    transform: rotate(180deg)
}

.subNav__list {
    overflow: hidden
}

@media (min-width: 70em) {
    .subNav__list {
        overflow: visible;
        padding-top: 0;
        padding-bottom: 0
    }
}

.subNav__list>ul {
    padding: 0
}

@media (min-width: 70em) {
    .subNav__list>ul {
        display: grid;
        align-items: end;
        grid-gap: 70px;
        gap: 70px;
        grid-template-columns: repeat(4, 1fr);
        grid-row-gap: 45px;
        row-gap: 45px
    }
}

.subNav__list>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 2px solid rgba(75, 133, 189, .65);
    line-height: 20px
}

.subNav__list>ul>li:last-child {
    border-bottom: 0
}

.subNav__list>ul>li:last-child a {
    padding-bottom: 0 !important
}

@media (min-width: 70em) {
    .subNav__list>ul>li:last-child {
        border-bottom: 2px solid rgba(75, 133, 189, .65)
    }
    .subNav__list>ul>li:last-child a {
        padding-bottom: 4px !important
    }
}

.subNav__list>ul>li>a {
    --underline-height: 2px !important
}

.subNav__list>ul>li>a {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 34px;
    font-family: var(--minion-pro);
    text-transform: capitalize;
    background-size: 200% 2px;
    background-size: 200% var(--underline-height);
    margin: 0 0 -2px;
    padding: 10px 0
}

.subNav__list>ul>li>a[aria-expanded=true] {
    --underline-color: var(--dark-blue);
    --underline-hover: var(--dark-blue)
}

@media (min-width: 70em) {
    .subNav__list>ul>li>a {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        padding: 4px 0
    }
}

[aria-expanded=false]+.subNav__list {
    height: 0;
    visibility: hidden;
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width: 70em) {
    [aria-expanded=false]+.subNav__list {
        height: auto;
        visibility: visible
    }
}

@media (min-width: 70em) {
    .subNav--sidebar .subNav__active>a {
        color: var(--green)
    }
}

.subNav__subtoggle {
    position: relative
}

.subNav__subtoggle:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 1.25rem;
    height: 3.2rem;
    margin-left: auto;
    padding: .25rem;
    border: 0;
    transition: transform var(--transition);
    background: url(../assets/caret-down.svg) no-repeat center
}

.subNav__subtoggle[aria-expanded=true] {
    background-image: none !important
}

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

.subNav__sublist {
    width: 100%;
    height: auto;
    height: var(--height, auto);
    transition: height var(--transition), visibility var(--transition);
    overflow: hidden;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px
}

.subNav__sublist>ul {
    border-left: 2px solid #278069;
    padding-left: 15px
}

.subNav__sublist>ul>li {
    padding-bottom: 10px
}

.subNav__sublist>ul>li>a {
    --underline-height: 1px !important;
    --strokeHeight: 1px !important
}

.subNav__sublist>ul>li>a {
    display: inline-block;
    font-weight: 400;
    background-position: 0 100%;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--roboto);
    padding-bottom: 0
}

@media (min-width: 70em) {
    .subNav__sublist>ul>li>a {
        font-size: 16px
    }
}

.subNav__sublist>ul>li>a:hover {
    background-position: 100% 100%
}

[aria-expanded=false]+.subNav__sublist {
    height: 0;
    visibility: hidden
}

.news-pannel .heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

@media (min-width: 48em) {
    .news-pannel .heading {
        margin-bottom: 65px
    }
}

.news-pannel .heading h3,
.news-pannel .heading h2 {
    margin-bottom: 0
}

.news-pannel .heading .button {
    display: none
}

@media (min-width: 48em) {
    .news-pannel .heading .button {
        display: block
    }
}

.news-pannel .grid-3 {
    display: block;
    margin: 0 -20px;
    text-align: right
}

.news-pannel .grid-3:after {
    content: "flickity";
    display: none
}

@media (min-width: 48em) {
    .news-pannel .grid-3:after {
        content: ""
    }
}

@media (min-width: 48em) {
    .news-pannel .grid-3 {
        grid-gap: 50px;
        gap: 50px;
        --grid-min: 15rem;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        grid-template-columns: repeat(auto-fit, minmax(var(--grid-min), 1fr));
        margin: 0
    }
}

.news-pannel .flickity-enabled .news_item {
    position: absolute
}

@media (min-width: 48em) {
    .news-pannel .flickity-enabled .news_item {
        position: relative
    }
}

.news-pannel .news_item {
    background: var(--white);
    top: 0;
    margin-right: 40px;
    height: 525px;
    max-width: 525px;
    text-align: left;
    position: relative
}

@media (min-width: 32em) {
    .news-pannel .news_item {
        height: 625px
    }
}

@media (min-width: 48em) {
    .news-pannel .news_item {
        margin-right: 0;
        height: auto;
        max-width: none;
        width: auto
    }
}

.news-pannel .news_item a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .56;
    box-shadow: 0 0 40px #00000039
}

.news-pannel .news_item .category {
    font-weight: 700;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #1b3c6d;
    margin-bottom: 8px
}

.news-pannel .news_item .news_stripe {
    width: calc(100% - 60px);
    height: 10px;
    z-index: 2;
    display: block;
    margin: -5px auto;
    position: relative
}

.news-pannel .news_item .news_text {
    padding: 42px 34px 35px;
    min-height: 274px;
    height: 100%
}

.news-pannel .news_item .news_text h3 {
    display: block;
    margin-bottom: 0;
    font-weight: 600
}

.news-pannel .news_item .news_text h3 a {
    background: none !important;
    -webkit-text-decoration: underline !important;
    text-decoration: underline !important;
    text-decoration-color: transparent !important;
    transition: all var(--transition) !important
}

.news-pannel .news_item .news_text h3 a {
    display: block;
    overflow: hidden
}

.news-pannel .news_item .news_text h3 a:hover {
    text-decoration-color: var(--dark-blue) !important
}

.news-pannel .news_item .news_text p:not(:last-child) {
    margin-bottom: 20px
}

.news-pannel .news_item .news_text .date {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--rocgrotesk);
    color: var(--dark-blue);
    font-weight: 500
}

.news-pannel .news_item .news_text .bottom-info {
    color: var(--dark-blue);
    margin-top: auto;
    position: absolute;
    bottom: 38px
}

.news-pannel .news_item .news__image {
    overflow: hidden
}

.news-pannel .news_item .news__image img {
    transition: all var(--transition)
}

.news-pannel .news_item .news__image~.news_text {
    padding-top: 35px;
    height: auto
}

.news-pannel .news_item:hover .news__image img {
    transform: scale(1.05)
}

.news-pannel .flickity-prev-next-button {
    margin-right: 20px;
    margin-top: 12px
}

.news-pannel .flickity-prev-next-button.previous {
    margin-right: 12px
}

.news-pannel .flickity-page-dots {
    display: flex;
    gap: .625rem;
    margin: 25px 0 45px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 10px
}

.news-pannel .flickity-page-dots .flickity-page-dot,
.news-pannel .flickity-page-dots li {
    height: 10px;
    width: 10px;
    text-indent: -9999px;
    list-style: none;
    border-radius: 50%;
    border: 1px solid var(--dark-blue);
    background: transparent
}

.news-pannel .flickity-page-dots .flickity-page-dot.is-selected,
.news-pannel .flickity-page-dots li.is-selected {
    background: var(--dark-blue)
}

.news-pannel.events .news_item {
    height: auto
}

.news-pannel.events .news_item .news_text {
    display: block !important
}

.news-pannel.events .news_item .news_text {
    padding-top: 33px;
    padding-bottom: 30px;
    min-height: 390px
}

.news-pannel.events .news_item .news_text h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 25px
}

.news-pannel.events .news_item .news_text ul {
    border-top: 1px solid rgba(0, 0, 0, .23);
    max-width: 168px;
    padding-top: 25px;
    padding-left: 17px
}

.news-pannel.events .news_item .news_text ul li {
    font-family: var(--roboto);
    color: var(--dark-blue);
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 7px
}

.news-pannel.events .news_item .mustard-bg+.news_text li::marker {
    color: var(--mustard)
}

.news-pannel.events .news_item .red-bg+.news_text li::marker {
    color: var(--red)
}

.news-pannel.events .news_item .teal-bg+.news_text li::marker {
    color: var(--teal)
}

.news-pannel.events .news_item .dark-blue-bg+.news_text li::marker {
    color: var(--dark-blue)
}

.news-pannel.events .news_item .light-blue-bg+.news_text li::marker {
    color: var(--light-blue)
}

.news-pannel.full-width {
    max-width: 1190px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px
}

.news-pannel .button {
    display: block;
    margin-top: 38px
}

@media (min-width: 48em) {
    .news-pannel .button {
        display: none;
        margin-top: 0
    }
}

.news-pannel .desktop-full {
    display: block;
    margin: 0 -20px;
    text-align: right
}

@media (min-width: 48em) {
    .news-pannel .desktop-full {
        margin: 0;
        text-align: left
    }
    .news-pannel .desktop-full .news_item {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 50px
    }
    .news-pannel .desktop-full .news_item .news_stripe {
        height: 180px;
        width: 10px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translate(0, -50%);
        left: -5px;
        right: auto;
        margin: 0;
        position: absolute
    }
    .news-pannel .desktop-full .news_item .news__image {
        width: 40%
    }
    .news-pannel .desktop-full .news_item .news__image~.news_text {
        width: 60%;
        display: block
    }
    .news-pannel .desktop-full .news_item .news_text {
        min-height: 274px;
        height: auto;
        padding: 36px 50px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center
    }
}

.news-pannel .desktop-full:after {
    content: "flickity";
    display: none
}

@media (min-width: 48em) {
    .news-pannel .desktop-full:after {
        content: ""
    }
}

.single-page .news-pannel .desktop-full {
    margin: 0
}

.single-page .news-pannel .desktop-full .news_item {
    height: auto;
    max-width: 100%;
    width: 100%;
    margin-bottom: 60px
}

@media (min-width: 48em) {
    .single-page .news-pannel .desktop-full .news_item:last-child {
        margin-bottom: 0
    }
}

.single-page .news-pannel .desktop-full .news_item *:first-child:not(.news__image)~.news_text {
    min-height: 404px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column
}

@media (min-width: 48em) {
    .single-page .news-pannel .desktop-full .news_item *:first-child:not(.news__image)~.news_text {
        min-height: 274px
    }
}

.single-page .news-pannel .desktop-full:after {
    content: "none" !important
}

.Updates {
    --heading-color: var(--beige);
    margin-top: var(--space-fw);
    margin-bottom: var(--space-fw)
}

@media (min-width: 48em) {
    .Updates {
        padding-left: var(--container-lg);
        padding-right: var(--container-lg)
    }
}

.Updates__carousel {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-left: var(--container-lg);
    padding-right: var(--container-lg);
    background-image: linear-gradient(transparent 6rem, var(--green) 6rem);
    color: var(--white)
}

@media (min-width: 48em) {
    .Updates__carousel {
        padding-top: var(--gutter);
        padding-bottom: var(--gutter);
        background: var(--green)
    }
}

.Updates__carousel.flickity-enabled {
    padding-bottom: 3rem
}

.Updates__carousel .flickity-viewport {
    width: 100%;
    transition: height var(--transition) .3s
}

.Updates__carousel .flickity-prev-next-button {
    order: 1
}

@media (min-width: 48em) {
    .Updates__carousel .flickity-prev-next-button {
        position: absolute;
        right: calc(var(--gutter) * -1);
        margin-top: .5rem;
        margin-bottom: .5rem
    }
}

.Updates__carousel .flickity-prev-next-button.previous {
    margin-left: auto
}

@media (min-width: 48em) {
    .Updates__carousel .flickity-prev-next-button.previous {
        top: 50%
    }
}

.Updates__carousel .flickity-prev-next-button.next {
    margin-left: 1rem
}

@media (min-width: 48em) {
    .Updates__carousel .flickity-prev-next-button.next {
        bottom: 50%
    }
}

.Updates__carousel .flickity-page-dots {
    width: 100%;
    margin-bottom: 3rem
}

@media (min-width: 48em) {
    .Updates__carousel .flickity-page-dots {
        position: absolute;
        left: calc((100% - var(--gutter) * 2) * .4 + var(--gutter) / 2);
        bottom: calc(var(--gutter) + 3rem);
        width: auto;
        margin: 0
    }
}

.Updates__item {
    width: 100%;
    transition: opacity var(--transition), visibility var(--transition)
}

@media (min-width: 48em) {
    .Updates__item {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.Updates__item.is-selected {
    transition-delay: .3s
}

:not(.flickity-slider)>.Updates__item:not(:first-child) {
    display: none
}

@media (min-width: 48em) {
    .Updates__image {
        flex-shrink: 0;
        width: 40%;
        margin-right: calc(var(--gutter) * 1);
        margin-left: calc(var(--gutter) * -2)
    }
}

.is-selected>.Updates__image {
    animation: fade-in-right var(--transition) .6s both
}

.Updates__text {
    padding: 3rem 0
}

@media (min-width: 48em) {
    .Updates__text {
        flex-grow: 1;
        padding: var(--gutter) calc(var(--gutter) / 2)
    }
}

@media (min-width: 48em) {
    .flickity-cell .Updates__text {
        margin-right: 3rem;
        margin-bottom: 3rem
    }
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    list-style: none
}

.pagination li {
    margin: 0 .5rem
}

.pagination a {
    background-size: 250% .2em !important
}

.pagination a {
    display: block;
    padding: .5rem;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.17
}

.pagination .active a {
    background-color: var(--dark-blue);
    color: var(--white)
}

.pagination .active a:hover {
    background-image: none
}

.hero {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.hero.button-cta {
    text-align: center
}

.hero.button-cta .button {
    display: inline-block;
    margin-top: 50px
}

@media (min-width: 70em) {
    .hero.button-cta .button {
        display: none
    }
}

.hero.button-cta .square {
    display: none
}

@media (min-width: 70em) {
    .hero.button-cta .square {
        display: block
    }
}

.hero.button-cta .hero__content {
    display: block;
    text-align: center
}

@media (min-width: 70em) {
    .hero.button-cta .hero__content {
        display: flex;
        text-align: left
    }
}

.hero.button-cta .hero__content .hero__heading {
    width: 100%
}

@media (min-width: 70em) {
    .hero.button-cta .hero__content .hero__heading {
        width: 50%
    }
}

.hero .anchor {
    color: var(--white) !important
}

.hero .anchor {
    position: absolute;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    display: flex;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-weight: 700;
    bottom: 75px;
    width: 68px;
    letter-spacing: 1.84615px;
    text-transform: uppercase;
    padding-bottom: 3px;
    z-index: 15
}

.hero .anchor .line {
    position: absolute;
    top: 100%;
    height: 134px;
    width: 4px;
    background: #D8B266;
    left: 0;
    right: 0;
    margin: 7px auto 0
}

.hero.with-anchor {
    overflow: visible
}

.hero.with-anchor .hero__content {
    padding-bottom: 80px;
    align-items: center;
    align-content: center
}

@media (min-width: 48em) {
    .hero.with-anchor .hero__content {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

.hero.with-anchor.on-page .anchor {
    bottom: 100px
}

@media (min-width: 70em) {
    .hero.with-anchor.on-page .anchor {
        bottom: 75px
    }
}

.hero.with-anchor.on-page .anchor .line {
    height: 78px
}

@media (min-width: 70em) {
    .hero.with-anchor.on-page .anchor .line {
        height: 134px
    }
}

.hero__media {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .2)
}

.hero__media img,
.hero__media video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: multiply
}

.hero__control {
    display: grid;
    align-items: center;
    justify-items: center;
    place-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 84px;
    height: 84px;
    border: 0;
    transition: transform var(--transition);
    background: var(--black);
    will-change: transform;
    z-index: 99
}

.hero__control:before {
    content: "";
    transition: transform var(--transition);
    width: 27%;
    height: 27%;
    background: url(../assets/pause.svg) center no-repeat
}

.hero__control:hover:before {
    transform: scale(1.1)
}

.hero__control--paused:before {
    background: url(../assets/caret-right.svg) center no-repeat
}

.hero__content {
    position: relative;
    min-height: 440px;
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
    padding-left: var(--container);
    padding-right: var(--container);
    z-index: 10;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 120px
}

@media (min-width: 48em) {
    .hero__content {
        padding-top: 150px;
        padding-bottom: var(--gutter);
        align-items: center
    }
}

@media (min-width: 70em) {
    .hero__content {
        min-height: 700px
    }
}

.hero__content p {
    margin-bottom: 0 !important;
    margin-top: 20px !important
}

.hero__content p {
    width: 100%
}

@media (min-width: 48em) {
    .hero__content p {
        margin-top: 30px !important
    }
}

.hero__content p+.anchor {
    bottom: 50px
}

@media (min-width: 48em) {
    .hero__content p+.anchor {
        bottom: 75px
    }
}

.header.relative+#main-content .hero {
    margin-top: 0
}

@media (min-width: 48em) {
    .header.relative+#main-content .hero {
        margin-top: 92px
    }
}

@media (min-width: 70em) {
    .header.relative+#main-content .hero {
        margin-top: 150px
    }
}

.header.relative+#main-content .hero .hero__content {
    min-height: 440px;
    padding-top: var(--gutter)
}

@media (min-width: 70em) {
    .header.relative+#main-content .hero .hero__content {
        min-height: 550px
    }
}

.hero__heading {
    color: var(--white);
    width: 100%;
    text-transform: none;
    max-width: 750px
}

@media screen and (max-width: 767px) {
    .hero__heading {
        font-size: 48px;
        line-height: 60px
    }
}

.home .hero {
    overflow: visible
}

.home .hero__control {
    background-color: transparent
}

.home .hero__content {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: calc(100vh - 51px);
    padding-bottom: 50px
}

@media (min-width: 48em) {
    .home .hero__content {
        padding-top: 50px;
        min-height: 100vh
    }
}

.home .hero__content p {
    margin-top: 50px !important
}

.home .hero__content .hero__heading {
    font-weight: 700;
    font-size: 13.5981px;
    line-height: 20px;
    letter-spacing: .75px;
    text-transform: uppercase;
    max-width: 556px;
    width: 100%
}

@media (min-width: 48em) {
    .home .hero__content .hero__heading {
        font-size: 20px;
        line-height: 29px;
        letter-spacing: 1.1px
    }
}

.home .hero__content .logo {
    display: block;
    width: 100%;
    max-width: 556px;
    margin-top: 14px
}

.home .hero__content .logo svg {
    width: 100%
}

.sidebar-widgets {
    margin-top: 27px;
    padding: 0 20px
}

@media (min-width: 70em) {
    .sidebar-widgets {
        display: none;
        margin-top: 32px
    }
}

.sidebar-widgets .form {
    background: var(--dark-blue);
    padding: 32px 40px 50px;
    color: var(--white);
    margin: 0 -20px 70px;
    width: calc(100% + 40px)
}

@media (min-width: 70em) {
    .sidebar-widgets .form {
        margin: 0 0 65px;
        width: 376px
    }
}

.sidebar-widgets .form h2 {
    color: var(--white);
    font-size: 32px;
    line-height: 34px
}

.sidebar-widgets .form .form_question,
.sidebar-widgets .form .field-group {
    width: 100%;
    margin-bottom: 14px
}

.sidebar-widgets .form .form_question textarea,
.sidebar-widgets .form .field-group textarea,
.sidebar-widgets .form .form_question select,
.sidebar-widgets .form .field-group select,
.sidebar-widgets .form .form_question input,
.sidebar-widgets .form .field-group input {
    width: 100%;
    color: var(--black)
}

.sidebar-widgets .form .form_button_submit,
.sidebar-widgets .form .button {
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    border: none !important
}

.sidebar-widgets .form .form_button_submit,
.sidebar-widgets .form .button {
    width: 100%;
    margin: 25px 0 0;
    min-width: 250px;
    padding: 16px 25px;
    font-family: var(--roboto);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    transition: all var(--transition);
    cursor: pointer;
    position: relative;
    transform: translateZ(0);
    background: var(--mustard);
    box-shadow: 0 0 1px var(--mustard);
    -webkit-tap-highlight-color: var(--mustard);
    color: var(--dark-blue);
    box-shadow: 0 0 0 0 var(--dark-blue)
}

.sidebar-widgets .form .form_button_submit:hover,
.sidebar-widgets .form .button:hover {
    box-shadow: 0 0 0 7px var(--teal)
}

.sidebar-widgets .form [data-required] .form_label:after,
.sidebar-widgets .form [data-required] label:after {
    content: "*";
    margin-left: 5px
}

.sidebar-widgets .form .form_question.required {
    background-color: transparent
}

.sidebar-widgets .form .form_question.required input,
.sidebar-widgets .form .form_question.required select,
.sidebar-widgets .form .form_question.required textarea {
    border-color: var(--red) !important;
    background-color: var(--light-salmon) !important
}

.sidebar-widgets .form fieldset .form_responses {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.sidebar-widgets .form fieldset .form_responses select {
    width: auto
}

.sidebar-widgets .form .form_birthdate .form_responses select {
    width: 32%
}

.sidebar-widgets .contact-card {
    background: var(--dark-blue);
    padding: 45px;
    font-weight: 400
}

.sidebar-widgets .contact-card .widget {
    text-align: center
}

@media (min-width: 70em) {
    .sidebar-widgets .contact-card {
        width: 376px
    }
    .sidebar-widgets .contact-card .widget {
        text-align: left
    }
}

.sidebar-widgets .contact-card h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 10px
}

.sidebar-widgets .contact-card ul {
    margin: 0;
    padding: 0
}

.sidebar-widgets .contact-card ul li {
    list-style: none;
    margin: 0;
    color: var(--white);
    border-bottom: 2px solid rgba(75, 133, 189, .37);
    padding: 20px 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 70em) {
    .sidebar-widgets .contact-card ul li {
        font-size: 20px;
        line-height: 26px
    }
}

.sidebar-widgets .contact-card ul li a {
    color: var(--white)
}

.sidebar-widgets .contact-card ul li:last-child {
    border-bottom: 0
}

.sidebar-widgets .form+.contact-card {
    background: white;
    padding-top: 0;
    color: var(--dark-blue)
}

.sidebar-widgets .form+.contact-card h2 {
    color: var(--dark-blue)
}

.sidebar-widgets .form+.contact-card ul li {
    color: var(--dark-blue)
}

.sidebar-widgets .form+.contact-card ul li a {
    color: var(--dark-blue)
}

.sidebar-widgets .widget__links {
    padding: 47px 0;
    background: var(--white)
}

.sidebar-widgets .widget__links .widget {
    text-align: center;
    margin-top: 38px
}

@media (min-width: 48em) {
    .sidebar-widgets .widget__links {
        padding: 47px 30px
    }
}

@media (min-width: 70em) {
    .sidebar-widgets .widget__links {
        padding: 47px 56px
    }
    .sidebar-widgets .widget__links .widget {
        text-align: left
    }
}

.sidebar-widgets .widget__links h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 24px
}

.sidebar-widgets .widget__links ul {
    list-style: none;
    margin: 0 0 40px;
    padding: 0
}

.sidebar-widgets .widget__links ul li {
    list-style: none;
    padding-left: 0;
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

.sidebar-widgets .widget__links ul li a {
    --strokeHeight: 1px !important
}

.sidebar-widgets .widget__links ul li a {
    display: inline-block;
    color: var(--black);
    line-height: 23px
}

.sidebar-widgets .widget__links .button {
    width: 100%
}

@media (min-width: 48em) {
    .sidebar-widgets .widget__links .button {
        width: auto
    }
}

.form-popup {
    display: block;
    margin-bottom: 50px
}

@media (min-width: 70em) {
    .form-popup {
        display: none
    }
}

.form-popup .button {
    width: 100%
}

.form-popup .popup-close {
    background: none !important
}

.form-popup .popup-close {
    border: 0;
    height: 24px;
    width: 24px;
    padding: 0;
    position: fixed;
    right: 32px;
    top: 32px;
    display: none;
    z-index: 100000;
    text-indent: -9999px
}

.form-popup .popup-close:before {
    background: #fff;
    background: var(--white);
    content: "";
    inset: 0;
    -webkit-mask: url(../assets/close.svg) center no-repeat;
    mask: url(../assets/close.svg) center no-repeat;
    position: absolute;
    transition: all var(--transition)
}

.form-popup .form {
    background: var(--dark-blue);
    padding: 32px 40px 50px;
    color: var(--white);
    width: 100%;
    display: none
}

.form-popup .form h2 {
    color: var(--white);
    font-size: 32px;
    line-height: 34px
}

.form-popup .form .form_question,
.form-popup .form .field-group {
    width: 100%;
    margin-bottom: 14px
}

.form-popup .form .form_question textarea,
.form-popup .form .field-group textarea,
.form-popup .form .form_question select,
.form-popup .form .field-group select,
.form-popup .form .form_question input,
.form-popup .form .field-group input {
    width: 100%;
    color: var(--black)
}

.form-popup .form .form_button_submit,
.form-popup .form .button {
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    border: none !important
}

.form-popup .form .form_button_submit,
.form-popup .form .button {
    width: 100%;
    margin: 25px 0 0;
    min-width: 250px;
    padding: 16px 25px;
    font-family: var(--roboto);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    transition: all var(--transition);
    cursor: pointer;
    position: relative;
    transform: translateZ(0);
    background: var(--mustard);
    box-shadow: 0 0 1px var(--mustard);
    -webkit-tap-highlight-color: var(--mustard);
    color: var(--dark-blue);
    box-shadow: 0 0 0 0 var(--dark-blue)
}

.form-popup .form .form_button_submit:hover,
.form-popup .form .button:hover {
    box-shadow: 0 0 0 7px var(--teal)
}

.form-popup .form [data-required] .form_label:after,
.form-popup .form [data-required] label:after {
    content: "*";
    margin-left: 5px
}

.form-popup .form .form_question.required {
    background-color: transparent
}

.form-popup .form .form_question.required input,
.form-popup .form .form_question.required select,
.form-popup .form .form_question.required textarea {
    border-color: var(--red) !important;
    background-color: var(--light-salmon) !important
}

.form-popup .form fieldset .form_responses {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.form-popup .form fieldset .form_responses select {
    width: auto
}

.form-popup .form .form_birthdate .form_responses select {
    width: 32%
}

.form-popup.popup-open .form {
    display: block;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: auto
}

.form-popup.popup-open .popup-close {
    display: block
}

.accordion-list .heading {
    margin-bottom: 15px
}

.accordion-list .heading h2 {
    margin-bottom: 14px
}

.accordion-list .heading p {
    max-width: 950px
}

.accordion-list.full-width {
    max-width: 1150px;
    margin-right: auto;
    margin-left: auto
}

.accordion-list.full-width.light-blue-bg,
.accordion-list.full-width.grey-bg,
.accordion-list.full-width.dark-blue-bg {
    padding-top: 96px;
    padding-bottom: 100px
}

.accordion-list.full-width .heading {
    padding: 0 20px
}

@media (min-width: 70em) {
    .accordion-list.full-width .heading {
        padding: 0 20px 0 7px
    }
}

.accordion-list.full-width .accordion {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.accordion {
    border-bottom: 2px solid rgba(75, 133, 189, .5);
    margin: 0 -20px
}

@media (min-width: 70em) {
    .accordion {
        margin: 0
    }
}

.accordion .img-h {
    display: none
}

.accordion .img-h.mobile {
    display: block;
    margin-bottom: 30px
}

@media (min-width: 48em) {
    .accordion .img-h {
        display: block
    }
    .accordion .mobile {
        display: none !important
    }
}

.accordion .button {
    width: 100%
}

@media (min-width: 48em) {
    .accordion .button {
        width: auto
    }
}

.accordion__toggle {
    font-weight: 600 !important;
    font-size: 22px !important;
    margin: 0 !important;
    background: transparent !important;
    color: var(--heading-color) !important
}

.accordion__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 22px 20px;
    border: none;
    text-align: left;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.accordion__toggle:hover {
    font-weight: 700 !important
}

@media (min-width: 48em) {
    .accordion__toggle {
        font-size: 24px !important
    }
    .accordion__toggle {
        padding: 28px 30px 28px 20px
    }
}

@media (min-width: 70em) {
    .accordion__toggle {
        padding: 28px 30px 28px 7px
    }
}

.accordion__toggle[aria-expanded=true] {
    font-weight: 700 !important
}

.accordion__icon {
    flex-shrink: 0;
    margin-left: 40px;
    min-width: 24px;
    width: 24px;
    transition: transform var(--transition);
    will-change: transform
}

[aria-expanded=true]>.accordion__icon {
    transform: rotate(45deg)
}

.accordion__icon svg path {
    stroke: var(--dark-blue)
}

.accordion__content {
    height: auto;
    height: var(--height, auto);
    transition: height var(--transition), visibility var(--transition);
    overflow: hidden
}

[aria-expanded=false]+.accordion__content {
    height: 0;
    visibility: hidden
}

.accordion__interior {
    border-top: 2px solid rgba(75, 133, 189, .5);
    padding: 48px 20px 47px
}

@media (min-width: 48em) {
    .accordion__interior {
        padding: 48px 20px 54px
    }
}

@media (min-width: 70em) {
    .accordion__interior {
        padding: 48px 0 54px 7px
    }
}

.accordion__interior .h3,
.accordion__interior h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px
}

.accordion__interior .flex {
    justify-content: space-between
}

.accordion__interior figure {
    margin-top: 0
}

@media (min-width: 32em) {
    .accordion__interior .image--left,
    .accordion__interior .image--right {
        max-width: calc(50% - 4.6rem)
    }
}

@media (min-width: 32em) {
    .accordion__interior .image--left.image--narrow,
    .accordion__interior .image--right.image--narrow {
        max-width: calc(33% - 3rem)
    }
}

@media (min-width: 32em) {
    .accordion__interior .image--left {
        margin: 0 50px 0 0;
        float: left
    }
}

@media (min-width: 32em) {
    .accordion__interior .image--right {
        margin: 0 0 0 40px;
        float: right
    }
}

.table.full-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px
}

.table .table-container {
    border: 0;
    background-attachment: local, local, scroll, scroll;
    background-image: linear-gradient(to right, var(--white), var(--white)), linear-gradient(to left, var(--white), var(--white)), linear-gradient(to right, rgba(0, 0, 0, .25), transparent), linear-gradient(to left, rgba(0, 0, 0, .25), transparent);
    background-position: left top, right top, left top, right top;
    background-size: 1rem 100%, 1rem 100%, 1rem calc(100% - 55px), 1rem calc(100% - 55px);
    overflow: auto;
    padding-bottom: 40px
}

.table .table-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0px 1px 6px #fff;
    background-color: #f5f8fd
}

.table .table-container::-webkit-scrollbar-thumb {
    background-color: var(--light-blue)
}

.table .table-container::-webkit-scrollbar {
    width: 15px;
    background-color: #f5f8fd
}

@media only screen and (min-width: 70em) {
    .table .table-container {
        padding-bottom: 0
    }
}

.table table {
    min-width: 56rem;
    width: 100%
}

@media only screen and (min-width: 70em) {
    .table table {
        min-width: 0
    }
}

.table table th,
.table table td {
    padding: 20px;
    vertical-align: middle;
    text-align: left;
    border-bottom: 1px solid #F5F8FD;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1.84615px
}

@media only screen and (min-width: 70em) {
    .table table th,
    .table table td {
        border-bottom: none
    }
}

.table table tr:last-child td {
    border-bottom: none
}

.table table th {
    font-weight: 700;
    padding: 15px 20px;
    color: var(--dark-blue);
    letter-spacing: 0;
    font-size: 16px;
    line-height: 20px
}

.table table td:first-child,
.table table th:first-child {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0;
    font-weight: 700;
    color: var(--dark-blue)
}

@media (min-width: 70em) {
    .table table td:first-child,
    .table table th:first-child {
        width: 45%
    }
}

@media only screen and (min-width: 70em) {
    .table tbody tr:nth-child(odd) {
        background: #F5F8FD
    }
}

.stats-panel .container {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
    padding: 54px 20px 0;
    overflow: hidden
}

@media (min-width: 48em) {
    .stats-panel .container {
        overflow: visible;
        padding: 90px 20px 0
    }
}

.stats-panel.dark-blue-bg,
.stats-panel.red-bg,
.stats-panel.teal-bg,
.stats-panel.light-blue-bg {
    padding-bottom: 50px
}

@media (min-width: 48em) {
    .stats-panel.dark-blue-bg,
    .stats-panel.red-bg,
    .stats-panel.teal-bg,
    .stats-panel.light-blue-bg {
        padding-bottom: 134px
    }
}

.stats-panel.dark-blue-bg .flickity-page-dots .flickity-page-dot,
.stats-panel.dark-blue-bg .flickity-page-dots li,
.stats-panel.red-bg .flickity-page-dots .flickity-page-dot,
.stats-panel.red-bg .flickity-page-dots li,
.stats-panel.teal-bg .flickity-page-dots .flickity-page-dot,
.stats-panel.teal-bg .flickity-page-dots li,
.stats-panel.light-blue-bg .flickity-page-dots .flickity-page-dot,
.stats-panel.light-blue-bg .flickity-page-dots li {
    background: var(--white);
    border: 1px solid var(--white);
    color: #fff
}

.stats-panel.dark-blue-bg .flickity-page-dots .flickity-page-dot.is-selected,
.stats-panel.dark-blue-bg .flickity-page-dots li.is-selected,
.stats-panel.red-bg .flickity-page-dots .flickity-page-dot.is-selected,
.stats-panel.red-bg .flickity-page-dots li.is-selected,
.stats-panel.teal-bg .flickity-page-dots .flickity-page-dot.is-selected,
.stats-panel.teal-bg .flickity-page-dots li.is-selected,
.stats-panel.light-blue-bg .flickity-page-dots .flickity-page-dot.is-selected,
.stats-panel.light-blue-bg .flickity-page-dots li.is-selected {
    background: var(--mustard);
    border: 1px solid var(--mustard)
}

.stats-panel.dark-blue-bg .flickity-prev-next-button,
.stats-panel.red-bg .flickity-prev-next-button,
.stats-panel.teal-bg .flickity-prev-next-button,
.stats-panel.light-blue-bg .flickity-prev-next-button {
    background: var(--mustard) url(../assets/slider-arrow-blue.svg) center no-repeat;
    background-size: 17px
}

.stats-panel .flex {
    margin: 0;
    display: block
}

@media (min-width: 48em) {
    .stats-panel .flex {
        margin: 0 -15px;
        display: flex
    }
}

@media (min-width: 70em) {
    .stats-panel .flex {
        margin: 0 -25px
    }
}

.stats-panel .heading {
    margin: 0 0 34px !important
}

.stats-panel .heading {
    justify-content: space-between;
    align-items: center
}

@media (min-width: 48em) {
    .stats-panel .heading {
        margin: 0 0 85px !important
    }
}

.stats-panel .heading:after {
    clear: both;
    display: table;
    content: ""
}

@media (min-width: 48em) {
    .stats-panel .heading:after {
        display: none
    }
}

.stats-panel .heading h2,
.stats-panel .heading h3 {
    width: 100%;
    margin-bottom: 25px
}

.stats-panel .heading p {
    font-family: var(--minion-pro);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    max-width: 100%;
    margin-bottom: 0
}

@media (min-width: 48em) {
    .stats-panel .heading p {
        font-size: 21px;
        line-height: 32px;
        max-width: calc(100% - 280px)
    }
}

.stats-panel .heading .secondary {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: none;
    margin-left: 30px
}

@media (min-width: 48em) {
    .stats-panel .heading .secondary {
        display: inline-block
    }
}

.stats-panel .heading .secondary.show {
    display: block;
    margin-top: 25px;
    float: right
}

@media (min-width: 48em) {
    .stats-panel .heading .secondary.show {
        margin-top: 0;
        float: none;
        display: inline-block
    }
}

.stats-panel .stats-items {
    justify-content: center;
    text-align: right;
    margin-left: -45px
}

@media (min-width: 48em) {
    .stats-panel .stats-items {
        margin-left: 0
    }
}

.stats-panel .stats-items:after {
    content: "flickity";
    display: none
}

@media (min-width: 48em) {
    .stats-panel .stats-items:after {
        content: ""
    }
}

.stats-panel .stat_item {
    text-align: left;
    width: 290px;
    margin: 0 20px 0 0;
    position: relative;
    top: 0
}

@media (min-width: 48em) {
    .stats-panel .stat_item {
        width: 50%;
        padding: 0 15px;
        margin: 0 0 30px
    }
}

@media (min-width: 70em) {
    .stats-panel .stat_item {
        padding: 0 25px;
        width: 33.332%;
        margin-bottom: 0
    }
}

.stats-panel .stat_item .stat_stripe {
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    width: calc(100% - 65px);
    height: 8px;
    z-index: 2;
    display: block;
    margin: 0 auto
}

@media (min-width: 48em) {
    .stats-panel .stat_item .stat_stripe {
        height: 10px;
        width: calc(100% - 80px)
    }
}

.stats-panel .stat_item .inner {
    border-radius: 1px;
    padding: 26px 35px 20px;
    min-height: 230px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    background: #fff;
    box-shadow: 0 0 30px #00000040
}

@media (min-width: 48em) {
    .stats-panel .stat_item .inner {
        min-height: 295px;
        padding: 26px 35px 35px;
        box-shadow: 0 0 60px #00000040
    }
}

.stats-panel .stat_item .text {
    width: 100%;
    margin-top: 47px;
    color: #2c4e86;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    font-family: var(--minion-pro)
}

@media (min-width: 48em) {
    .stats-panel .stat_item .text {
        font-size: 18px;
        line-height: 27px;
        margin-top: auto
    }
}

.stats-panel .stat_item .stats__number {
    font-family: var(--minion-pro);
    font-weight: 700;
    font-size: 45.4469px;
    line-height: 83px;
    margin-bottom: 0;
    width: 100%;
    border-bottom: 1px dashed #1A3F70;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 48em) {
    .stats-panel .stat_item .stats__number {
        margin-bottom: 30px
    }
}

.stats-panel .flickity-enabled .stat_item {
    position: absolute !important
}

@media (min-width: 48em) {
    .stats-panel .flickity-enabled .stat_item {
        position: relative !important
    }
}

.stats-panel .flickity-prev-next-button {
    margin-top: 30px
}

.stats-panel .flickity-prev-next-button.next {
    margin-left: 12px
}

.stats-panel .flickity-page-dots {
    display: flex;
    gap: .625rem;
    margin: 25px 0 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 10px
}

.stats-panel .flickity-page-dots .flickity-page-dot,
.stats-panel .flickity-page-dots li {
    height: 10px;
    width: 10px;
    text-indent: -9999px;
    list-style: none;
    border-radius: 50%;
    border: 1px solid var(--dark-blue);
    background: var(--dark-blue)
}

.stats-panel .flickity-page-dots .flickity-page-dot.is-selected,
.stats-panel .flickity-page-dots li.is-selected {
    background: var(--white)
}

.home .stats-panel .heading {
    align-items: flex-start
}

.home .stats-panel .heading .secondary {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1.84615px;
    text-transform: uppercase
}

.home .stats-panel .heading .secondary:after {
    --underline-color: var(--mustard);
    --underline-hover: var(--mustard)
}

.home .stats-panel .stat_item .stat_stripe {
    background-color: var(--mustard) !important
}

.testimonial {
    background: #F8F7F5;
    padding: 125px 0;
    text-align: center;
    overflow: hidden
}

@media (min-width: 48em) {
    .testimonial {
        padding: 65px 0 50px
    }
}

.testimonial .heading {
    margin-bottom: 0;
    padding: 0 40px
}

.testimonial .testimonial-slider {
    margin: 0 auto;
    position: relative;
    z-index: 4
}

.testimonial .testimonial-slider:before {
    position: absolute;
    content: "";
    width: 1000px;
    height: 846px;
    border: 1px dashed var(--dark-blue);
    top: 140px;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%, 0);
    border-radius: 50%
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider:before {
        width: 2200px;
        height: 1800px;
        top: 265px
    }
}

.testimonial .testimonial-slider .photo-slider {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0 0
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider .photo-slider {
        padding: 90px 0 41px
    }
}

.testimonial .testimonial-slider .photo-slider .slide {
    padding: 0 10px;
    width: 100%;
    max-width: 300px;
    position: absolute;
    top: 0
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider .photo-slider .slide {
        max-width: 470px;
        height: 480px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center
    }
}

.testimonial .testimonial-slider .photo-slider .slide .img-h {
    opacity: 0;
    border-radius: 50%;
    overflow: hidden;
    max-width: 300px;
    margin: 0 auto;
    transition: all var(--transition);
    transform: translateY(200px);
    cursor: pointer
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider .photo-slider .slide .img-h {
        max-width: 350px
    }
}

.testimonial .testimonial-slider .photo-slider .slide.is-selected .img-h {
    transform: translateY(-50px) !important
}

.testimonial .testimonial-slider .photo-slider .slide.is-selected .img-h {
    opacity: 1;
    max-width: 100%;
    box-shadow: 0 0 100px -20px var(--light-blue)
}

.testimonial .testimonial-slider .photo-slider .slide.is-next .img-h {
    transform: translate(0);
    margin-left: 0
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider .photo-slider .slide.is-next .img-h {
        opacity: 1
    }
}

.testimonial .testimonial-slider .photo-slider .slide.is-previous .img-h {
    margin-left: auto !important
}

.testimonial .testimonial-slider .photo-slider .slide.is-previous .img-h {
    transform: translate(0);
    margin-right: 0
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider .photo-slider .slide.is-previous .img-h {
        opacity: 1
    }
}

.testimonial .testimonial-slider .photo-slider .slide.is-selected:first-child~.slide:last-child .img-h {
    transform: translate(0);
    margin-right: 0
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider .photo-slider .slide.is-selected:first-child~.slide:last-child .img-h {
        opacity: 1
    }
}

.testimonial .testimonial-slider .flickity-slider {
    height: 100%;
    width: 100%
}

.testimonial .testimonial-slider .slide {
    max-width: 600px;
    padding: 0 38px;
    position: absolute;
    top: 0
}

.testimonial .testimonial-slider .slide .text {
    opacity: 0;
    transition: all var(--transition)
}

.testimonial .testimonial-slider .slide.is-selected .text {
    opacity: 1
}

.testimonial .testimonial-slider .flickity-prev-next-button {
    position: absolute;
    top: 160px;
    width: 39px;
    height: 78px;
    background-position: center right 15px;
    background-size: 17px;
    border-radius: 0 100px 100px 0;
    left: 0;
    color: var(--dark-blue)
}

.testimonial .testimonial-slider .flickity-prev-next-button.next {
    right: 0;
    left: auto
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider .flickity-prev-next-button {
        top: 50%;
        margin-top: -50px;
        width: 50px;
        height: 100px;
        background-size: 24px;
        background-position: center right 17px
    }
}

.testimonial .testimonial-slider .flickity-page-dots {
    list-style: none;
    margin: 50px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.testimonial .testimonial-slider .flickity-page-dots .flickity-page-dot,
.testimonial .testimonial-slider .flickity-page-dots li {
    height: 8px;
    width: 8px;
    margin: 0;
    background: var(--light-blue);
    border-radius: 50%
}

.testimonial .testimonial-slider .flickity-page-dots .flickity-page-dot.is-selected,
.testimonial .testimonial-slider .flickity-page-dots li.is-selected {
    background: var(--dark-blue)
}

.testimonial .testimonial-slider .text-slider {
    position: relative;
    padding-top: 40px
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider .text-slider {
        padding-top: 0
    }
}

.testimonial .testimonial-slider .text-slider .flickity-page-dots {
    position: absolute;
    top: -10px;
    margin-top: 0;
    width: 100%
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider .text-slider .flickity-page-dots {
        position: relative;
        top: 0;
        margin: 50px 0 0
    }
}

.testimonial .testimonial-slider .name {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: var(--dark-blue);
    margin-bottom: 5px
}

.testimonial .testimonial-slider p {
    font-family: var(--minion-pro);
    font-weight: 700;
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 27px;
    color: var(--light-blue)
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider p {
        margin-bottom: 40px
    }
}

.testimonial .testimonial-slider .secondary {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    padding-bottom: 3px
}

@media (min-width: 48em) {
    .testimonial .testimonial-slider .secondary {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0;
        text-transform: capitalize
    }
}

.home .testimonial {
    position: relative;
    background: #F4F3F0;
    -webkit-clip-path: polygon(50% 0%, 100% 2.5%, 100% 100%, 0 100%, 0 2.5%);
    clip-path: polygon(50% 0%, 100% 2.5%, 100% 100%, 0 100%, 0 2.5%);
    padding-top: 100px
}

@media (min-width: 70em) {
    .home .testimonial {
        -webkit-clip-path: polygon(50% 0%, 100% 5%, 100% 100%, 0 100%, 0 5%);
        clip-path: polygon(50% 0%, 100% 5%, 100% 100%, 0 100%, 0 5%);
        padding-top: 270px
    }
}

.home .testimonial .heading {
    padding: 0 20px;
    max-width: 1280px;
    text-align: center;
    margin-bottom: 220px
}

@media (min-width: 48em) {
    .home .testimonial .heading {
        margin-bottom: 260px
    }
}

@media (min-width: 70em) {
    .home .testimonial .heading {
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 220px
    }
}

.home .testimonial .heading .inner {
    max-width: 406px;
    font-family: var(--minion-pro);
    font-size: 15px;
    line-height: 22px;
    margin: 0 auto
}

@media (min-width: 48em) {
    .home .testimonial .heading .inner {
        font-size: 21px;
        line-height: 32px
    }
}

@media (min-width: 70em) {
    .home .testimonial .heading .inner {
        margin: 0
    }
}

.home .testimonial .heading .inner h2 {
    max-width: 300px;
    margin: 0 auto 15px;
    font-size: 31.5px;
    line-height: 35px
}

@media (min-width: 48em) {
    .home .testimonial .heading .inner h2 {
        font-size: 42px;
        line-height: 47px
    }
}

.home .testimonial .map {
    background: url(../assets/world-map.svg) no-repeat left top 0;
    width: 938px;
    height: 500px;
    background-size: 100%;
    z-index: 1;
    top: 260px;
    right: 0;
    transform: translate(43%);
    position: absolute
}

@media (min-width: 48em) {
    .home .testimonial .map {
        width: 1660px;
        height: 1000px;
        transform: translate(41%);
        background: url(../assets/world-map.svg) no-repeat left top -87px;
        background-size: 100%;
        top: 300px
    }
}

@media (min-width: 70em) {
    .home .testimonial .map {
        top: 0
    }
}

.home .testimonial .map span {
    animation-play-state: paused !important
}

.home .testimonial .map span {
    position: absolute;
    display: flex;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1.84615px;
    text-transform: uppercase;
    color: #1a3f70;
    opacity: 0
}

.home .testimonial .map span svg {
    margin: 0 12px
}

.home .testimonial .map span.irving {
    left: 17%;
    top: 33%
}

@media (min-width: 48em) {
    .home .testimonial .map span.irving {
        top: 24%;
        left: 18%
    }
}

.home .testimonial .map span.rome {
    left: 41.6%;
    top: 27.2%;
    animation-delay: 1s
}

@media (min-width: 48em) {
    .home .testimonial .map span.rome {
        top: 19%;
        left: 45.5%
    }
}

.home .testimonial .map span[data-animate=true] {
    animation-play-state: running !important
}

.home .testimonial .secondary {
    text-transform: uppercase
}

[data-animation=pin-bounce] {
    animation: pin-bounce 1.5s .5s forwards
}

@keyframes pin-bounce {
    0% {
        transform: translateY(-99px);
        opacity: 1
    }
    10% {
        transform: translateY(0);
        opacity: 1
    }
    15% {
        transform: translateY(-8px);
        opacity: 1
    }
    20% {
        transform: translateY(0);
        opacity: 1
    }
    25% {
        transform: translateY(-5px);
        opacity: 1
    }
    30% {
        transform: translateY(0);
        opacity: 1
    }
    35% {
        transform: translateY(-2px);
        opacity: 1
    }
    40% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

#main-content {
    width: 100%
}

@media (min-width: 48em) {
    #main-content {
        width: calc(100% - 72px)
    }
}

.wrapper:not(.microsite) {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start
}

.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

.content-with-sidebar {
    padding-bottom: 50px
}

@media (min-width: 70em) {
    .content-with-sidebar {
        padding-bottom: 125px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start
    }
}

.single-page .content-with-sidebar {
    padding-bottom: 60px
}

@media (min-width: 48em) {
    .single-page .content-with-sidebar {
        padding-bottom: 80px
    }
}

.main__content {
    padding: 50px 0;
    overflow: hidden
}

.main__content.full-width {
    overflow: hidden !important
}

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

@media (min-width: 48em) {
    .main__content {
        padding-top: 50px
    }
}

@media (min-width: 70em) {
    .main__content {
        overflow: visible !important
    }
    .main__content {
        padding-bottom: 125px
    }
}

.content-with-sidebar .main__content {
    width: 100%;
    padding: 50px 20px 0
}

@media (min-width: 70em) {
    .content-with-sidebar .main__content {
        order: 1;
        width: calc(100% - 425px);
        padding: 50px 5% 0
    }
}

.home .main__content {
    padding-top: 0;
    padding-bottom: 0
}

.wrapper {
    transform: none
}

.finder .program {
    background: var(--white);
    border: 1px solid var(--light-blue);
    padding: 1.5rem 65px 1.5rem 1.5rem;
    position: relative;
    transition: all var(--transition);
    width: 100%;
    margin-bottom: -1px
}

.finder .program[data-finder-item=hide] {
    display: none
}

.finder .program[data-finder-limit]~.program {
    display: none
}

@media (min-width: 48em) {
    .finder .program {
        align-items: center;
        display: flex;
        justify-content: space-between;
        width: 100%
    }
}

.finder .program:before {
    content: "";
    height: 8px;
    background: var(--dark-blue);
    -webkit-mask: url(../assets/more.svg) center no-repeat;
    mask: url(../assets/more.svg) center no-repeat;
    position: absolute;
    right: 25px;
    top: calc(50% - 4px);
    width: 25px;
    z-index: 2
}

.finder .program .link-secondary {
    transition: all var(--transition) !important
}

.finder .program .link-secondary {
    font-family: var(--roboto);
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--white);
    background-image: linear-gradient(var(--white), var(--white));
    opacity: 0;
    display: none
}

@media (min-width: 48em) {
    .finder .program .link-secondary {
        display: block
    }
}

.finder .program:hover {
    background: var(--dark-blue)
}

.finder .program:hover .program__text .program__title {
    color: var(--white)
}

.finder .program:hover:before {
    background: var(--white)
}

.finder .program:hover .link-secondary {
    opacity: 1
}

.finder .program[data-program=hidden] {
    display: none
}

.finder .program__image {
    margin-bottom: 2rem;
    overflow: hidden
}

@media (min-width: 48em) {
    .finder .program__image {
        flex-shrink: 0;
        margin: 0 0 0 2rem;
        max-width: 33.333%;
        order: 1;
        width: 18rem
    }
}

.finder .program__image img {
    transition: transform .3s ease;
    transition: transform var(--transition)
}

.finder .program:hover .program__image img {
    transform: scale(1.2)
}

.finder .program__text>:first-child {
    margin-top: 0
}

.finder .program__text>:last-child {
    margin-bottom: 0
}

.finder .program__text {
    background: transparent !important
}

.finder .program__text {
    border: none;
    gap: 1rem;
    justify-content: space-between;
    width: 100%
}

.finder .program__text,
.finder .program__text p {
    align-items: center;
    display: flex
}

.finder .program__title {
    margin-bottom: 0;
    text-align: left;
    transition: all var(--transition);
    font-size: 20px;
    line-height: 25px
}

@media (min-width: 48em) {
    .finder .program__title {
        font-size: 24px;
        line-height: 30px
    }
}

.finder .program__title a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.finder .program__icon {
    align-self: flex-start;
    margin-right: .5rem;
    width: 1rem
}

.finder .program-empty {
    display: none;
    margin: 0
}

.finder [data-programs="0"]>.program-empty {
    display: block
}

.finder .program-popular-link {
    display: block;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.4;
    padding-left: 2.5rem;
    position: relative
}

.finder .program-popular-link:before {
    background: url(../img/trending.svg) 50% no-repeat;
    content: "";
    height: 1.6rem;
    left: 0;
    position: absolute;
    top: .25rem;
    transition: transform .3s ease;
    transition: transform var(--transition);
    width: 1.6rem
}

.finder .program-popular-grid {
    margin: 1rem 0 4rem
}

.finder .program-popular-grid .grid__item {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (min-width: 64em) {
    .finder .program-popular-grid {
        margin: 1rem 0 3rem
    }
    .finder .program-popular-grid .grid__item {
        gap: 3rem
    }
}

.finder .program__modal {
    background: #fff;
    background: var(--white);
    height: 100vh;
    padding-bottom: 5rem;
    position: fixed;
    right: 0;
    top: 0;
    transform: translate(0);
    transition: .3s ease;
    transition: var(--transition);
    visibility: visible;
    width: 95vw;
    z-index: 999
}

.finder :not([aria-expanded=true])+.program__modal {
    transform: translate(100%);
    visibility: hidden
}

@media (min-width: 48em) {
    .finder .program__modal {
        max-width: 90rem;
        width: 80vw
    }
}

.finder .program__modal-container {
    padding: 50px;
    overflow: auto;
    max-height: calc(100vh - 100px)
}

@media (min-width: 48em) {
    .finder .program__modal-container {
        padding: 80px 72px;
        max-height: calc(100vh - 200px)
    }
}

.finder .program__modal-hero {
    background-color: var(--dark-blue);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 100px;
    position: relative;
    padding-left: 50px
}

@media (min-width: 48em) {
    .finder .program__modal-hero {
        min-height: 200px
    }
}

.finder .program__modal-hero h3 {
    font-weight: 600;
    font-size: 42px;
    line-height: 53px;
    color: var(--white);
    margin-bottom: 0
}

@media (min-width: 48em) {
    .finder .program__modal-hero h3 {
        font-size: 56px;
        line-height: 69px
    }
}

.finder .program__modal-program {
    border-bottom: 1px solid rgba(0, 78, 66, .24);
    display: flex;
    flex-direction: column;
    padding: 24px 0
}

@media (min-width: 48em) {
    .finder .program__modal-program {
        flex-direction: row;
        gap: 2rem
    }
    .finder .program__modal-program>div:first-child {
        width: 400px
    }
    .finder .program__modal-program>div:nth-child(2) {
        width: 100%
    }
}

.finder .program__modal-subtitle {
    font-size: 28px;
    line-height: 35px;
    padding-bottom: 25px;
    border-bottom: 1px solid #1A3F70;
    margin-bottom: 0
}

.finder .program__modal-methods {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.finder .program__modal-data {
    align-items: center;
    display: flex;
    font-size: .875rem;
    padding-left: 1.5rem;
    position: relative
}

.finder .program__modal-data svg {
    width: 1rem
}

.finder .program__modal-data--inline {
    display: inline-flex
}

.finder .program__modal-inner h3 {
    margin-top: 50px
}

.finder .program__modal-inner:first-child h3 {
    margin-top: 0
}

.finder .program__modal-inner h4 {
    font-family: var(--minion-pro);
    margin-bottom: 14px;
    font-weight: 600
}

.finder .program__modal-inner p {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px
}

.finder .program__modal-inner .secondary {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    font-family: var(--roboto)
}

.finder .program__modal-inner.undergraduate+.undergraduate .program__modal-subtitle {
    display: none
}

.finder .program__modal-inner.graduate+.graduate .program__modal-subtitle {
    display: none
}

.finder .program__modal-data--blended:before {
    background: url(../assets/blended.svg) left center no-repeat
}

.finder .program__modal-data--online:before {
    background: url(../assets/online.svg) left center no-repeat
}

.finder .program__modal-data--group:before {
    background: url(../assets/group.svg) left center no-repeat
}

.finder .program__modal-methods .program__modal-data:before {
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    width: 21px
}

.finder .program__close {
    background: none;
    border: 0;
    height: 24px;
    width: 24px;
    padding: 0;
    position: absolute;
    right: 32px;
    top: 32px
}

.finder .program__close:after {
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 100%;
    z-index: 6;
    cursor: auto
}

.finder .program__close:before {
    background: #fff;
    background: var(--white);
    content: "";
    inset: 0;
    -webkit-mask: url(../assets/close.svg) center no-repeat;
    mask: url(../assets/close.svg) center no-repeat;
    position: absolute;
    transition: all var(--transition)
}

.finder .program__close:hover:before {
    transform: scale(1.1)
}

.finder .program-accordion {
    display: flex;
    flex-direction: column;
    position: relative
}

.finder .program-accordion .accordion {
    margin: 0
}

.finder .program-accordion .accordion__toggle {
    background-color: #fff;
    background-color: var(--white);
    border-width: 2px;
    border-left: none;
    border-right: none;
    padding: 2rem 5rem 2rem 2rem;
    text-transform: uppercase
}

.finder .program-accordion .accordion__toggle:after {
    right: 2rem
}

.finder .program-accordion .accordion__toggle:not(:first-child) {
    margin-top: -2px
}

.finder .program-accordion .accordion__toggle[aria-expanded=true]:after {
    opacity: 0;
    transform: rotate(45deg)
}

.finder .program-accordion .accordion__toggle:hover,
.finder .program-accordion .accordion__toggle[aria-expanded=true] {
    background-color: #1a6055;
    background-color: var(--green-md)
}

.finder .program-accordion .accordion__toggle[aria-expanded=true]+.accordion__content .button-angle {
    opacity: 1
}

@media (min-width: 48em) {
    .finder .program-accordion {
        flex-direction: row
    }
}

.finder .program-accordion__story {
    align-items: center;
    background-color: #66958d;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 5rem;
    position: relative
}

.finder .program-accordion__story:before {
    background: hsla(0, 0%, 100%, .2);
    content: "";
    inset: 0;
    -webkit-mask: url(../img/topography.svg) center;
    mask: url(../img/topography.svg) center;
    position: absolute
}

.finder .program-accordion__story img {
    max-width: 300px;
    position: relative
}

@media (min-width: 48em) {
    .finder .program-accordion__story img {
        max-width: 400px;
        padding-top: 0
    }
    .finder .program-accordion__story {
        align-items: flex-end;
        flex-direction: row;
        justify-content: center;
        width: 40%
    }
}

.finder .program-accordion__explore .button-angle {
    display: inline-flex;
    left: 0;
    margin: 0 auto;
    max-width: -moz-max-content;
    max-width: max-content;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 2rem
}

@media (min-width: 48em) {
    .finder .program-accordion__explore {
        position: relative;
        width: 60%
    }
    .finder .program-accordion__explore .button-angle {
        margin-left: -15rem;
        opacity: 0;
        position: absolute;
        top: 5rem
    }
}

.program-modal-open {
    overflow: hidden
}

.program-modal-open .finder:before {
    background: rgba(0, 0, 0, .75);
    content: " ";
    height: 100vh;
    inset: 0;
    position: fixed;
    width: 100vw;
    z-index: 10
}

.finder__current {
    display: flex;
    flex-wrap: wrap
}

.finder__remove {
    background: var(--white) !important
}

.finder__remove {
    min-width: 172px;
    height: 42px;
    color: #1b3c6d;
    border-radius: 100px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    font-family: var(--roboto);
    padding: 10px 40px 10px 20px;
    text-align: left;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 11px;
    margin-right: 12px
}

@media (min-width: 70em) {
    .finder__remove {
        background: #1B3C6D !important
    }
    .finder__remove {
        color: #fff
    }
}

.finder__remove:after {
    content: "";
    height: 14px;
    background: url(../assets/close-blue.svg) center no-repeat;
    background-size: 100%;
    position: absolute;
    right: 14px;
    top: calc(50% - 7px);
    transition: transform var(--transition);
    width: 1rem
}

@media (min-width: 70em) {
    .finder__remove:after {
        background: url(../assets/close.svg) center no-repeat;
        background-size: 100%
    }
}

.results__side {
    display: none
}

.finder__remove {
    transition: background-color .3s ease;
    transition: background-color var(--transition)
}

.finder__remove:hover {
    background-color: rgba(var(--gray-4), 1)
}

.finder__reset {
    border: none;
    border-bottom: 3px solid #004e42;
    border-bottom: 3px solid var(--green);
    margin: 2rem 0;
    padding: 0 0 0 1.5rem;
    display: none
}

.finder__reset:after {
    background: #004e42;
    background: var(--green);
    content: "";
    height: .875rem;
    left: 0;
    -webkit-mask: url(../img/clear.svg) center no-repeat;
    mask: url(../img/clear.svg) center no-repeat;
    position: absolute;
    top: calc(50% - .4375rem);
    transition: transform .3s ease;
    transition: transform var(--transition);
    width: 1.125rem
}

.finder__reset {
    background-color: rgba(var(--gray-2), 1);
    background-position: calc(100% - 1.5rem);
    color: rgab(255, 255, 255, 0)
}

.finder__reset:hover {
    border-color: transparent
}

.results__message {
    display: block;
    margin-bottom: 2rem;
    width: 100%;
    text-align: right;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #1b3c6d
}

.finder .main>.container {
    max-width: 1280px;
    padding: 0 0 50px
}

@media (min-width: 70em) {
    .finder .main>.container {
        padding: 70px 30px 60px
    }
}

.finder .main>.container .content-with-sidebar {
    padding-bottom: 0 !important
}

.finder .main>.container .content-with-sidebar .main__sidebar {
    height: auto !important;
    overflow: visible !important
}

.finder .main>.container .content-with-sidebar .main__sidebar {
    width: 100%;
    order: 1;
    background: var(--dark-blue);
    padding: 20px;
    min-height: 0;
    margin-top: 0
}

.finder .main>.container .content-with-sidebar .main__sidebar:after {
    display: none !important
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .main__sidebar {
        max-height: none !important;
        height: auto !important
    }
    .finder .main>.container .content-with-sidebar .main__sidebar {
        background: var(--white);
        padding: 45px 35px;
        position: sticky;
        position: -webkit-sticky;
        top: 20px;
        width: 376px;
        min-height: 500px;
        box-shadow: 0 0 40px #0000003b
    }
    .finder .main>.container .content-with-sidebar .main__sidebar:before {
        background: #278069 !important;
        bottom: auto !important
    }
    .finder .main>.container .content-with-sidebar .main__sidebar:before {
        position: absolute;
        content: "";
        top: -7px;
        z-index: 1;
        right: 0;
        width: 287px;
        height: 14px;
        left: 0;
        margin: 0 auto;
        padding-bottom: 0
    }
    .finder .main>.container .content-with-sidebar .main__sidebar .sidebar__heading {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 12px
    }
}

.finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle,
.finder .main>.container .content-with-sidebar .main__sidebar .finder__input {
    color: var(--white) !important;
    background-color: transparent !important
}

.finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle,
.finder .main>.container .content-with-sidebar .main__sidebar .finder__input {
    font-family: var(--roboto);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 16px 50px 16px 20px;
    border: 1px solid --white;
    width: 100%;
    position: relative;
    margin-bottom: 24px;
    text-align: left
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle,
    .finder .main>.container .content-with-sidebar .main__sidebar .finder__input {
        color: #1b3c6d !important
    }
    .finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle,
    .finder .main>.container .content-with-sidebar .main__sidebar .finder__input {
        font-size: 18px;
        line-height: 23px;
        padding: 16px 50px 16px 20px;
        border: 1px solid rgba(29, 60, 109, .29)
    }
}

.finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle::-moz-placeholder,
.finder .main>.container .content-with-sidebar .main__sidebar .finder__input::-moz-placeholder {
    opacity: 1
}

.finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle::placeholder,
.finder .main>.container .content-with-sidebar .main__sidebar .finder__input::placeholder {
    opacity: 1
}

.finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle::-webkit-input-placeholder,
.finder .main>.container .content-with-sidebar .main__sidebar .finder__input::-webkit-input-placeholder {
    opacity: 1
}

.finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle:-moz-placeholder,
.finder .main>.container .content-with-sidebar .main__sidebar .finder__input:-moz-placeholder {
    opacity: 1
}

.finder .main>.container .content-with-sidebar .main__sidebar .finder__input {
    background-size: 19px !important
}

.finder .main>.container .content-with-sidebar .main__sidebar .finder__input {
    background-image: url(../assets/search-white.svg);
    background-repeat: no-repeat;
    background-position: center right 18px
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .main__sidebar .finder__input {
        background-image: url(../assets/search-blue.svg)
    }
}

.finder .main>.container .content-with-sidebar .main__sidebar .widget__search {
    position: relative
}

.finder .main>.container .content-with-sidebar .main__sidebar .widget__search button {
    background: url(../assets/search-white.svg) no-repeat center !important;
    background-size: 100% !important
}

.finder .main>.container .content-with-sidebar .main__sidebar .widget__search button {
    position: absolute;
    width: 19px;
    height: 19px;
    z-index: 2;
    content: "";
    transition: all var(--transition);
    right: 18px;
    top: 50%;
    margin: -9px 0 0;
    border: none;
    padding: 0
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .main__sidebar .widget__search button {
        background: url(../assets/search-blue.svg) no-repeat center !important;
        background-size: 100% !important
    }
}

.finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle {
    margin-bottom: 0
}

.finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle:after {
    position: absolute;
    width: 15px;
    height: 9px;
    z-index: 2;
    content: "";
    background-color: var(--white);
    -webkit-mask: url(../assets/filter-toggle-small.svg) no-repeat center;
    mask: url(../assets/filter-toggle-small.svg) no-repeat center;
    right: 23px;
    top: 50%;
    margin: -4px 0 0;
    border: none;
    padding: 0;
    transition: all var(--transition)
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle:after {
        background-color: var(--dark-blue)
    }
}

.finder .main>.container .content-with-sidebar .main__sidebar .filter__toggle[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.finder .main>.container .content-with-sidebar .filter__item {
    position: relative;
    margin-bottom: 24px
}

.finder .main>.container .content-with-sidebar .filter__item .filter__list {
    background: var(--dark-blue);
    padding: 5px 20px;
    width: 100%;
    z-index: 3
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .filter__item .filter__list {
        background: var(--white);
        border: 1px solid rgba(29, 60, 109, .29);
        border-top: 0
    }
}

.finder .main>.container .content-with-sidebar .filter__item .filter__label-c {
    display: block;
    font-family: var(--roboto);
    font-size: 14px;
    line-height: 1.6;
    font-weight: 700;
    color: var(--white);
    padding: .75rem 0 .75rem 1.75rem;
    position: relative;
    cursor: pointer
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .filter__item .filter__label-c {
        color: var(--dark-blue)
    }
}

.finder .main>.container .content-with-sidebar .filter__item .filter__label-c input {
    border: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.finder .main>.container .content-with-sidebar .filter__item .filter__checkbox {
    background-color: inherit;
    color: var(--white);
    display: block;
    left: 0;
    padding-left: .5rem;
    position: absolute;
    top: 1.3125rem
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .filter__item .filter__checkbox {
        color: var(--dark-blue)
    }
}

.finder .main>.container .content-with-sidebar .filter__item .filter__checkbox:after,
.finder .main>.container .content-with-sidebar .filter__item .filter__checkbox:before {
    content: "";
    position: absolute;
    top: 30%;
    transform: translateY(-30%)
}

.finder .main>.container .content-with-sidebar .filter__item .filter__checkbox:before {
    background-color: transparent;
    background-color: initial;
    height: 1.125rem;
    left: 0;
    width: 1.125rem
}

.finder .main>.container .content-with-sidebar .filter__item .filter__label-c input:checked+.filter__checkbox:before {
    background-color: var(--white);
    border: .3125rem solid var(--dark-blue)
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .filter__item .filter__label-c input:checked+.filter__checkbox:before {
        background-color: var(--dark-blue);
        border: .3125rem solid var(--white)
    }
}

.finder .main>.container .content-with-sidebar .filter__item .filter__checkbox:after {
    border: .1875rem solid var(--white);
    height: 1.125rem;
    left: 0;
    width: 1.125rem
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .filter__item .filter__checkbox:after {
        border: .1875rem solid var(--dark-blue)
    }
}

.finder .main>.container .content-with-sidebar .filter_list_toggle {
    display: flex;
    align-items: center;
    margin: 0;
    width: 100%;
    padding: 0;
    font-family: var(--minion-pro);
    color: var(--white);
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    position: relative
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .filter_list_toggle {
        display: none
    }
}

.finder .main>.container .content-with-sidebar .filter_list_toggle:before {
    content: "";
    width: 24px;
    height: 14px;
    margin-right: 8px;
    background: url(../assets/filter-icon.svg) no-repeat center
}

.finder .main>.container .content-with-sidebar .filter_list_toggle:after {
    content: "";
    width: 22px;
    height: 15px;
    background: url(../assets/filter-toggle-icon.svg) no-repeat center;
    margin-left: auto;
    transition: all var(--transition)
}

.finder .main>.container .content-with-sidebar .filter_list_toggle[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.finder .main>.container .content-with-sidebar .filter_list_toggle svg {
    margin: 0
}

.finder .main>.container .content-with-sidebar .filters__list {
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 40px
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .filters__list {
        overflow: visible;
        padding-top: 0;
        padding-bottom: 0
    }
}

.finder .main>.container .content-with-sidebar [aria-expanded=false]+.filters__list {
    height: 0;
    visibility: hidden;
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar [aria-expanded=false]+.filters__list {
        height: auto;
        visibility: visible
    }
}

.finder .main>.container .content-with-sidebar .filter__list {
    overflow: hidden
}

.finder .main>.container .content-with-sidebar [aria-expanded=false]+.filter__list {
    height: 0;
    visibility: hidden;
    padding-top: 0;
    padding-bottom: 0
}

.finder .main>.container .content-with-sidebar .sidebar__heading {
    margin: 0 0 34px 10px !important
}

.finder .main>.container .content-with-sidebar .sidebar__heading {
    display: none;
    font-family: var(--minion-pro);
    padding: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: var(--dark-blue);
    text-transform: capitalize
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .sidebar__heading {
        display: block
    }
}

.finder .main>.container .content-with-sidebar .main__content {
    padding: 42px 20px 0 !important
}

.finder .main>.container .content-with-sidebar .main__content {
    width: 100%;
    order: 2
}

@media (min-width: 70em) {
    .finder .main>.container .content-with-sidebar .main__content {
        padding: 0 0 0 64px !important
    }
    .finder .main>.container .content-with-sidebar .main__content {
        width: calc(100% - 376px)
    }
}

.finder .results__header {
    margin-top: 40px
}

.finder .bottom-buttons {
    text-align: center;
    padding-top: 17px
}

.finder .bottom-buttons p:not(:last-child) {
    margin-bottom: 16px
}

.finder .bottom-buttons .results__message {
    margin-bottom: 22px !important
}

.finder .bottom-buttons .button {
    width: 100%
}

@media (min-width: 48em) {
    .finder .bottom-buttons .button {
        width: auto
    }
}

.finder .bottom-buttons .link-secondary {
    padding: 0 !important
}

.finder .bottom-buttons .link-secondary {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    font-family: var(--roboto)
}

[data-finder-done] [data-finder-load] {
    display: none
}

.feature-pannel .flex {
    justify-content: space-between
}

.feature-pannel .flex .featured__item__image {
    margin: 0 -20px;
    width: calc(100% + 40px)
}

.feature-pannel .flex .featured__item__image img,
.feature-pannel .flex .featured__item__text {
    width: 100%
}

@media (min-width: 1023px) {
    .feature-pannel .flex .featured__item__image {
        width: 48%;
        order: 1;
        margin: 0;
        padding: 0 30px 0 0
    }
    .feature-pannel .flex .featured__item__image.image_right {
        padding: 0 0 0 30px;
        order: 2
    }
    .feature-pannel .flex .featured__item__image.image_right+.featured__item__text {
        order: 1
    }
    .feature-pannel .flex .featured__item__text {
        width: 48%;
        order: 2
    }
}

.feature-pannel .featured__item__text h2:not(.h3) {
    margin-bottom: 12px;
    font-size: 24px
}

@media (min-width: 48em) {
    .feature-pannel .featured__item__text h2:not(.h3) {
        font-size: 32px
    }
}

.feature-pannel .featured__item__text .button {
    margin-top: 4px;
    width: 100%
}

@media (min-width: 48em) {
    .feature-pannel .featured__item__text .button {
        width: auto
    }
}

.feature-pannel .featured__item__text p {
    font-weight: 400;
    font-family: var(--minion-pro);
    color: #1b3c6d
}

.feature-pannel .featured__item__text .link-secondary {
    margin-top: 28px
}

.feature-pannel .featured__item__text p+.link-secondary {
    margin-top: 4px
}

.feature-pannel.full-width {
    overflow: hidden
}

.feature-pannel.full-width .flex {
    align-items: center
}

.feature-pannel.full-width .featured__item__text {
    padding: 35px 20px 50px;
    border-top: none;
    font-family: var(--minion-pro)
}

.feature-pannel.full-width .featured__item__text h3,
.feature-pannel.full-width .featured__item__text h2:not(.h3) {
    margin-bottom: 10px;
    font-size: 24px
}

@media (min-width: 48em) {
    .feature-pannel.full-width .featured__item__text h3,
    .feature-pannel.full-width .featured__item__text h2:not(.h3) {
        font-size: 42px
    }
}

@media (min-width: 1023px) {
    .feature-pannel.full-width .featured__item__text h3,
    .feature-pannel.full-width .featured__item__text h2:not(.h3) {
        margin-bottom: 32px
    }
}

.feature-pannel.full-width .featured__item__text p {
    max-width: 100%
}

@media (min-width: 1023px) {
    .feature-pannel.full-width .featured__item__text p {
        max-width: 466px
    }
}

.feature-pannel.full-width .featured__item__image {
    margin: 0;
    width: 100%;
    padding: 0
}

.feature-pannel.full-width .featured__item__image img {
    width: 100%
}

@media (min-width: 48em) {
    .feature-pannel.full-width .image_right+.featured__item__text,
    .feature-pannel.full-width .featured__item__text {
        padding: 50px 40px 50px 57px
    }
}

@media (min-width: 1023px) {
    .feature-pannel.full-width .featured__item__image {
        max-width: 100%;
        width: 53%
    }
    .feature-pannel.full-width .image_right+.featured__item__text,
    .feature-pannel.full-width .featured__item__text {
        max-width: 100%;
        width: 47%
    }
}

.feature-pannel.full-width .media__caption {
    font-style: italic;
    color: var(--black);
    padding: 20px;
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 48em) {
    .feature-pannel.full-width .media__caption {
        font-size: 18px;
        padding: 32px;
        line-height: 28px
    }
}

@media (min-width: 1023px) {
    .feature-pannel.full-width .media__caption {
        padding: 32px 72px
    }
}

@media (min-width: 1023px) {
    .feature-pannel.full-width.circle-images {
        padding: 70px 0 50px
    }
}

.feature-pannel.full-width.circle-images .featured__item__image .img-h {
    border-radius: 50%
}

.feature-pannel.full-width.circle-images .featured__item__image .img-h:first-child {
    box-shadow: 0 0 100px -20px var(--light-blue);
    width: 85%
}

@media (min-width: 48em) {
    .feature-pannel.full-width.circle-images .featured__item__image .img-h:first-child {
        width: 74%
    }
}

.feature-pannel.full-width.circle-images .featured__item__image .img-h:last-child {
    width: 58%;
    margin-top: -23%;
    position: relative;
    z-index: 2;
    transition-delay: .3s
}

.feature-pannel.full-width.circle-images .featured__item__image.image_left {
    padding: 50px 0 60px
}

@media (min-width: 48em) {
    .feature-pannel.full-width.circle-images .featured__item__image.image_left {
        padding-left: 57px;
        padding-right: 60px
    }
}

@media (min-width: 70em) {
    .feature-pannel.full-width.circle-images .featured__item__image.image_left {
        padding-top: 0;
        padding-bottom: 0
    }
}

.feature-pannel.full-width.circle-images .featured__item__image.image_left .img-h:first-child {
    margin-left: auto
}

.feature-pannel.full-width.circle-images .featured__item__image.image_right {
    padding: 50px 0 60px
}

@media (min-width: 48em) {
    .feature-pannel.full-width.circle-images .featured__item__image.image_right {
        padding-left: 68px;
        padding-right: 44px
    }
}

@media (min-width: 70em) {
    .feature-pannel.full-width.circle-images .featured__item__image.image_right {
        padding-top: 0;
        padding-bottom: 0
    }
}

.feature-pannel.full-width.circle-images .featured__item__image.image_right .img-h:last-child {
    margin-left: auto
}

@media (min-width: 1023px) {
    .feature-pannel.full-width.circle-images .featured__item__image.image_right+.featured__item__text {
        padding-left: 6%;
        padding-right: 0
    }
}

.feature-pannel.full-width.circle-images .featured__item__text {
    padding: 0 20px 58px
}

@media (min-width: 48em) {
    .feature-pannel.full-width.circle-images .featured__item__text {
        padding-right: 6%;
        padding-left: 6%
    }
}

@media (min-width: 1023px) {
    .feature-pannel.full-width.circle-images .featured__item__text {
        padding-bottom: 16%;
        padding-right: 6%;
        padding-left: 0
    }
}

.feature-pannel.double-slider .carousel-status {
    font-family: var(--rocgrotesk);
    font-weight: 500;
    font-size: 16px;
    line-height: 37px;
    padding: 0;
    z-index: 10;
    display: block;
    position: absolute;
    bottom: 0;
    right: 20px
}

@media (min-width: 48em) {
    .feature-pannel.double-slider .carousel-status {
        position: relative;
        bottom: 0;
        line-height: 24px;
        padding: 33px 0;
        right: 0
    }
}

@media screen and (max-width: 767px) {
    .feature-pannel.double-slider .carousel-status {
        color: var(--dark-blue) !important
    }
}

.feature-pannel.double-slider .featured__item {
    position: relative;
    padding-bottom: 54px
}

.feature-pannel.double-slider .featured__item:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    left: 0;
    background: var(--white);
    height: 100px
}

@media (min-width: 48em) {
    .feature-pannel.double-slider .featured__item {
        padding-bottom: 0
    }
    .feature-pannel.double-slider .featured__item:after {
        display: none
    }
}

.feature-pannel.double-slider .photo-slider {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.feature-pannel.double-slider .flickity-viewport {
    width: 100%;
    transition: height var(--transition) .3s
}

.feature-pannel.double-slider .flickity-viewport .flickity-slider,
.feature-pannel.double-slider .flickity-viewport .flickity-slider .slide {
    width: 100%
}

.feature-pannel.double-slider .flickity-viewport .flickity-slider .media_inner {
    width: 100%;
    background-position: center;
    background-size: cover
}

.feature-pannel.double-slider .flickity-viewport .flickity-slider .media_inner img {
    opacity: 0;
    visibility: hidden
}

.feature-pannel.double-slider .flickity-prev-next-button {
    margin-top: 40px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    left: 20px
}

@media (min-width: 48em) {
    .feature-pannel.double-slider .flickity-prev-next-button {
        position: relative;
        left: 0
    }
}

.feature-pannel.double-slider .flickity-prev-next-button.next {
    margin-left: 16px;
    left: 58px
}

@media (min-width: 48em) {
    .feature-pannel.double-slider .flickity-prev-next-button.next {
        left: 0
    }
}

.feature-pannel.double-slider .is-selected {
    transition-delay: .3s
}

.feature-pannel.double-slider .is-selected .h3,
.feature-pannel.double-slider .is-selected h3 {
    animation: fade-in-right var(--transition) .2s both
}

.feature-pannel.double-slider .is-selected p {
    animation: fade-in-right var(--transition) .4s both
}

.feature-pannel.double-slider .is-selected .button {
    animation: fade-in-right var(--transition) .6s both
}

.feature-pannel.double-slider .is-selected .link-secondary {
    animation: fade-in-right var(--transition) .8s both
}

@media (min-width: 48em) {
    .feature-pannel.double-slider.dark-blue-bg .flickity-prev-next-button {
        background: var(--white) url(../assets/slider-arrow-blue.svg) center no-repeat;
        color: var(--dark-blue);
        left: 0
    }
    .feature-pannel.double-slider.dark-blue-bg .flickity-prev-next-button[disabled] {
        cursor: auto;
        background-color: #ffffff80
    }
}

.feature-pannel.leaves-graphic {
    background-image: url(../assets/featured-leaves.svg);
    background-repeat: no-repeat;
    background-size: 190px;
    background-position: right -100px center
}

@media (min-width: 48em) {
    .feature-pannel.leaves-graphic {
        background-size: 190px;
        background-position: right bottom 15px
    }
}

.feature-pannel.no-image {
    padding: 80px 0;
    background-image: url(../assets/featured-4.svg);
    background-repeat: no-repeat;
    background-size: 367px;
    background-position: right 20% center
}

.feature-pannel.no-image .h3,
.feature-pannel.no-image h3 {
    font-weight: 600;
    margin-bottom: 25px
}

.feature-pannel.no-image .featured__item__text {
    padding: 0 20px;
    max-width: 1310px;
    width: 100%;
    margin: 0 auto
}

.feature-pannel.no-image .featured__item__text p {
    max-width: 885px
}

@media screen and (max-width: 1023px) {
    .feature-pannel:not(.full-width) {
        margin-left: -20px;
        margin-right: -20px;
        background: var(--dark-blue);
        padding: 0 20px 45px;
        color: #fff
    }
    .feature-pannel:not(.full-width) p,
    .feature-pannel:not(.full-width) h2,
    .feature-pannel:not(.full-width) h3 {
        color: #fff
    }
    .feature-pannel:not(.full-width) .featured__item__image {
        --n: 4;
        --d: 3;
        align-items: center;
        aspect-ratio: 4/3;
        aspect-ratio: var(--n)/var(--d);
        color: var(--color-light);
        display: flex;
        justify-content: center;
        overflow: hidden;
        margin-bottom: 40px
    }
    .feature-pannel:not(.full-width) .featured__item__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.media {
    position: relative;
    z-index: 0;
    margin-bottom: 50px;
    overflow: hidden
}

.media.container {
    max-width: 100%;
    padding: 0 20px 130px
}

.media.container .bottom-cta {
    max-width: 1000px;
    margin: 64px auto 0;
    position: relative;
    z-index: 4
}

.media.container .bottom-cta .button {
    min-width: 182px;
    width: 100%
}

@media (min-width: 48em) {
    .media.container .bottom-cta .button {
        width: auto
    }
}

.media.container .media__image {
    max-width: 1000px;
    margin: 0 auto
}

.media.container .media__image .img-h {
    z-index: 3
}

.media.container .media__image:after {
    position: absolute;
    content: "";
    width: 300%;
    height: 200%;
    left: -150%;
    top: 50%;
    background: #F4F3F0;
    z-index: 1
}

.media figure {
    margin: 0
}

.media .heading {
    margin-bottom: 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end
}

.media .heading h2,
.media .heading h3 {
    margin-bottom: 0;
    width: 100%
}

.media .heading p {
    max-width: 950px
}

.media .heading p:last-of-type {
    margin-bottom: 0 !important
}

@media (min-width: 48em) {
    .media .heading {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 50px
    }
}

.media .heading h2:not(:last-child),
.media .heading h3:not(:last-child) {
    margin-bottom: 27px
}

.media .media--full {
    max-width: 90rem;
    margin-top: var(--space-fw);
    margin-bottom: var(--space-fw);
    margin-left: auto;
    margin-right: auto
}

.media .media__image {
    background-image: none !important
}

.media .media__image {
    position: relative;
    z-index: 3
}

.media .media__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.media .media__image .img-h {
    position: relative
}

.media .media__image .img-h:before {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50%;
    content: "";
    background: linear-gradient(360deg, #000000 7.12%, rgba(0, 0, 0, 0) 92.94%);
    z-index: 2
}

@media (min-width: 48em) {
    .media .media__image {
        z-index: -1
    }
    .media .media__image .img-h:before {
        display: block
    }
}

.media .media__caption {
    padding: 14px 0 0;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600
}

@media (min-width: 48em) {
    .media .media__caption {
        position: absolute;
        padding: 32px 48px;
        bottom: 0;
        z-index: 3;
        color: var(--white);
        font-size: 14px;
        line-height: 20px
    }
}

.media.full-width {
    position: relative
}

.media.full-width .heading {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

.media.full-width .media__caption {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 48em) {
    .media.full-width .media__caption {
        padding-left: 48px;
        padding-right: 48px;
        max-width: 1000px
    }
}

.media.full-width .media__image {
    width: 100% !important;
    margin: 0 !important
}

@media (min-width: 70em) {
    .media.full-width .media__image .img-h {
        height: 52vw;
        max-height: 750px
    }
}

.media .slider__carousel {
    margin: 0 auto;
    position: relative
}

.media .slider__carousel .flickity-slider {
    height: 100%;
    width: 100%
}

.media .slider__carousel .slide {
    padding: 0 5px;
    width: 100%;
    max-width: 320px;
    position: absolute;
    top: 0
}

@media (min-width: 48em) {
    .media .slider__carousel .slide {
        padding: 0 10px;
        max-width: 570px
    }
}

.media .slider__carousel .media__image {
    display: block
}

.media .slider__carousel .media__image .img-h {
    height: auto;
    max-height: none
}

.media .slider__carousel .media__image .img-h:before {
    height: 80%;
    opacity: 0;
    transition: all var(--transition)
}

.media .slider__carousel .media__image .img-h:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    transition: all var(--transition);
    background-image: url(../assets/expand-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    bottom: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
    opacity: 0
}

.media .slider__carousel .media__image .media__caption {
    transition: all var(--transition);
    padding: 25px 20px 0
}

@media (min-width: 48em) {
    .media .slider__carousel .media__image .media__caption {
        opacity: 0;
        padding: 35px
    }
}

.media .slider__carousel .media__image:hover .img-h:after,
.media .slider__carousel .media__image:hover .img-h:before {
    opacity: 1
}

.media .slider__carousel .media__image:hover .media__caption {
    opacity: 1
}

.media .slider__carousel .flickity-prev-next-button {
    position: absolute;
    top: 42vw;
    margin-top: -30px;
    width: 30px;
    height: 60px;
    background: var(--white) url(../assets/slider-arrow-blue.svg) no-repeat;
    border-radius: 0 100px 100px 0;
    background-size: 15px;
    background-position: center right 12px;
    left: 0
}

.media .slider__carousel .flickity-prev-next-button.next {
    right: 0;
    left: auto
}

@media (min-width: 48em) {
    .media .slider__carousel .flickity-prev-next-button {
        top: calc(50% - 29px);
        top: 50%;
        margin-top: -50px;
        width: 50px;
        height: 100px;
        background-size: 24px;
        background-position: center right 17px
    }
}

.media .slider__carousel .flickity-page-dots {
    list-style: none;
    margin: 50px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.media .slider__carousel .flickity-page-dots li,
.media .slider__carousel .flickity-page-dots .flickity-page-dot {
    height: 8px;
    width: 8px;
    margin: 0;
    background: var(--light-blue);
    border-radius: 50%;
    border: none
}

.media .slider__carousel .flickity-page-dots li.is-selected,
.media .slider__carousel .flickity-page-dots .flickity-page-dot.is-selected {
    background: var(--dark-blue)
}

.full-video .media__image .img-h:before {
    display: block !important
}

.full-video .media__image .img-h:before {
    background: rgba(0, 1, 5, .48);
    height: 100%;
    z-index: 2
}

.full-video .media__image .media__play {
    transition: all .3s ease-in-out !important;
    background: none !important
}

.full-video .media__image .media__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: auto;
    padding-top: 32px;
    color: var(--white);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.84615px;
    text-transform: uppercase;
    z-index: 4;
    margin: 0;
    display: block;
    text-align: center
}

.full-video .media__image .media__play:hover {
    transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1)
}

.full-video .media__image .media__play:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    background: url(../assets/play-icon.svg) no-repeat center;
    background-size: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media (min-width: 48em) {
    .full-video .media__image .media__play {
        padding-top: 50px;
        font-size: 16px;
        line-height: 20px
    }
    .full-video .media__image .media__play:before {
        width: 35px;
        height: 35px
    }
}

.full-video .media__embed {
    margin: 0 -20px;
    width: calc(100% + 40px)
}

@media (min-width: 48em) {
    .full-video .media__embed {
        margin: 0;
        width: 100%
    }
}

.full-video .media__embed .embed_container {
    padding-bottom: 56%;
    position: relative;
    overflow: hidden
}

.full-video .media__embed .embed_container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.full-video.full-width .media__embed {
    max-width: 1150px;
    padding: 0;
    margin: 0 auto
}

@media (min-width: 48em) {
    .full-video.full-width .media__embed {
        padding: 0 20px
    }
}

.media__play {
    display: flex;
    align-items: center;
    height: 2rem;
    margin-top: -4rem;
    margin-bottom: 2rem;
    color: var(--white);
    -webkit-text-decoration: none;
    text-decoration: none
}

@media (min-width: 48em) {
    .media__play {
        height: auto;
        margin: 0 0 2rem
    }
}

.media__icon {
    width: 1.5rem;
    margin-right: .5rem;
    transition: transform var(--transition);
    will-change: transform
}

@media (min-width: 48em) {
    .media__icon {
        width: 3rem;
        margin-right: 1rem
    }
}

.Media__play:hover>.media__icon {
    transform: scale(1.1)
}

.router-block .heading {
    margin-bottom: 20px
}

.router-block .heading h3,
.router-block .heading h2:not(:last-child) {
    margin-bottom: 17px
}

@media (min-width: 70em) {
    .router-block .heading p {
        max-width: 590px
    }
}

.router-block p:not(:last-child) {
    margin-bottom: 13px
}

.router-block .grid-2 {
    gap: 26px;
    row-gap: 75px
}

.router-block .flex {
    justify-content: space-between
}

.router-block .flex .router__item__image {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .router-block .flex .router__item__image {
        --n: 4;
        --d: 3;
        align-items: center;
        aspect-ratio: 4/3;
        aspect-ratio: var(--n)/var(--d);
        color: var(--color-light);
        display: flex;
        justify-content: center;
        overflow: hidden;
        margin-bottom: 30px;
        width: 100%
    }
    .router-block .flex .router__item__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 48em) {
    .router-block .flex .router__item__image {
        width: 48%
    }
    .router-block .flex .router__item__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
    .router-block .flex .router__item__image.image_right {
        order: 2
    }
    .router-block .flex .router__item__image.image_right+.router__item__links {
        order: 1
    }
    .router-block .flex .router__item__links {
        width: 48%;
        align-self: center
    }
    .router-block .flex .router__item__links.full-width {
        max-width: 100% !important
    }
    .router-block .flex .router__item__links.full-width {
        width: 49%
    }
}

.router-block .router__item__links {
    width: 100%
}

.router-block .router__item__links+.router__item__links {
    margin-top: 16px
}

@media (min-width: 48em) {
    .router-block .router__item__links+.router__item__links {
        margin-top: 0
    }
}

.router-block .router__item__links .router-link {
    --underline-color: rgba(75, 133, 189, .65) !important;
    --underline-hover: var(--dark-blue) !important;
    --underline-height: 2px !important
}

.router-block .router__item__links .router-link {
    width: 100%;
    padding: 21px 0;
    font-family: var(--minion-pro);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    text-transform: capitalize;
    color: #1a3f70
}

.router-block .router__item__links .router-link.link-arrow {
    padding-right: 60px !important
}

.router-block .router__item__links .router-link.link-arrow {
    position: relative
}

.router-block .router__item__links .router-link.link-arrow:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -17px
}

@media (min-width: 48em) {
    .router-block .router__item__links .router-link.link-arrow:after {
        margin-top: -19px
    }
}

.router-block .visualRouter_item {
    position: relative
}

.router-block .visualRouter_item a:after {
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    z-index: 3
}

.router-block .visualRouter_item a:focus:after {
    outline: var(--dark-blue) dashed .25rem;
    outline-offset: .25rem
}

.router-block .visualRouter_item a .visualRouter__image {
    margin-bottom: 22px;
    position: relative
}

.router-block .visualRouter_item a .visualRouter__image img {
    width: 100%
}

.router-block .visualRouter_item a:hover+.visualRouter__text h3 span,
.router-block .visualRouter_item a:hover+.visualRouter__text .h3 span {
    animation: twoUnderlineOut var(--duration) var(--easeOut) forwards, twoUnderlineIn var(--duration) var(--duration) var(--easeIn) forwards
}

.router-block .visualRouter_item .h3,
.router-block .visualRouter_item h3 {
    margin-bottom: 15px !important
}

.router-block .visualRouter_item .h3 span,
.router-block .visualRouter_item h3 span {
    display: inline-block;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    --duration: .4s;
    --strokeHeight: 1px;
    --easeIn: cubic-bezier(.2, .85, .45, 1);
    --easeCubic: cubic-bezier(.6, 0, .2, 1);
    --easeOut: cubic-bezier(.45, 0, .85, 2);
    width: -moz-fit-content;
    width: fit-content;
    background: transparent;
    background-image: linear-gradient(var(--dark-blue), var(--dark-blue));
    background-size: 100% 1px, 0 1px;
    background-size: 100% var(--strokeHeight), 0 var(--strokeHeight);
    text-transform: capitalize;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    border: none;
    -webkit-text-decoration: none;
    text-decoration: none
}

@media (min-width: 70em) {
    .router-block.full-width .heading p {
        max-width: 480px
    }
}

.router-block.full-width .router__item {
    max-width: 1228px;
    margin: 0 auto;
    padding: 0 34px
}

@media (min-width: 48em) {
    .router-block.full-width .router__item .router-link {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }
}

.router-block.full-width .router__item__image {
    margin-bottom: 34px
}

@media (min-width: 48em) {
    .router-block.full-width .router__item__image {
        width: 47%;
        max-width: 100%;
        margin-bottom: 0
    }
    .router-block.full-width .router__item__links {
        width: 47%;
        max-width: 100%
    }
}

.router-block.full-width .grid {
    gap: 20px
}

@media (min-width: 48em) {
    .router-block.full-width .grid {
        gap: 8em
    }
}

.router-block.full-width .grid-3 {
    gap: 40px
}

@media (min-width: 48em) {
    .router-block.full-width .grid-3 {
        gap: 26px;
        row-gap: 80px;
        grid-template-columns: repeat(3, 1fr)
    }
}

.router-block.full-width .grid-3 .visualRouter__image {
    margin-bottom: 23px
}

@media (min-width: 48em) {
    .router-block.full-width .grid-3 .visualRouter__image {
        margin-bottom: 34px
    }
}

@media (min-width: 48em) {
    .router-block.full-width .grid-4 {
        gap: 4em;
        --grid-min: 7rem
    }
}

@media (min-width: 48em) {
    .router-block.full-width .grid-4 .visualRouter_item .visualRouter__image {
        --n: 1;
        --d: 1
    }
}

.router-block.full-width.visualRouter-block .router__item {
    max-width: 1280px;
    padding: 0 20px
}

@media (min-width: 70em) {
    .router-block.full-width.visualRouter-block .heading {
        margin-bottom: 100px;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
    .router-block.full-width.visualRouter-block .heading h2 {
        width: 33.332%;
        padding-right: 50px;
        margin-bottom: 0
    }
    .router-block.full-width.visualRouter-block .heading p {
        width: 66.667%;
        max-width: 100%
    }
}

.router-block.cards-block {
    overflow: hidden
}

.router-block.cards-block .router__item {
    max-width: 100% !important;
    padding: 0 !important
}

.router-block.cards-block .router__item .heading {
    max-width: 1280px;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px
}

.router-block.cards-block .flex {
    margin: 0 -5px
}

.router-block.cards-block .flex .visualRouterCard_item {
    padding: 0 5px 10px
}

.router-block.cards-block .flex .visualRouterCard_item:last-child {
    padding-bottom: 0
}

@media (min-width: 48em) {
    .router-block.cards-block .flex .visualRouterCard_item {
        width: 33.332%
    }
    .router-block.cards-block .flex .visualRouterCard_item:last-child {
        padding-bottom: 10px
    }
}

.router-block.cards-block .flex .visualRouterCard_item a {
    display: block
}

.router-block.cards-block .flex .visualRouterCard_item a .visualRouter__image {
    position: relative
}

.router-block.cards-block .flex .visualRouterCard_item a .visualRouter__image img {
    height: 130%;
    transition: .5s ease-in-out
}

.router-block.cards-block .flex .visualRouterCard_item a .visualRouter__image:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: .5s ease-in-out;
    z-index: 2;
    background: linear-gradient(180deg, rgba(29, 60, 109, .0001) 41.16%, rgba(31, 72, 138, .939194) 90.92%)
}

.router-block.cards-block .flex .visualRouterCard_item a .visualRouter__image .text {
    position: absolute;
    bottom: 50px;
    text-align: center;
    z-index: 3;
    transition: .5s ease-in-out
}

.router-block.cards-block .flex .visualRouterCard_item a .visualRouter__image .text .button {
    border: 2px solid var(--white) !important
}

.router-block.cards-block .flex .visualRouterCard_item a .visualRouter__image .text .button {
    width: 240px;
    min-width: 0;
    color: var(--white);
    font-size: 13px;
    line-height: 17px;
    padding: 0 5px;
    height: 63px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

@media (min-width: 48em) {
    .router-block.cards-block .flex .visualRouterCard_item a .visualRouter__image .text .button {
        width: 200px
    }
}

@media (min-width: 70em) {
    .router-block.cards-block .flex .visualRouterCard_item a .visualRouter__image .text .button {
        width: 240px
    }
}

.router-block.cards-block .flex .visualRouterCard_item a:hover .visualRouter__image img {
    transform: translateY(-10%);
    filter: brightness(70%)
}

@media screen and (max-width: 767px) {
    .router-block .grid {
        gap: 40px
    }
}

.router-block.panel {
    padding-top: 40px
}

.router-block.panel .router__item__links {
    padding-top: 45px;
    width: 100%
}

@media (min-width: 70em) {
    .router-block.panel .router__item__links {
        padding-top: 0;
        padding-left: 50px;
        width: 50%
    }
}

.router-block.panel.full-width {
    padding-top: 0
}

.router-block.panel.full-width .router__item {
    max-width: 100%;
    background: rgba(244, 243, 240, .65);
    padding: 0
}

.router-block.panel.full-width .router__item__links {
    padding: 42px 34px;
    width: 100%
}

@media (min-width: 48em) {
    .router-block.panel.full-width .router__item__links {
        width: 50%
    }
}

@media (min-width: 70em) {
    .router-block.panel.full-width .router__item__links {
        padding: 56px 76px 65px
    }
}

.router-block.panel .frame {
    --n: 4;
    --d: 3
}

@media (min-width: 48em) {
    .router-block.panel .frame {
        --n: inherit;
        --d: inherit
    }
    .router-block.panel .router__image,
    .router-block.panel .router__item__links {
        width: 50%
    }
}

.router-block.quick-links {
    padding-top: 0;
    border-top: 0
}

.router-block.quick-links .heading {
    display: block;
    max-width: 100%
}

@media (min-width: 48em) {
    .router-block.quick-links .heading {
        margin-bottom: 60px;
        display: inline-block
    }
}

.router-block.quick-links .heading p {
    max-width: 700px
}

.router-block.quick-links .visualRouter_item .h3,
.router-block.quick-links .visualRouter_item h3 {
    background-image: none !important
}

.router-block.quick-links .visualRouter_item a .visualRouter__image {
    margin-bottom: 27px
}

.router-block.quick-links .visualRouter_item strong {
    display: block;
    margin-bottom: 15px
}

.router-block.quick-links .visualRouter_item:hover .link-secondary {
    animation: twoUnderlineOut var(--duration) var(--easeOut) forwards, twoUnderlineIn var(--duration) var(--duration) var(--easeIn) forwards
}

.single-page .router-block {
    padding-bottom: 40px
}

.single-page .router-block .heading {
    margin: 0 0 66px !important;
    display: block !important
}

.single-page .router-block .heading h2 {
    width: 100% !important;
    padding-right: 0 !important
}

.support-resources {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding: 63px 20px 0
}

@media (min-width: 48em) {
    .support-resources {
        margin-bottom: 80px
    }
}

.support-resources>.flex {
    display: block;
    margin: 0 -20px;
    position: relative
}

@media (min-width: 48em) {
    .support-resources>.flex {
        display: flex
    }
}

.support-resources>.heading {
    margin-bottom: 46px
}

@media (min-width: 48em) {
    .support-resources>.heading {
        margin-bottom: 63px
    }
}

.support-resources .resource {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 40px;
    transition: all var(--transition);
    position: relative
}

@media (min-width: 48em) {
    .support-resources .resource {
        position: static
    }
}

.support-resources .resource.popup-open .inner {
    transform: none !important
}

@media (min-width: 48em) {
    .support-resources .resource {
        width: 50%;
        margin-bottom: 50px
    }
}

@media (min-width: 70em) {
    .support-resources .resource {
        width: 33.332%
    }
}

.support-resources .resource .inner {
    padding: 35px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    font-weight: 600;
    transition: all var(--transition)
}

.support-resources .resource .inner .icon {
    height: 72px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 35px
}

.support-resources .resource .inner .icon svg {
    max-height: 100%
}

.support-resources .resource .inner .h3 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 8px
}

.support-resources .resource .inner .text {
    margin-bottom: 30px;
    min-height: 185px
}

.support-resources .resource .inner .link {
    background-image: none !important
}

.support-resources .resource .inner .link {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-top: auto;
    border-bottom: 1px dashed currentColor;
    padding-bottom: 3px
}

.support-resources .resource .inner .link:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.support-resources .resource:first-child .inner {
    transform-origin: left top
}

.support-resources .resource:nth-child(2) .inner {
    transform-origin: center top
}

.support-resources .resource:nth-child(3) .inner {
    transform-origin: right top
}

.support-resources .resource:nth-child(4) .inner {
    transform-origin: left center
}

.support-resources .resource:nth-child(6) .inner {
    transform-origin: right center
}

.support-resources .resource .pale-green-bg .text,
.support-resources .resource .pale-green-bg .link,
.support-resources .resource .pale-green-bg .h1,
.support-resources .resource .pale-green-bg .h2,
.support-resources .resource .pale-green-bg .h4,
.support-resources .resource .pale-green-bg .h3 {
    color: #5b5b12
}

.support-resources .resource .pale-green-bg .popup-close svg path {
    fill: #5b5b12
}

.support-resources .resource .pale-green-bg .router-block .router__item__links .router-link {
    --underline-color: rgba(91, 91, 18, .65) !important;
    --underline-hover: #5B5B12 !important
}

.support-resources .resource .pale-green-bg .router-block .router__item__links .router-link {
    color: #5b5b12
}

.support-resources .resource .pale-green-bg .router-block .router__item__links .router-link:after {
    background-color: #5b5b12
}

.support-resources .resource .cotton-candy-bg .text,
.support-resources .resource .cotton-candy-bg .link,
.support-resources .resource .cotton-candy-bg .h1,
.support-resources .resource .cotton-candy-bg .h2,
.support-resources .resource .cotton-candy-bg .h4,
.support-resources .resource .cotton-candy-bg .h3 {
    color: var(--dark-blue)
}

.support-resources .resource .cotton-candy-bg .popup-close svg path {
    fill: var(--dark-blue)
}

.support-resources .resource .light-beige-bg .text,
.support-resources .resource .light-beige-bg .link,
.support-resources .resource .light-beige-bg .h1,
.support-resources .resource .light-beige-bg .h2,
.support-resources .resource .light-beige-bg .h4,
.support-resources .resource .light-beige-bg .h3 {
    color: #654b08
}

.support-resources .resource .light-beige-bg .popup-close svg path {
    fill: #654b08
}

.support-resources .resource .light-beige-bg .router-block .router__item__links .router-link {
    --underline-color: rgba(101, 75, 8, .65) !important;
    --underline-hover: #654B08 !important
}

.support-resources .resource .light-beige-bg .router-block .router__item__links .router-link {
    color: #654b08
}

.support-resources .resource .light-beige-bg .router-block .router__item__links .router-link:after {
    background-color: #654b08
}

.support-resources .resource .light-salmon-bg .text,
.support-resources .resource .light-salmon-bg .link,
.support-resources .resource .light-salmon-bg .h1,
.support-resources .resource .light-salmon-bg .h2,
.support-resources .resource .light-salmon-bg .h4,
.support-resources .resource .light-salmon-bg .h3 {
    color: #a62b17
}

.support-resources .resource .light-salmon-bg .popup-close svg path {
    fill: #a62b17
}

.support-resources .resource .light-salmon-bg .router-block .router__item__links .router-link {
    --underline-color: hsla(8, 76%, 37%, .65) !important;
    --underline-hover: #A62B17 !important
}

.support-resources .resource .light-salmon-bg .router-block .router__item__links .router-link {
    color: #a62b17
}

.support-resources .resource .light-salmon-bg .router-block .router__item__links .router-link:after {
    background-color: #a62b17
}

.support-resources .resource .light-lavander-bg .text,
.support-resources .resource .light-lavander-bg .link,
.support-resources .resource .light-lavander-bg .h1,
.support-resources .resource .light-lavander-bg .h2,
.support-resources .resource .light-lavander-bg .h4,
.support-resources .resource .light-lavander-bg .h3 {
    color: #452959
}

.support-resources .resource .light-lavander-bg .popup-close svg path {
    fill: #452959
}

.support-resources .resource .light-lavander-bg .router-block .router__item__links .router-link {
    --underline-color: rgba(69, 41, 89, .65) !important;
    --underline-hover: #452959 !important
}

.support-resources .resource .light-lavander-bg .router-block .router__item__links .router-link {
    color: #452959
}

.support-resources .resource .light-lavander-bg .router-block .router__item__links .router-link:after {
    background-color: #452959
}

.support-resources .resource .light-mint-bg .text,
.support-resources .resource .light-mint-bg .link,
.support-resources .resource .light-mint-bg .h1,
.support-resources .resource .light-mint-bg .h2,
.support-resources .resource .light-mint-bg .h4,
.support-resources .resource .light-mint-bg .h3 {
    color: #256d68
}

.support-resources .resource .light-mint-bg .popup-close svg path {
    fill: #256d68
}

.support-resources .resource .light-mint-bg .router-block .router__item__links .router-link {
    --underline-color: rgba(37, 109, 104, .65) !important;
    --underline-hover: #256D68 !important
}

.support-resources .resource .light-mint-bg .router-block .router__item__links .router-link {
    color: #256d68
}

.support-resources .resource .light-mint-bg .router-block .router__item__links .router-link:after {
    background-color: #256d68
}

@media (min-width: 70em) {
    .support-resources .resource:hover .inner {
        transform: scale(1.15);
        z-index: 3;
        box-shadow: 0 0 40px #00000059
    }
}

.support-resources .resource:not(.popup-open) .resource-popup {
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0;
    top: 0;
    left: 0
}

@media (min-width: 48em) {
    .support-resources .resource:nth-child(2):not(.popup-open) .resource-popup {
        top: 0;
        left: 50%
    }
    .support-resources .resource:nth-child(3):not(.popup-open) .resource-popup {
        top: 0;
        right: 0;
        left: auto
    }
    .support-resources .resource:nth-child(4):not(.popup-open) .resource-popup {
        top: 50%;
        left: 0
    }
    .support-resources .resource:nth-child(5):not(.popup-open) .resource-popup {
        top: 50%;
        left: 50%
    }
    .support-resources .resource:nth-child(6):not(.popup-open) .resource-popup {
        top: 50%;
        right: 0;
        left: auto
    }
}

.support-resources .resource:nth-child(3) .resource-popup,
.support-resources .resource:nth-child(6) .resource-popup {
    left: auto;
    right: 0
}

.support-resources .resource-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    height: 100%;
    overflow: auto;
    transition: all var(--transition)
}

.support-resources .resource-popup .content {
    overflow: hidden;
    width: 100%;
    max-width: 1260px;
    padding: 30px 20px 70px;
    margin: 0 auto
}

@media (min-width: 48em) {
    .support-resources .resource-popup .content {
        padding: 100px 30px
    }
}

@media (min-width: 48em) {
    .support-resources .resource-popup .content {
        padding: 128px 50px
    }
}

.support-resources .resource-popup .content>.heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px
}

.support-resources .resource-popup .content>.heading .h1 {
    margin-bottom: 0
}

.support-resources .resource-popup .content>.heading .icon {
    margin-right: 15px;
    margin-bottom: 30px
}

@media (min-width: 48em) {
    .support-resources .resource-popup .content>.heading {
        margin-bottom: 30px
    }
}

.support-resources .resource-popup .content .block {
    margin-bottom: 50px !important
}

@media (min-width: 48em) {
    .support-resources .resource-popup .content .block {
        margin-bottom: 90px !important
    }
}

.support-resources .resource-popup .content .h1 {
    font-size: 42px;
    line-height: 52px
}

@media (min-width: 48em) {
    .support-resources .resource-popup .content .h1 {
        font-size: 56px;
        line-height: 69px
    }
}

.support-resources .resource-popup .content section:last-child {
    margin-bottom: 0 !important
}

.support-resources .resource-popup .popup-close:not(.button) {
    position: absolute;
    right: 20px;
    top: 20px;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    transition: all var(--transition)
}

.support-resources .resource-popup .popup-close:not(.button):hover {
    transform: scale(1.2)
}

@media (min-width: 48em) {
    .support-resources .resource-popup .popup-close:not(.button) {
        right: 35px;
        top: 35px
    }
}

.support-resources .resource-popup .popup-close.button {
    width: 150px;
    min-width: 0;
    display: block;
    margin: 0 auto 100px
}

body.popup-open {
    overflow: hidden
}

@media (min-width: 32em) {
    .image--left,
    .image--right {
        max-width: calc(50% - 4.6rem)
    }
}

@media (min-width: 32em) {
    .image--left.image--narrow,
    .image--right.image--narrow {
        max-width: calc(45% - 3rem)
    }
}

@media (min-width: 32em) {
    .image--left {
        margin: 0 35px 0 0;
        float: left
    }
}

@media (min-width: 32em) {
    .image--right {
        margin: 0 0 0 35px;
        float: right
    }
}

.image__caption {
    margin-top: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    color: var(--black)
}

.explore {
    padding: 45px 0 60px;
    position: relative;
    text-align: center;
    overflow: hidden
}

@media (min-width: 48em) {
    .explore {
        padding: 85px 0 60px
    }
}

.explore .heading {
    margin-bottom: 50px;
    padding: 0 50px;
    text-align: left;
    position: relative;
    z-index: 2
}

.explore .heading h2 {
    color: var(--white)
}

@media (min-width: 48em) {
    .explore .heading {
        text-align: center
    }
}

.explore .photo-slider {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0
}

.explore .photo-slider .flickity-viewport,
.explore .photo-slider .flickity-slider,
.explore .photo-slider .slide {
    width: 100% !important;
    height: 100% !important
}

.explore .photo-slider .slide {
    opacity: 0;
    visibility: hidden;
    transition: all .5s linear
}

.explore .photo-slider .slide.is-selected {
    opacity: 1;
    visibility: visible
}

.explore .photo-slider .slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.explore .photo-slider .slide:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 1, 5, .48), rgba(0, 1, 5, .48))
}

.explore .flickity-slider {
    height: 100%;
    width: 100%
}

.explore .flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 80px;
    margin-top: -20px;
    background-position: center right 15px;
    background-size: 14px;
    border-radius: 0 100px 100px 0;
    left: 0
}

.explore .flickity-prev-next-button.next {
    right: 0;
    left: auto
}

@media (min-width: 48em) {
    .explore .flickity-prev-next-button {
        top: 50%;
        margin-top: -50px;
        width: 50px;
        height: 100px;
        background-position: center right 17px;
        background-size: 22px
    }
}

.explore .flickity-page-dots {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 42px 0 0
}

@media (min-width: 48em) {
    .explore .flickity-page-dots {
        margin: 60px 0 0
    }
}

.explore .flickity-page-dots .flickity-page-dot,
.explore .flickity-page-dots li {
    height: 10px;
    width: 10px;
    margin: 0;
    background: transparent;
    border-radius: 50%;
    border: 1px solid var(--white)
}

.explore .flickity-page-dots .flickity-page-dot.is-selected,
.explore .flickity-page-dots li.is-selected {
    background: var(--white)
}

.explore .text-slider {
    position: relative;
    z-index: 5
}

.explore .text-slider.loaded .slide {
    height: 100%
}

.explore .text-slider .slide {
    position: absolute;
    top: 0;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, .25));
    margin: 0 17px;
    width: 350px;
    cursor: grab
}

.explore .text-slider .slide .inner {
    border: 3px solid #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
    height: calc(100% - 80px);
    transform: translateY(40px);
    transition: all .5s linear;
    position: relative
}

.explore .text-slider .slide.is-selected .inner {
    border-width: 0;
    background: #fff;
    height: 100%;
    transform: translate(0)
}

.explore .text-slider .slide.is-selected .button,
.explore .text-slider .slide.is-selected .img-h,
.explore .text-slider .slide.is-selected .text,
.explore .text-slider .slide.is-selected .title {
    opacity: 1;
    visibility: visible
}

.explore .text-slider .slide.is-selected .title-double {
    opacity: 0;
    visibility: hidden
}

.explore .text-slider .slide.is-selected:hover .img-h img {
    transform: scale(1.1)
}

.explore .text-slider .title-double {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition: all .5s linear
}

.explore .text-slider .title-double h3 {
    color: var(--white);
    font-size: 22px;
    line-height: 27px;
    padding: 0 30px
}

.explore .text-slider .title-double svg {
    margin: 0 auto 8px
}

.explore .text-slider .title-double svg path {
    fill: var(--white)
}

.explore .text-slider .title {
    padding: 18px 0;
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: all .5s linear;
    position: relative;
    z-index: 2;
    visibility: hidden
}

.explore .text-slider .title h3 {
    padding: 0 30px;
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 0
}

.explore .text-slider .title svg {
    margin: 0 auto 8px
}

.explore .text-slider .title svg path {
    fill: #d8b266
}

.explore .text-slider .author {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: var(--dark-blue);
    margin-bottom: 5px;
    display: block
}

.explore .text-slider p {
    font-family: var(--minion-pro);
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 5px;
    color: var(--dark-blue)
}

@media (min-width: 48em) {
    .explore .text-slider p {
        margin-bottom: 20px
    }
}

.explore .text-slider .img-h {
    margin-bottom: 29px;
    opacity: 0;
    transition: all .5s linear;
    position: relative;
    z-index: 2;
    visibility: hidden
}

.explore .text-slider .img-h img {
    transition: all .2s ease
}

.explore .text-slider .text {
    padding: 0 30px 24px;
    width: 100%;
    opacity: 0;
    transition: all .5s linear;
    position: relative;
    z-index: 2;
    visibility: hidden
}

.explore .text-slider .button {
    box-shadow: none !important
}

.explore .text-slider .button {
    width: 100%;
    min-width: 100%;
    margin-top: auto;
    opacity: 0;
    transition: all .5s linear;
    visibility: hidden;
    position: static;
    transform: none
}

.explore .text-slider .button:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2
}

.profiles.full-width {
    max-width: 1370px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px
}

@media (min-width: 48em) {
    .profiles.full-width {
        padding: 0 60px
    }
}

.profiles.full-width .flex {
    justify-content: space-between
}

.profiles.full-width .flex .profile {
    width: 100%;
    font-size: 15px;
    line-height: 19px;
    color: var(--dark-blue)
}

@media (min-width: 70em) {
    .profiles.full-width .flex .profile {
        width: 48%
    }
}

.profiles.full-width .flex .profile:last-child {
    padding: 0 0 30px !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #D8D8D8 !important
}

@media (min-width: 48em) {
    .profiles.full-width .flex .profile:last-child {
        padding: 0 0 52px !important;
        margin-bottom: 52px !important
    }
}

.profiles.full-width .profile__image {
    flex-shrink: 0
}

.profiles .heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

@media (min-width: 48em) {
    .profiles .heading {
        margin-bottom: 70px
    }
}

.profiles .heading h2,
.profiles .heading h3 {
    margin-bottom: 0
}

.profiles .heading .button {
    display: none
}

@media (min-width: 48em) {
    .profiles .heading .button {
        display: block
    }
}

.profiles .profile {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #D8D8D8;
    display: flex;
    align-items: flex-start;
    padding: 0 0 30px;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 19px;
    color: var(--dark-blue)
}

.profiles .profile:last-child {
    border-bottom: 0 !important;
    margin-bottom: 0 !important
}

@media (min-width: 32em) {
    .profiles .profile {
        align-items: center
    }
}

@media (min-width: 48em) {
    .profiles .profile {
        padding: 0 0 52px;
        margin-bottom: 52px;
        font-size: 16px;
        line-height: 20px
    }
}

.profiles .profile .h3,
.profiles .profile h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
    text-transform: none;
    color: var(--dark-blue)
}

.profiles .profile h3+p {
    font-family: var(--minion-pro);
    font-weight: 400;
    font-size: 15px;
    line-height: 18.57px;
    margin-bottom: 22px;
    overflow: hidden
}

@media (min-width: 48em) {
    .profiles .profile h3+p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 34px
    }
}

.profiles .profile .contacts p {
    margin-bottom: 10px
}

.profiles .profile .contacts a {
    color: var(--dark-blue)
}

.profiles .profile .link-secondary {
    --strokeHeight: 1px !important
}

.profiles .profile .link-secondary {
    margin-top: auto;
    text-transform: none
}

.profiles .profile--alt {
    padding: 0
}

@media (min-width: 32em) {
    .profiles .profile--alt {
        border: 0
    }
}

.profiles .profile__image {
    width: 120px;
    min-width: 120px
}

@media (min-width: 32em) {
    .profiles .profile__image {
        width: calc(100% - 272px);
        min-width: 0;
        max-width: 233px
    }
}

.profiles .profile__image img {
    width: 100%
}

.profile--alt .profiles .profile__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.profiles .profile__image+.profile__text {
    margin-left: 21px
}

@media (min-width: 48em) {
    .profiles .profile__image+.profile__text {
        margin-left: 37px
    }
}

.profile--alt .profiles .profile__text {
    padding: 0 2rem 2rem
}

@media (min-width: 32em) {
    .profile--alt .profiles .profile__text {
        margin: 0;
        padding: 2rem
    }
}

@media (min-width: 48em) {
    .profile--alt .profiles .profile__text {
        padding: 2rem 3rem
    }
}

.profiles form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.profiles form label {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    margin-right: 2rem
}

@media (min-width: 48em) {
    .single-page .profiles {
        padding-top: 30px;
        padding-bottom: 20px
    }
}

.single-page .profiles .profile {
    display: block
}

@media (min-width: 48em) {
    .single-page .profiles .profile {
        display: flex
    }
}

.single-page .profiles .profile__text {
    width: 100%;
    margin-left: 0;
    padding-top: 20px
}

.single-page .profiles .profile__image {
    width: 100%;
    max-width: 100%;
    min-width: 0
}

@media (min-width: 48em) {
    .single-page .profiles .profile__image {
        width: calc(100% - 348px);
        max-width: 377px
    }
    .single-page .profiles .profile__image+.profile__text {
        margin-left: 70px;
        width: 278px
    }
}

.search__input {
    font-family: var(--roboto);
    font-weight: 600;
    width: 100%;
    position: relative;
    background-color: transparent;
    text-align: left;
    background-image: url(../assets/search-blue.svg);
    background-repeat: no-repeat;
    background-position: center right 18px;
    background-size: 19px;
    font-size: 18px;
    line-height: 23px;
    padding: 16px 50px 16px 20px;
    color: #1b3c6d;
    border: 1px solid rgba(29, 60, 109, .29)
}

.search__input::-moz-placeholder {
    opacity: 1
}

.search__input::placeholder {
    opacity: 1
}

.search__input::-webkit-input-placeholder {
    opacity: 1
}

.search__input:-moz-placeholder {
    opacity: 1
}

.search__select {
    font-size: 18px;
    line-height: 23px;
    padding: 16px 50px 16px 20px;
    color: #1b3c6d;
    border: 1px solid rgba(29, 60, 109, .29);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../assets/filter-toggle-small.svg);
    background-position: calc(100% - 5px) 50%;
    margin-left: 1rem
}

.search__select__label {
    display: flex;
    align-items: center;
    color: #1b3c6d;
    font-family: var(--roboto);
    font-weight: 600
}

.blockquote {
    position: relative
}

.blockquote.full-width {
    padding: 90px 67px 70px
}

@media (min-width: 48em) {
    .blockquote.full-width {
        padding: 100px 67px
    }
}

.blockquote.full-width .quote_item {
    box-shadow: none
}

.blockquote img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    top: 0
}

.blockquote .quote_item {
    max-width: 900px;
    background: var(--white);
    position: relative;
    padding: 45px 16px 25px;
    margin: 0 auto;
    box-shadow: 0 0 40px #00000039
}

@media (min-width: 48em) {
    .blockquote .quote_item {
        padding: 65px 16px
    }
}

.blockquote .bar {
    width: 115px;
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 11px
}

@media (min-width: 48em) {
    .blockquote .bar {
        top: -6px;
        width: 410px;
        height: 13px
    }
}

.blockquote .inner {
    text-align: center;
    color: var(--dark-blue)
}

.blockquote .inner span {
    font-family: var(--minion-pro);
    font-weight: 700;
    font-size: 96px;
    line-height: 88px;
    height: 32px;
    text-align: center;
    text-transform: lowercase;
    display: block
}

@media (min-width: 48em) {
    .blockquote .inner span {
        font-weight: 300;
        height: 42px;
        font-size: 150px;
        line-height: 130px
    }
}

.blockquote .inner .quote {
    max-width: 600px;
    margin: 25px auto 35px;
    font-family: var(--minion-pro);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

@media (min-width: 48em) {
    .blockquote .inner .quote {
        font-size: 24px;
        line-height: 30px
    }
}

.blockquote .inner .author {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px
}

@media (min-width: 48em) {
    .blockquote .inner .author {
        font-size: 24px;
        line-height: 31px
    }
}

.up-panel.full-width {
    max-width: 1200px;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto
}

.up-panel .grid {
    max-width: 1150px;
    row-gap: 30px
}

@media (min-width: 48em) {
    .up-panel .grid {
        --grid-min: 15rem;
        row-gap: 75px;
        gap: 70px
    }
}

@media (min-width: 70em) {
    .up-panel .grid {
        gap: 140px;
        --grid-min: 20rem
    }
}

.up-panel .grid-3 {
    max-width: 100%;
    row-gap: 25px
}

@media (min-width: 48em) {
    .up-panel .grid-3 {
        gap: 66px
    }
}

.up-panel:after {
    clear: both;
    display: table;
    content: ""
}

.up-panel h2 {
    margin-bottom: 50px
}

.up-panel h3 {
    margin-bottom: 15px
}

.up-panel .link-secondary {
    --strokeHeight: 1px !important
}

[data-search-active],
[data-menu-active] {
    overflow: hidden
}

[data-search-active] .header.microsite .header__search,
[data-menu-active] .header.microsite .header__menu-holder {
    transform: none;
    visibility: visible
}

.header.microsite {
    background: var(--white);
    position: sticky;
    box-shadow: 0 2px 40px #00000016;
    width: 100%;
    z-index: 3;
    top: 0;
    left: 0
}

@media (min-width: 70em) {
    .header.microsite {
        position: sticky;
        padding: 0 63px
    }
    .header.microsite.sticky {
        position: fixed;
        animation: slideDown .5s
    }
    @keyframes slideDown {
        0% {
            transform: translateY(-100%)
        }
        to {
            transform: translateY(0)
        }
    }
    .header.microsite.sticky .header__logo {
        width: 268px;
        height: 75px
    }
}

.header.microsite~#main-content,
.header.microsite~.footer {
    width: 100%;
    margin-left: 0
}

.header.microsite .header__sentinel {
    position: absolute;
    height: inherit
}

.header.microsite .header__main {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden
}

.header.microsite .header__main:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--white);
    z-index: -1
}

.header.microsite .header__logo {
    background-image: none !important
}

.header.microsite .header__logo {
    width: 170px;
    height: 46px;
    order: 2;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 70em) {
    .header.microsite .header__logo {
        order: 1;
        width: 343px;
        height: 95px;
        margin-left: 0;
        margin-right: 0
    }
}

.header.microsite .header__menu-toggle {
    width: 51px;
    height: 51px;
    background: var(--dark-blue);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    padding: 0;
    margin: 0;
    order: 1
}

@media (min-width: 70em) {
    .header.microsite .header__menu-toggle {
        display: none
    }
}

.header.microsite .header__menu-toggle .menu-humb {
    width: 18px;
    height: 14px;
    display: block;
    position: relative
}

.header.microsite .header__menu-toggle .menu-humb span {
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    background: var(--white);
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .25s ease-in-out
}

.header.microsite .header__menu-toggle .menu-humb span:nth-child(1) {
    top: 0
}

.header.microsite .header__menu-toggle .menu-humb span:nth-child(2),
.header.microsite .header__menu-toggle .menu-humb span:nth-child(3) {
    top: 6px
}

.header.microsite .header__menu-toggle .menu-humb span:nth-child(4) {
    top: 12px
}

.header.microsite .header__menu-toggle[aria-expanded=true] .menu-humb span:nth-child(1) {
    top: 6px;
    width: 0%;
    left: 50%
}

.header.microsite .header__menu-toggle[aria-expanded=true] .menu-humb span:nth-child(2) {
    transform: rotate(45deg)
}

.header.microsite .header__menu-toggle[aria-expanded=true] .menu-humb span:nth-child(3) {
    transform: rotate(-45deg)
}

.header.microsite .header__menu-toggle[aria-expanded=true] .menu-humb span:nth-child(4) {
    top: 6px;
    width: 0%;
    left: 50%
}

.header.microsite .header__search,
.header.microsite .header__menu-holder {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    transition: transform var(--transition), visibility var(--transition);
    background: var(--dark-blue);
    overflow: auto;
    visibility: hidden;
    width: 100%;
    z-index: -2;
    background: linear-gradient(360deg, rgba(0, 0, 0, .0001) -.54%, rgba(0, 0, 0, .216264) 109.85%), var(--dark-blue);
    padding-top: 51px;
    height: 100vh
}

@media (min-width: 70em) {
    .header.microsite .header__search,
    .header.microsite .header__menu-holder {
        order: 2;
        position: static;
        top: 0;
        left: 0;
        transform: none;
        overflow: inherit;
        visibility: visible;
        width: auto;
        z-index: 2;
        background: transparent;
        padding-top: 0;
        height: auto
    }
}

.header.microsite .header__menu {
    padding: 32px 28px 42px
}

@media (min-width: 70em) {
    .header.microsite .header__menu {
        padding: 0
    }
}

.header.microsite .header__nav {
    margin: 0;
    padding: 0;
    font-family: var(--roboto)
}

@media screen and (min-width: 70em) {
    .header.microsite .header__nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 20px;
        line-height: 27px;
        color: var(--dark-blue);
        border-bottom: 1px solid transparent
    }
    .header.microsite .header__nav:hover {
        border-bottom: 1px solid rgba(75, 133, 189, .49)
    }
    .header.microsite .header__nav>li {
        margin: 0 40px 0 0
    }
    .header.microsite .header__nav>li:hover:before {
        position: absolute;
        content: "";
        top: 0;
        width: 100px;
        height: 200px
    }
    .header.microsite .header__nav>li:hover .header__subnav {
        opacity: 1;
        visibility: visible
    }
    .header.microsite .header__nav>li:last-child {
        margin-right: 20px
    }
    .header.microsite .header__nav>li>a {
        padding: 25px 0 !important;
        --underline-hover: var(--mustard) !important;
        --underline-height: 3px !important
    }
    .header.microsite .header__nav>li>a {
        order: 1;
        color: var(--dark-blue);
        margin-bottom: -2px
    }
    .header.microsite .header__nav>li button {
        display: none
    }
}

@media screen and (max-width: 70em) {
    .header.microsite .header__nav>li {
        border: 1px solid #4E668D;
        border-left: 0;
        overflow: hidden;
        position: relative;
        margin-bottom: 0;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between
    }
    .header.microsite .header__nav>li+li {
        border-top: 0
    }
    .header.microsite .header__nav>li:before {
        display: none
    }
    .header.microsite .header__nav>li button {
        background: none !important
    }
    .header.microsite .header__nav>li button {
        border: none;
        order: 2;
        color: #fff;
        padding: 0;
        margin: 0 26px 0 0
    }
    .header.microsite .header__nav>li button svg {
        transition: all var(--transition)
    }
    .header.microsite .header__nav>li button[aria-expanded=true] {
        color: var(--mustard)
    }
    .header.microsite .header__nav>li button[aria-expanded=true]~a:after {
        height: 1000px !important
    }
    .header.microsite .header__nav>li button[aria-expanded=true] svg {
        transform: rotate(45deg)
    }
    .header.microsite .header__nav>li button[aria-expanded=false]~.header__subnav {
        height: 0;
        visibility: hidden
    }
    .header.microsite .header__nav>li button~a {
        max-width: calc(100% - 50px)
    }
    .header.microsite .header__nav>li button:hover~a:after {
        height: 100%
    }
}

@media screen and (max-width: 70em) {
    .header.microsite .header__nav>li>a {
        transition: all var(--transition) !important;
        background-image: none !important;
        background: transparent !important
    }
    .header.microsite .header__nav>li>a {
        font-weight: 700;
        color: var(--white);
        font-size: 18px;
        line-height: 27px;
        padding: 20px 26px 20px 27px;
        position: relative;
        display: block;
        border-left: 1px solid #4E668D
    }
    .header.microsite .header__nav>li>a span {
        -webkit-text-decoration: none !important;
        text-decoration: none !important
    }
    .header.microsite .header__nav>li>a span {
        --underline-color: transparent;
        --underline-hover: currentcolor;
        --underline-height: .0625em;
        position: relative;
        display: inline-block;
        transition: all var(--transition)
    }
    .header.microsite .header__nav>li>a span:after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 0;
        border-bottom: 1px dashed var(--underline-hover);
        transition: all var(--transition)
    }
    .header.microsite .header__nav>li>a:hover {
        color: var(--mustard)
    }
    .header.microsite .header__nav>li>a:hover span:after {
        right: 0;
        width: 100%
    }
}

@media screen and (min-width: 70em) {
    .header.microsite .header__subnav-toggle {
        position: relative;
        display: block
    }
    .header.microsite .header__subnav-toggle svg {
        display: none
    }
}

@media screen and (max-width: 70em) {
    .header.microsite .header__subnav-toggle:after {
        transition: all var(--transition) !important
    }
    .header.microsite .header__subnav-toggle:after {
        position: absolute;
        width: 4px;
        height: 0;
        left: -1px;
        top: 0;
        content: "";
        background: var(--mustard);
        z-index: 1
    }
    .header.microsite .header__subnav-toggle:hover:after {
        height: 100%
    }
}

.header.microsite .header__subnav {
    order: 3
}

@media screen and (min-width: 70em) {
    .header.microsite .header__subnav {
        position: absolute;
        box-shadow: 0 20px 21px 5px #00000016;
        opacity: 0;
        visibility: hidden;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 10px 55px 39px;
        background: var(--white);
        transition: opacity var(--transition), visibility var(--transition)
    }
    .header.microsite .header__subnav .inner {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between
    }
    .header.microsite .header__subnav .right-block {
        width: 467px;
        font-weight: 500;
        display: block
    }
    .header.microsite .header__subnav .right-block img {
        margin-bottom: 10px
    }
    .header.microsite .header__subnav .right-block p {
        max-width: 373px;
        margin-bottom: 30px
    }
    .header.microsite .header__subnav ul {
        width: 729px;
        padding-left: 13px;
        margin-left: auto
    }
    .header.microsite .header__subnav ul li {
        margin-bottom: 13px
    }
    .header.microsite .header__subnav ul li a {
        font-weight: 600;
        font-size: 20px;
        line-height: 27px
    }
}

@media screen and (max-width: 70em) {
    .header.microsite .header__subnav {
        width: 100%;
        height: auto;
        height: var(--height, auto);
        transition: height var(--transition), visibility var(--transition);
        overflow: hidden
    }
    [aria-expanded=false]+.header.microsite .header__subnav {
        height: 0;
        visibility: hidden
    }
    .header.microsite .header__subnav ul {
        padding: 0 0 23px 28px
    }
    .header.microsite .header__subnav ul li:not(:last-child) {
        margin-bottom: 10px
    }
    .header.microsite .header__subnav ul li a {
        transition: all var(--transition) !important
    }
    .header.microsite .header__subnav ul li a {
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        color: var(--white);
        display: inline-block
    }
    .header.microsite .header__subnav ul li a:hover {
        color: var(--mustard)
    }
    .header.microsite .header__subnav .right-block {
        padding: 20px;
        color: #fff;
        border-top: 1px solid #4E668D
    }
    .header.microsite .header__subnav .right-block .button {
        width: 100%
    }
}