@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');


body {
    font-family: 'Muli', sans-serif !important;
}
/*================header Css start===========*/

.gt-wrapper .lead-paragraph a.btn-secondary-tinymce, .gt-wrapper .lead-paragraph a.btn-primary, .gt-wrapper .lead-paragraph * a.btn-secondary-tinymce, .gt-wrapper .lead-paragraph * a.btn-primary {
    line-height: 2.2rem
}
 .scrolling .mega-wrapper {
    top: 73px !important;
}
/*html:not(.global-reach--opening) .scroll-down header[data-sticky="true"] {
    transform: translateY(calc((40px + 32px) * -1));
}*/
.gt-wrapper .p-big a.btn-secondary-tinymce, .gt-wrapper .p-big a.btn-primary, .gt-wrapper .p-big * a.btn-secondary-tinymce, .gt-wrapper .p-big * a.btn-primary {
    line-height: 2.2rem
}

.gt-wrapper .p-tag, .gt-wrapper .p-tag * {
    font-size: var(--gt-body-text--font-size, 1.4rem);
    line-height: var(--gt-body-text--line-height, 2.2rem);
    font-weight: var(--gt-body-text--font-weight, var(--font-weight-normal));
    letter-spacing: 0.2em;
    margin: 0 0 15px 0
}

    .gt-wrapper .p-tag a:not(.btn-primary), .gt-wrapper .p-tag * a:not(.btn-primary) {
        color: inherit;
        text-decoration: none
    }

        .gt-wrapper .p-tag a:not(.btn-primary):hover, .gt-wrapper .p-tag * a:not(.btn-primary):hover {
            color: #ce2c2c
        }

    .gt-wrapper .p-tag a.btn-secondary-tinymce, .gt-wrapper .p-tag a.btn-primary, .gt-wrapper .p-tag * a.btn-secondary-tinymce, .gt-wrapper .p-tag * a.btn-primary {
        line-height: 2.2rem
    }

/*.gt-wrapper .lead-paragraph, .gt-wrapper .lead-paragraph *, .gt-wrapper .p-big.lrg-intro, .gt-wrapper .p-big *.lrg-intro, .article-tile .topic, h1, .h1, h3, .h3, .big-text, h4, .h4, .medium-text {
    font-weight: var(--font-weight-semibold)
}*/

    .gt-wrapper .lead-paragraph, .gt-wrapper .lead-paragraph *, .gt-wrapper .p-big.lrg-intro, .gt-wrapper .p-big *.lrg-intro, .article-tile .topic {
        font-size: 2.4rem;
        line-height: 150%;
        margin: 0 0 15px 0
    }

.gt-wrapper .p-big, .gt-wrapper .p-big * {
    font-size: 2rem;
    line-height: 200%;
    font-weight: var(--font-weight-normal);
    margin: 0 0 15px 0
}

.article-tile .article-published__date {
    font-size: var(--gt-body-text--font-size, 1.4rem);
    line-height: var(--gt-body-text--line-height, 2.2rem);
    font-weight: var(--gt-body-text--font-weight, var(--font-weight-normal));
    letter-spacing: 0.2em;
    margin: 0 0 15px 0
}

    .article-tile .article-published__date a {
        color: inherit;
        text-decoration: none
    }

@media (hover: none) {
    .article-tile .article-published__date a {
        outline: none
    }
}

@media (hover: hover) {
    .article-tile .article-published__date a {
        cursor: pointer
    }

        .article-tile .article-published__date a:hover, .article-tile .article-published__date a:active, .article-tile .article-published__date a:focus-visible {
            color: #ce2c2c
        }
}

.btn-secondary--reverse:after, .article-tile .topic:after {
    font-family: "GT-IconSet" !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-secondary--reverse:after, .article-tile .topic:after {
    content: "\e901"
}

.btn-secondary--reverse {
    font-weight: var(--font-weight-normal);
    color: #ce2c2c;
    font-size: 1.6rem;
    display: block;
    float: left;
    clear: left;
    background: none;
    border: none;
    text-align: left;
    text-decoration: none;
    position: relative
}

    .btn-secondary--reverse:after {
        transition: transform .3s 0s cubic-bezier(0.4, 0, 0.2, 1);
        position: absolute;
        top: 50%;
        position: absolute;
        pointer-events: none
    }

@media (hover: none) {
    .btn-secondary--reverse {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary--reverse {
        cursor: pointer
    }

        .btn-secondary--reverse:hover, .btn-secondary--reverse:active, .btn-secondary--reverse:focus-visible {
            text-decoration: none
        }
}

.btn-secondary--reverse[disabled] {
    opacity: .5;
    pointer-events: none
}

@font-face {
    font-family: 'GT-Walsheim-Pro';
    src: url("/dist/fonts/gt-walsheim-pro-regular/gt-walsheim-pro-regular.woff2") format("woff2"),url("/dist/fonts/gt-walsheim-pro-regular/gt-walsheim-pro-regular.woff") format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: 'GT-Walsheim-Pro';
    src: url("/dist/fonts/gt-walsheim-pro-light/gt-walsheim-pro-light.woff2") format("woff2"),url("/dist/fonts/gt-walsheim-pro-light/gt-walsheim-pro-light.woff") format("woff");
    font-style: normal;
    font-weight: 350;
    font-display: swap
}

@font-face {
    font-family: 'GT-Walsheim-Pro';
    src: url("/dist/fonts/gt-walsheim-pro-medium/gt-walsheim-pro-medium.woff2") format("woff2"),url("/dist/fonts/gt-walsheim-pro-medium/gt-walsheim-pro-medium.woff") format("woff");
    font-style: normal;
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: 'GT-Walsheim-Pro';
    src: url("/dist/fonts/gt-walsheim-pro-bold/gt-walsheim-pro-bold.woff2") format("woff2"),url("/dist/fonts/gt-walsheim-pro-bold/gt-walsheim-pro-bold.woff") format("woff");
    font-style: normal;
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: 'GT-Walsheim-Pro';
    src: url("/dist/fonts/gt-walsheim-pro-black/gt-walsheim-pro-black.woff2") format("woff2"),url("/dist/fonts/gt-walsheim-pro-black/gt-walsheim-pro-black.woff") format("woff");
    font-style: normal;
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: 'GT-IconSet';
    src: url("/dist/fonts/gt-iconset/gt-iconset.woff2") format("woff2"),url("/dist/fonts/gt-iconset/gt-iconset.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.padding-top-sm {
    padding-top: 16px
}

.margin-top-sm {
    margin-top: 16px
}

.padding-left-sm {
    padding-left: 16px
}

.margin-left-sm {
    margin-left: 16px
}

.padding-right-sm {
    padding-right: 16px
}

.margin-right-sm {
    margin-right: 16px
}

.padding-bottom-sm {
    padding-bottom: 16px
}

.margin-bottom-sm {
    margin-bottom: 16px
}

.padding-top-md {
    padding-top: 32px
}

.margin-top-md {
    margin-top: 32px
}

.padding-left-md {
    padding-left: 32px
}

.margin-left-md {
    margin-left: 32px
}

.padding-right-md {
    padding-right: 32px
}

.margin-right-md {
    margin-right: 32px
}

.padding-bottom-md {
    padding-bottom: 32px
}

.margin-bottom-md {
    margin-bottom: 32px
}

.padding-top-lg {
    padding-top: 64px
}

.margin-top-lg {
    margin-top: 64px
}

.padding-left-lg {
    padding-left: 64px
}

.margin-left-lg {
    margin-left: 64px
}

.padding-right-lg {
    padding-right: 64px
}

.margin-right-lg {
    margin-right: 64px
}

.padding-bottom-lg {
    padding-bottom: 64px
}

.margin-bottom-lg {
    margin-bottom: 64px
}

.padding-top-xlg {
    padding-top: 96px
}

.margin-top-xlg {
    margin-top: 96px
}

.padding-left-xlg {
    padding-left: 96px
}

.margin-left-xlg {
    margin-left: 96px
}

.padding-right-xlg {
    padding-right: 96px
}

.margin-right-xlg {
    margin-right: 96px
}

.padding-bottom-xlg {
    padding-bottom: 96px
}

.margin-bottom-xlg {
    margin-bottom: 96px
}

.padding-top-xxlg {
    padding-top: 112px
}

.margin-top-xxlg {
    margin-top: 112px
}

.padding-left-xxlg {
    padding-left: 112px
}

.margin-left-xxlg {
    margin-left: 112px
}

.padding-right-xxlg {
    padding-right: 112px
}

.margin-right-xxlg {
    margin-right: 112px
}

.padding-bottom-xxlg {
    padding-bottom: 112px
}

.margin-bottom-xxlg {
    margin-bottom: 112px
}

.padding-top-xxxlg {
    padding-top: 128px
}

.margin-top-xxxlg {
    margin-top: 128px
}

.padding-left-xxxlg {
    padding-left: 128px
}

.margin-left-xxxlg {
    margin-left: 128px
}

.padding-right-xxxlg {
    padding-right: 128px
}

.margin-right-xxxlg {
    margin-right: 128px
}

.padding-bottom-xxxlg {
    padding-bottom: 128px
}

.margin-bottom-xxxlg {
    margin-bottom: 128px
}

.padding-top-0 {
    padding-top: 0
}

.margin-top-0 {
    margin-top: 0
}

.padding-left-0 {
    padding-left: 0
}

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

.padding-right-0 {
    padding-right: 0
}

.margin-right-0 {
    margin-right: 0
}

.padding-bottom-0 {
    padding-bottom: 0
}

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

.margin-top-sm-negative {
    margin-top: -16px
}

.margin-left-sm-negative {
    margin-left: -16px
}

.margin-right-sm-negative {
    margin-right: -16px
}

.margin-bottom-sm-negative {
    margin-bottom: -16px
}

.margin-top-md-negative {
    margin-top: -32px
}

.margin-left-md-negative {
    margin-left: -32px
}

.margin-right-md-negative {
    margin-right: -32px
}

.margin-bottom-md-negative {
    margin-bottom: -32px
}

.margin-top-lg-negative {
    margin-top: -64px
}

.margin-left-lg-negative {
    margin-left: -64px
}

.margin-right-lg-negative {
    margin-right: -64px
}

.margin-bottom-lg-negative {
    margin-bottom: -64px
}

.margin-top-xlg-negative {
    margin-top: -96px
}

.margin-left-xlg-negative {
    margin-left: -96px
}

.margin-right-xlg-negative {
    margin-right: -96px
}

.margin-bottom-xlg-negative {
    margin-bottom: -96px
}

.margin-top-xxlg-negative {
    margin-top: -112px
}

.margin-left-xxlg-negative {
    margin-left: -112px
}

.margin-right-xxlg-negative {
    margin-right: -112px
}

.margin-bottom-xxlg-negative {
    margin-bottom: -112px
}

.margin-top-xxxlg-negative {
    margin-top: -128px
}

.margin-left-xxxlg-negative {
    margin-left: -128px
}

.margin-right-xxxlg-negative {
    margin-right: -128px
}

.margin-bottom-xxxlg-negative {
    margin-bottom: -128px
}

.margin-top-0-negative {
    margin-top: 0
}

.margin-left-0-negative {
    margin-left: 0
}

.margin-right-0-negative {
    margin-right: 0
}

.margin-bottom-0-negative {
    margin-bottom: 0
}

:root {
    --window-height: 100vh;
    --header-height: 160px;
    --top-banner-msg-height: 0px;
    --article-animating-timer: 0.6s;
    --main-header-height: 0px;
    --font-weight-normal: 400;
    --font-weight-black: 100;
    --font-weight-bold: 200;
    --font-weight-semibold: 600;
    --font-weight-light: 350
}

/*html {
    overflow-x: hidden
}*/

/*html, body {
    background: #fff;
    position: relative;
    width: 100%;
    min-height: 100%;
    max-width: 100%;
    direction: ltr;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    height: 100%
}*/

body {
    margin: 0
}

.lock-main-scroll, .overflowHidden {
    overflow: hidden
}

@media (max-width: 767px) {
    .overflowHidden--mobile, .overflowHidden--mobile body {
        height: 100%;
        position: fixed;
        overflow: hidden
    }
}

.lock-main-scroll .gt-wrapper {
    overflow-y: scroll
}

.mainNavOpened, .mainNavOpened body {
    overflow: hidden;
    height: 100%;
    height: 100vh;
    width: 100%;
    position: fixed
}

.main {
    background-color: #f2f1ef;
    position: relative
}

@media (max-width: 959px) {
    .hide-mobile {
        visibility: hidden
    }
}

@media (min-width: 960px) {
    .show-desktop {
        display: block
    }
}

/*img {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}
*/
.clear:after {
    content: "";
    display: table;
    clear: both
}

.overlay {
    background: rgba(43,20,77,0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 80
}

.hidden {
    display: none
}

@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important
    }
}

@media (max-width: 1023px) {
    .hide-to-desktop {
        display: none !important
    }
}

hr.divider {
    margin: 32px 0;
    border: 0;
    border-top: 1px solid #666
}

.op-0 {
    visibility: hidden
}

.absolute {
    position: absolute;
    overflow: hidden !important
}

.ww {
    display: inline-block
}

.ww-inline {
    display: inline
}

.visually-hidden {
    display: none !important
}

/*.d-flex {
    display: flex;
    flex-wrap: wrap
}*/

    .d-flex.nowrap {
        flex-wrap: nowrap
    }

/**, *:before, *:after {
    box-sizing: border-box
}*/

.hide-text {
    display: inline-block;
    text-indent: -999em;
    white-space: nowrap
}

.hide {
    display: none
}

.show {
    display: block
}

/*.clearfix {
    overflow: auto
}*/

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

.glide .glide__slide {
    opacity: 0
}

.custom-recaptcha input {
    opacity: 0;
    z-index: -1
}

.custom-recaptcha #validateCaptcha-error::before {
    display: none
}

.overlay-no-scroll .grecaptcha-badge {
    z-index: 102
}

#whatsapp_chat_widget {
    display: block;
    position: relative;
    z-index: 79
}

.hidden-link__animation a, .hidden-link__animation span, .hidden-link__animation .nav-link, .hidden-link__animation button, .hidden-link__animation .link-tertiary {
    background-image: none;
    --hyperlink-animate-duration: 0s !important
}

.link {
    text-decoration: underline;
    text-underline-offset: .18em
}

@media (hover: none) {
    .link {
        outline: none
    }
}

@media (hover: hover) {
    .link {
        cursor: pointer
    }

        .link:hover, .link:active, .link:focus-visible {
            color: #ff5149
        }
}

.announce-area {
    position: fixed;
    top: -20vh
}

/*.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px
}

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

    .container:after {
        clear: both
    }

    .container .dynamic-container, .container .container {
        width: auto;
        padding: 0
    }

        .container .dynamic-container .row, .container .container .row {
            margin-left: 0;
            margin-right: 0
        }

    .container .dynamic-container {
        max-width: 100%
    }*/

    .container [class*="col-"] .dynamic-container .row, .container [class*="col-"] .container .row {
        margin-left: -16px;
        margin-right: -16px
    }

/*@media (max-width: 768px) {
    .container {
        width: 100%
    }
}
*/
/*@media (min-width: 768px) {
    .container {
        width: calc(100% - 64px)
    }
}

@media (min-width: 1024px) {
    .container {
        width: calc(100% - 64px)
    }
}
*/
/*@media (min-width: 1300px) {
    .container {
        width: 1172px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px
}*/

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

    .container-fluid:after {
        clear: both
    }*/

/*.row {
    margin-left: -16px;
    margin-right: -16px
}

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

    .row:after {
        clear: both
    }*/

/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 16px;
    padding-right: 16px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}*/

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

/*@media (min-width: 1024px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1300px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}*/

/*[class*="col-"] {
    min-height: 1px
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px
}*/

   /* .container:before, .container:after {
        content: " ";
        display: table
    }

    .container:after {
        clear: both
    }

@media (max-width: 768px) {
    .container {
        width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        width: calc(100% - 64px)
    }
}

@media (min-width: 1024px) {
    .container {
        width: calc(100% - 64px)
    }
}

@media (min-width: 1300px) {
    .container {
        width: 1172px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px
}

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

    .container-fluid:after {
        clear: both
    }*/

:root {
    font-size: 62.5%
}

/*html {
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
*/
body {
    font-family: "GT-Walsheim-Pro",Arial,Helvetica,sans-serif;
    font-size: 1.6rem
}

html, button, input, select, textarea {
    font-family: inherit
}

input, select, textarea {
    font-weight: var(--font-weight-normal)
}

/*p {
    font-size: var(--gt-body-text--font-size, 1.6rem);
    line-height: var(--gt-body-text--line-height, 2.4rem);
    font-weight: var(--gt-body-text--font-weight, var(--font-weight-normal));
    margin: 0 0 16px 0
}
*/
/*li {
    font-size: 1.6rem;
    line-height: 150%
}*/

a .sectionTag {
    color: inherit
}

a {
    text-decoration: none;
    color: #4f2d7f
}

@media (hover: none) {
    a {
        outline: none
    }
}

@media (hover: hover) {
    a {
        cursor: pointer
    }

        a:hover, a:active, a:focus-visible {
            color: #ce2c2c;
            text-decoration: underline;
            text-underline-offset: .18em
        }
}

@media (hover: none) {
    a:focus-visible {
        outline: none
    }
}

@media (hover: hover) {
    a:focus-visible {
        outline: thin dotted;
        outline-offset: -1px
    }
}

.link-icon {
    display: flex;
    margin-bottom: 6px
}

    .link-icon .icon {
        font-size: 2.4rem;
        line-height: 2.4rem;
        vertical-align: middle;
        margin-right: 10px;
        color: #4f2d7f
    }

        .link-icon .icon.icon-phone-new, .link-icon .icon.icon-printer_eps, .link-icon .icon.icon-contact_form {
            font-size: 2rem
        }

        .link-icon .icon.icon-mail-new {
            font-size: 1.4rem
        }

        .link-icon .icon.icon-contact_form {
            padding-left: 1px;
            margin-right: 17px
        }

    .link-icon a {
        font-size: 1.6rem
    }

/*p, pre {
    margin: 1em 0
}*/

/*h1, h2, h3, h4 {
    margin: 0
}*/

.line-length {
    max-width: 948px
}

.gt-hero-title {
    font-weight: var(--gt-hero-title--font-weight, var(--font-weight-bold))
}

@media (min-width: 1200px) {
    .gt-hero-title {
        font-size: var(--gt-hero-title--font-size, 8.8rem);
        line-height: var(--gt-hero-title--line-height, 8.8rem)
    }
}

@media (max-width: 1199px) {
    .gt-hero-title {
        font-size: var(--gt-hero-title--font-size-mobile, 4.8rem);
        line-height: var(--gt-hero-title--line-height-mobile, 5.6rem)
    }
}

.gt-hero-title.heavy {
    font-weight: var(--gt-hero-title--font-weight, var(--font-weight-black))
}

.gt-main-title {
    font-weight: var(--gt-main-title--font-weight, var(--font-weight-bold))
}

@media (min-width: 1200px) {
    .gt-main-title {
        font-size: var(--gt-main-title--font-size, 6rem);
        line-height: var(--gt-main-title--line-height, 6.6rem)
    }
}

@media (max-width: 1199px) {
    .gt-main-title {
        font-size: var(--gt-main-title--font-size-mobile, 4rem);
        line-height: var(--gt-main-title--line-height-mobile, 4.8rem)
    }
}

.gt-main-title.heavy {
    font-weight: var(--gt-main-title--font-weight, var(--font-weight-black))
}

.gt-title {
    font-weight: var(--gt-title--font-weight, var(--font-weight-light))
}

@media (min-width: 1200px) {
    .gt-title {
        font-size: var(--gt-title--font-size, 4.8rem);
        line-height: var(--gt-title--line-height, 5.6rem)
    }
}

@media (max-width: 1199px) {
    .gt-title {
        font-size: var(--gt-title--font-size-mobile, 3.2rem);
        line-height: var(--gt-title--line-height-mobile, 4rem)
    }
}

.gt-title.heavy {
    font-weight: var(--gt-title--font-weight, var(--font-weight-bold))
}

.gt-subtitle {
    font-weight: var(--gt-subtitle--font-weight, var(--font-weight-light))
}

@media (min-width: 1200px) {
    .gt-subtitle {
        font-size: var(--gt-subtitle--font-size, 3.4rem);
        line-height: var(--gt-subtitle--line-height, 4rem)
    }
}

@media (max-width: 1199px) {
    .gt-subtitle {
        font-size: var(--gt-subtitle--font-size-mobile, 2.4rem);
        line-height: var(--gt-subtitle--line-height-mobile, 3.2rem)
    }
}

.gt-subtitle.heavy {
    font-weight: var(--gt-subtitle--font-weight, var(--font-weight-normal))
}

.gt-subtitle.bold {
    font-weight: var(--gt-subtitle--font-weight, var(--font-weight-bold))
}

.gt-small-title {
    font-weight: var(--gt-small-title--font-weight, var(--font-weight-light))
}

@media (min-width: 1200px) {
    .gt-small-title {
        font-size: var(--gt-small-title--font-size, 2.4rem);
        line-height: var(--gt-small-title--line-height, 3.2rem)
    }
}

@media (max-width: 1199px) {
    .gt-small-title {
        font-size: var(--gt-small-title--font-size-mobile, 2rem);
        line-height: var(--gt-small-title--line-height-mobile, 2.8rem)
    }
}

.gt-small-title.heavy {
    font-weight: var(--gt-small-title--font-weight, var(--font-weight-normal))
}

.gt-small-title.semi-bold {
    font-weight: var(--gt-small-title--font-weight, var(--font-weight-semibold))
}

.gt-small-title.bold {
    font-weight: var(--gt-small-title--font-weight, var(--font-weight-bold))
}

.gt-body-text {
    font-size: var(--gt-body-text--font-size, 1.6rem);
    line-height: var(--gt-body-text--line-height, 2.4rem);
    font-weight: var(--gt-body-text--font-weight, var(--font-weight-normal))
}

    .gt-body-text.small {
        font-size: var(--gt-body-text--font-size, 1.4rem);
        line-height: var(--gt-body-text--line-height, 2.2rem);
        font-weight: var(--gt-body-text--font-weight, var(--font-weight-normal))
    }

    .gt-body-text.big {
        font-weight: var(--gt-body-text--font-weight, var(--font-weight-light))
    }

@media (min-width: 1200px) {
    .gt-body-text.big {
        font-size: var(--gt-body-text--font-size, 2rem);
        line-height: var(--gt-body-text--line-height, 2.8rem)
    }
}

@media (max-width: 1199px) {
    .gt-body-text.big {
        font-size: var(--gt-body-text--font-size-mobile, 1.8rem);
        line-height: var(--gt-body-text--line-height-mobile, 2.4rem)
    }
}

.gt-body-text.overline {
    text-transform: uppercase;
    letter-spacing: 1.6px
}

.gt-body-text.heavy {
    font-weight: var(--gt-body-text--font-weight, var(--font-weight-bold))
}

.gt-body-text.grey {
    color: #666
}

.gt-body-text.x-tiny {
    font-size: 1.2rem;
    line-height: 1.6rem
}

.gt-category {
    font-size: var(--gt-category--font-size, 1.4rem);
    line-height: var(--gt-category--line-height, 2.2rem);
    color: var(--gt-category--color, #fff);
    background: var(--gt-category--bg-color);
    display: block;
    width: fit-content;
    margin-bottom: 16px;
    font-weight: normal;
    border: 0.1rem solid transparent
}

    .gt-category.outline, .gt-category.white, .gt-category.light, .gt-category.dark, .gt-category.purple {
        padding: 2px 16px;
        border-radius: 16px
    }

    .gt-category.dark {
        --gt-category--bg-color: #2b144d
    }

    .gt-category.light {
        --gt-category--bg-color: #a06dff;
        --gt-category--color: #2b144d
    }

    .gt-category.purple {
        --gt-category--bg-color: #4f2d7f
    }

    .gt-category.yellow {
        --gt-category--bg-color: #ffc23d;
        --gt-category--color: #000
    }

    .gt-category.teal {
        --gt-category--bg-color: #00a4b3;
        --gt-category--color: #000
    }

    .gt-category.grey {
        --gt-category--color: #666;
        letter-spacing: 1.6px
    }

    .gt-category.dark-grey {
        --gt-category--bg-color: #ccc4bd;
        --gt-category--color: #2b144d
    }

    .gt-category.white {
        --gt-category--bg-color: #f2f0ee;
        --gt-category--color: #2b144d
    }

    .gt-category.trim {
        padding: 0
    }

    .gt-category.overline {
        text-transform: uppercase;
        letter-spacing: 1.6px
    }

    .gt-category.outline {
        background-color: transparent;
        border-color: var(--gt-category--bg-color, #fff);
        --gt-category--color: #666
    }

.svg-icon svg {
    width: 100%;
    height: 100%
}

.social-icons__vi--wrapper {
    --social-icon-color: #2b144d;
    --social-icon-hover-color: #fff;
    --social-icon-bg: #a06dff;
    --social-icon-hover-bg: #2b144d;
    --social-icon-border-radius: 100%;
    --social-icon-border-width: 0;
    --social-icon-border-color: transparent;
    --social-icon-svg-width: 1.7rem;
    --social-icon-svg-height: 1.7rem;
    --social-icon-width: 32px;
    --social-icon-height: 32px;
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    padding: 0;
    margin: 0;
    list-style: none
}

    .social-icons__vi--wrapper li {
        margin-left: 16px
    }

        .social-icons__vi--wrapper li:first-child {
            margin-left: 0
        }

    .social-icons__vi--wrapper.theme-purple {
        --social-icon-color: #fff;
        --social-icon-hover-color: #fff;
        --social-icon-bg: #4f2d7f;
        --social-icon-hover-bg: #2b144d
    }

    .social-icons__vi--wrapper.theme-dark__purple {
        --social-icon-color: #fff;
        --social-icon-hover-color: #fff;
        --social-icon-bg: #2b144d;
        --social-icon-hover-bg: #4f2d7f
    }

    .social-icons__vi--wrapper.theme-light__grey {
        --social-icon-color: #2b144d;
        --social-icon-hover-color: #2b144d;
        --social-icon-bg: #f2f0ee;
        --social-icon-hover-bg: #ccc4bd
    }

    .social-icons__vi--wrapper.theme-dark__grey {
        --social-icon-color: #2b144d;
        --social-icon-hover-color: #2b144d;
        --social-icon-bg: #ccc4bd;
        --social-icon-hover-bg: #f2f0ee
    }

    .social-icons__vi--wrapper.theme-transparent {
        --social-icon-color: #2b144d;
        --social-icon-hover-color: #ce2c2c;
        --social-icon-bg: transparent;
        --social-icon-hover-bg: transparent;
        --social-icon-border-radius: 0;
        --social-icon-svg-width: 2rem;
        --social-icon-svg-height: 2rem;
        --social-icon-width: auto;
        --social-icon-height: auto
    }

    .social-icons__vi--wrapper.white-text {
        --social-icon-color: #fff
    }

    .social-icons__vi--wrapper.round-border {
        --social-icon-border-width: 0.1rem;
        --social-icon-border-color: #4f2d7f;
        --social-icon-bg: transparent;
        --social-icon-color: #4f2d7f;
        --social-icon-hover-color: #fff;
        --social-icon-hover-bg: #4f2d7f
    }

    .social-icons__vi--wrapper.center {
        justify-content: center
    }

.single-social__icon {
    --social-icon-color: #2b144d;
    --social-icon-hover-color: #fff;
    --social-icon-bg: #a06dff;
    --social-icon-hover-bg: #2b144d;
    --social-icon-border-radius: 100%;
    --social-icon-border-width: 0;
    --social-icon-border-color: transparent;
    --social-icon-svg-width: 1.7rem;
    --social-icon-svg-height: 1.7rem;
    --social-icon-width: 32px;
    --social-icon-height: 32px
}

    .single-social__icon .social-icon__vi, .single-social__icon .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li .single-social__icon a {
        transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }

        .single-social__icon .social-icon__vi.theme-purple, .single-social__icon .social-icons__vi--wrapper li a.theme-purple, .social-icons__vi--wrapper li .single-social__icon a.theme-purple {
            --social-icon-color: #fff;
            --social-icon-hover-color: #fff;
            --social-icon-bg: #4f2d7f;
            --social-icon-hover-bg: #2b144d
        }

        .single-social__icon .social-icon__vi.theme-dark__purple, .single-social__icon .social-icons__vi--wrapper li a.theme-dark__purple, .social-icons__vi--wrapper li .single-social__icon a.theme-dark__purple {
            --social-icon-color: #fff;
            --social-icon-hover-color: #fff;
            --social-icon-bg: #2b144d;
            --social-icon-hover-bg: #4f2d7f
        }

        .single-social__icon .social-icon__vi.theme-white, .single-social__icon .social-icons__vi--wrapper li a.theme-white, .social-icons__vi--wrapper li .single-social__icon a.theme-white {
            --social-icon-color: #2b144d;
            --social-icon-hover-color: #2b144d;
            --social-icon-bg: #fff;
            --social-icon-hover-bg: #a06dff
        }

        .single-social__icon .social-icon__vi.theme-light__grey, .single-social__icon .social-icons__vi--wrapper li a.theme-light__grey, .social-icons__vi--wrapper li .single-social__icon a.theme-light__grey {
            --social-icon-color: #2b144d;
            --social-icon-hover-color: #2b144d;
            --social-icon-bg: #f2f0ee;
            --social-icon-hover-bg: #ccc4bd
        }

        .single-social__icon .social-icon__vi.theme-dark__grey, .single-social__icon .social-icons__vi--wrapper li a.theme-dark__grey, .social-icons__vi--wrapper li .single-social__icon a.theme-dark__grey {
            --social-icon-color: #2b144d;
            --social-icon-hover-color: #2b144d;
            --social-icon-bg: #ccc4bd;
            --social-icon-hover-bg: #e0dcd7
        }

        .single-social__icon .social-icon__vi.theme-transparent, .single-social__icon .social-icons__vi--wrapper li a.theme-transparent, .social-icons__vi--wrapper li .single-social__icon a.theme-transparent {
            --social-icon-color: #2b144d;
            --social-icon-hover-color: #ce2c2c;
            --social-icon-bg: transparent;
            --social-icon-hover-bg: transparent;
            --social-icon-border-radius: 0;
            --social-icon-svg-width: 2rem;
            --social-icon-svg-height: 2rem;
            --social-icon-width: auto;
            --social-icon-height: auto;
            line-height: normal
        }

        .single-social__icon .social-icon__vi.white-text, .single-social__icon .social-icons__vi--wrapper li a.white-text, .social-icons__vi--wrapper li .single-social__icon a.white-text {
            --social-icon-color: #fff
        }

        .single-social__icon .social-icon__vi.purple-text, .single-social__icon .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li .single-social__icon a.purple-text {
            --social-icon-color: #4f2d7f;
            --social-icon-hover-color: #ce2c2c
        }

        .single-social__icon .social-icon__vi.red-text, .single-social__icon .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li .single-social__icon a.red-text {
            --social-icon-color: #ce2c2c;
            --social-icon-hover-color: #fff
        }

        .single-social__icon .social-icon__vi.grey-text, .single-social__icon .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li .single-social__icon a.grey-text {
            --social-icon-color: #666;
            --social-icon-hover-color: #4f2d7f
        }

        .single-social__icon .social-icon__vi.round-border, .single-social__icon .social-icons__vi--wrapper li a.round-border, .social-icons__vi--wrapper li .single-social__icon a.round-border {
            --social-icon-border-width: 0.1rem;
            --social-icon-border-color: #4f2d7f;
            --social-icon-bg: transparent;
            --social-icon-color: #4f2d7f;
            --social-icon-hover-color: #fff;
            --social-icon-hover-bg: #4f2d7f
        }

.has-hover.single-social__icon, [role=button].single-social__icon, button.single-social__icon, a.single-social__icon {
    transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
}

@media (hover: none) {
    .has-hover.single-social__icon, [role=button].single-social__icon, button.single-social__icon, a.single-social__icon {
        outline: none
    }
}

@media (hover: hover) {
    .has-hover.single-social__icon, [role=button].single-social__icon, button.single-social__icon, a.single-social__icon {
        cursor: pointer
    }

        .has-hover.single-social__icon:hover .social-icon__vi, .has-hover.single-social__icon:hover .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li .has-hover.single-social__icon:hover a, .has-hover.single-social__icon:active .social-icon__vi, .has-hover.single-social__icon:active .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li .has-hover.single-social__icon:active a, .has-hover.single-social__icon:focus-visible .social-icon__vi, .has-hover.single-social__icon:focus-visible .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li .has-hover.single-social__icon:focus-visible a, [role=button].single-social__icon:hover .social-icon__vi, [role=button].single-social__icon:hover .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li [role=button].single-social__icon:hover a, [role=button].single-social__icon:active .social-icon__vi, [role=button].single-social__icon:active .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li [role=button].single-social__icon:active a, [role=button].single-social__icon:focus-visible .social-icon__vi, [role=button].single-social__icon:focus-visible .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li [role=button].single-social__icon:focus-visible a, button.single-social__icon:hover .social-icon__vi, button.single-social__icon:hover .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li button.single-social__icon:hover a, button.single-social__icon:active .social-icon__vi, button.single-social__icon:active .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li button.single-social__icon:active a, button.single-social__icon:focus-visible .social-icon__vi, button.single-social__icon:focus-visible .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li button.single-social__icon:focus-visible a, a.single-social__icon:hover .social-icon__vi, a.single-social__icon:hover .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li a.single-social__icon:hover a, a.single-social__icon:active .social-icon__vi, a.single-social__icon:active .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li a.single-social__icon:active a, a.single-social__icon:focus-visible .social-icon__vi, a.single-social__icon:focus-visible .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li a.single-social__icon:focus-visible a {
            background: var(--social-icon-hover-bg, #4f2d7f);
            color: var(--social-icon-hover-color, #2b144d)
        }

            .has-hover.single-social__icon:hover .social-icon__vi.purple-text, .has-hover.single-social__icon:hover .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li .has-hover.single-social__icon:hover a.purple-text, .has-hover.single-social__icon:active .social-icon__vi.purple-text, .has-hover.single-social__icon:active .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li .has-hover.single-social__icon:active a.purple-text, .has-hover.single-social__icon:focus-visible .social-icon__vi.purple-text, .has-hover.single-social__icon:focus-visible .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li .has-hover.single-social__icon:focus-visible a.purple-text, [role=button].single-social__icon:hover .social-icon__vi.purple-text, [role=button].single-social__icon:hover .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li [role=button].single-social__icon:hover a.purple-text, [role=button].single-social__icon:active .social-icon__vi.purple-text, [role=button].single-social__icon:active .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li [role=button].single-social__icon:active a.purple-text, [role=button].single-social__icon:focus-visible .social-icon__vi.purple-text, [role=button].single-social__icon:focus-visible .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li [role=button].single-social__icon:focus-visible a.purple-text, button.single-social__icon:hover .social-icon__vi.purple-text, button.single-social__icon:hover .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li button.single-social__icon:hover a.purple-text, button.single-social__icon:active .social-icon__vi.purple-text, button.single-social__icon:active .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li button.single-social__icon:active a.purple-text, button.single-social__icon:focus-visible .social-icon__vi.purple-text, button.single-social__icon:focus-visible .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li button.single-social__icon:focus-visible a.purple-text, a.single-social__icon:hover .social-icon__vi.purple-text, a.single-social__icon:hover .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li a.single-social__icon:hover a.purple-text, a.single-social__icon:active .social-icon__vi.purple-text, a.single-social__icon:active .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li a.single-social__icon:active a.purple-text, a.single-social__icon:focus-visible .social-icon__vi.purple-text, a.single-social__icon:focus-visible .social-icons__vi--wrapper li a.purple-text, .social-icons__vi--wrapper li a.single-social__icon:focus-visible a.purple-text {
                --social-icon-color: #ce2c2c;
                --social-icon-hover-color: #ce2c2c
            }

            .has-hover.single-social__icon:hover .social-icon__vi.red-text, .has-hover.single-social__icon:hover .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li .has-hover.single-social__icon:hover a.red-text, .has-hover.single-social__icon:active .social-icon__vi.red-text, .has-hover.single-social__icon:active .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li .has-hover.single-social__icon:active a.red-text, .has-hover.single-social__icon:focus-visible .social-icon__vi.red-text, .has-hover.single-social__icon:focus-visible .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li .has-hover.single-social__icon:focus-visible a.red-text, [role=button].single-social__icon:hover .social-icon__vi.red-text, [role=button].single-social__icon:hover .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li [role=button].single-social__icon:hover a.red-text, [role=button].single-social__icon:active .social-icon__vi.red-text, [role=button].single-social__icon:active .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li [role=button].single-social__icon:active a.red-text, [role=button].single-social__icon:focus-visible .social-icon__vi.red-text, [role=button].single-social__icon:focus-visible .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li [role=button].single-social__icon:focus-visible a.red-text, button.single-social__icon:hover .social-icon__vi.red-text, button.single-social__icon:hover .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li button.single-social__icon:hover a.red-text, button.single-social__icon:active .social-icon__vi.red-text, button.single-social__icon:active .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li button.single-social__icon:active a.red-text, button.single-social__icon:focus-visible .social-icon__vi.red-text, button.single-social__icon:focus-visible .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li button.single-social__icon:focus-visible a.red-text, a.single-social__icon:hover .social-icon__vi.red-text, a.single-social__icon:hover .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li a.single-social__icon:hover a.red-text, a.single-social__icon:active .social-icon__vi.red-text, a.single-social__icon:active .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li a.single-social__icon:active a.red-text, a.single-social__icon:focus-visible .social-icon__vi.red-text, a.single-social__icon:focus-visible .social-icons__vi--wrapper li a.red-text, .social-icons__vi--wrapper li a.single-social__icon:focus-visible a.red-text {
                --social-icon-color: #fff;
                --social-icon-hover-color: #fff
            }

            .has-hover.single-social__icon:hover .social-icon__vi.grey-text, .has-hover.single-social__icon:hover .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li .has-hover.single-social__icon:hover a.grey-text, .has-hover.single-social__icon:active .social-icon__vi.grey-text, .has-hover.single-social__icon:active .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li .has-hover.single-social__icon:active a.grey-text, .has-hover.single-social__icon:focus-visible .social-icon__vi.grey-text, .has-hover.single-social__icon:focus-visible .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li .has-hover.single-social__icon:focus-visible a.grey-text, [role=button].single-social__icon:hover .social-icon__vi.grey-text, [role=button].single-social__icon:hover .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li [role=button].single-social__icon:hover a.grey-text, [role=button].single-social__icon:active .social-icon__vi.grey-text, [role=button].single-social__icon:active .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li [role=button].single-social__icon:active a.grey-text, [role=button].single-social__icon:focus-visible .social-icon__vi.grey-text, [role=button].single-social__icon:focus-visible .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li [role=button].single-social__icon:focus-visible a.grey-text, button.single-social__icon:hover .social-icon__vi.grey-text, button.single-social__icon:hover .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li button.single-social__icon:hover a.grey-text, button.single-social__icon:active .social-icon__vi.grey-text, button.single-social__icon:active .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li button.single-social__icon:active a.grey-text, button.single-social__icon:focus-visible .social-icon__vi.grey-text, button.single-social__icon:focus-visible .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li button.single-social__icon:focus-visible a.grey-text, a.single-social__icon:hover .social-icon__vi.grey-text, a.single-social__icon:hover .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li a.single-social__icon:hover a.grey-text, a.single-social__icon:active .social-icon__vi.grey-text, a.single-social__icon:active .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li a.single-social__icon:active a.grey-text, a.single-social__icon:focus-visible .social-icon__vi.grey-text, a.single-social__icon:focus-visible .social-icons__vi--wrapper li a.grey-text, .social-icons__vi--wrapper li a.single-social__icon:focus-visible a.grey-text {
                --social-icon-color: #4f2d7f;
                --social-icon-hover-color: #4f2d7f
            }
}

.social-icon__vi, .social-icons__vi--wrapper li a {
    width: var(--social-icon-width, 32px);
    height: var(--social-icon-height, 32px);
    border-radius: var(--social-icon-border-radius, 100%);
    background: var(--social-icon-bg, #4f2d7f);
    color: var(--social-icon-color, #2b144d);
    display: flex;
    align-items: center;
    justify-content: center;
    border: var(--social-icon-border-width, 0) solid var(--social-icon-border-color, transparent)
}

    .social-icon__vi svg, .social-icons__vi--wrapper li a svg {
        width: var(--social-icon-svg-width, 1.7rem);
        height: var(--social-icon-svg-height, 1.7rem);
        pointer-events: none
    }

    [role=button].social-icon__vi, .social-icons__vi--wrapper li a[role=button], .has-hover.social-icon__vi, .social-icons__vi--wrapper li a.has-hover, button.social-icon__vi, a.social-icon__vi, .social-icons__vi--wrapper li a {
        transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }

@media (hover: none) {
    [role=button].social-icon__vi, .social-icons__vi--wrapper li a[role=button], .has-hover.social-icon__vi, .social-icons__vi--wrapper li a.has-hover, button.social-icon__vi, a.social-icon__vi, .social-icons__vi--wrapper li a {
        outline: none
    }
}

@media (hover: hover) {
    [role=button].social-icon__vi, .social-icons__vi--wrapper li a[role=button], .has-hover.social-icon__vi, .social-icons__vi--wrapper li a.has-hover, button.social-icon__vi, a.social-icon__vi, .social-icons__vi--wrapper li a {
        cursor: pointer
    }

        [role=button].social-icon__vi:hover, .social-icons__vi--wrapper li a[role=button]:hover, [role=button].social-icon__vi:active, .social-icons__vi--wrapper li a[role=button]:active, [role=button].social-icon__vi:focus-visible, .social-icons__vi--wrapper li a[role=button]:focus-visible, .has-hover.social-icon__vi:hover, .social-icons__vi--wrapper li a.has-hover:hover, .has-hover.social-icon__vi:active, .social-icons__vi--wrapper li a.has-hover:active, .has-hover.social-icon__vi:focus-visible, .social-icons__vi--wrapper li a.has-hover:focus-visible, button.social-icon__vi:hover, button.social-icon__vi:active, button.social-icon__vi:focus-visible, a.social-icon__vi:hover, .social-icons__vi--wrapper li a:hover, a.social-icon__vi:active, .social-icons__vi--wrapper li a:active, a.social-icon__vi:focus-visible, .social-icons__vi--wrapper li a:focus-visible {
            background: var(--social-icon-hover-bg, #4f2d7f);
            color: var(--social-icon-hover-color, #2b144d)
        }
}

.auto-soft-hyphens {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

html, button, input, select, textarea {
    font-family: inherit
}

input, select, textarea {
    font-weight: var(--font-weight-normal)
}

/*p {
    font-size: 1.6rem;
    line-height: 150%;
    margin: 0 0 15px 0
}
*/


a .sectionTag {
    color: inherit
}

a {
    text-decoration: none;
    color: #302c2c
}

@media (hover: none) {
    a {
        outline: none
    }
}

@media (hover: hover) {
    a {
        cursor: pointer
    }

        a:hover, a:active, a:focus-visible {
            color: #002864;
            text-decoration: none;
            text-underline-offset: .18em
        }
}

@media (hover: none) {
    a:focus-visible {
        outline: none
    }
}

@media (hover: hover) {
    a:focus-visible {
        outline: thin dotted;
        outline-offset: -1px
    }
}

.link-icon {
    display: flex;
    margin-bottom: 6px
}

    .link-icon .icon {
        font-size: 2.4rem;
        line-height: 2.4rem;
        vertical-align: middle;
        margin-right: 10px;
        color: #4f2d7f
    }

        .link-icon .icon.icon-phone-new, .link-icon .icon.icon-printer_eps, .link-icon .icon.icon-contact_form {
            font-size: 2rem
        }

        .link-icon .icon.icon-mail-new {
            font-size: 1.4rem
        }

        .link-icon .icon.icon-contact_form {
            padding-left: 1px;
            margin-right: 17px
        }

    .link-icon a {
        font-size: 1.6rem
    }

/*p, pre {
    margin: 1em 0
}*/

/*h1, .h1 {
    font-size: 8rem;
    line-height: 80px;
    margin: 0 0 15px 0
}*/

/*@media (max-width: 767px) {
    h1, .h1 {
        font-size: 4.8rem;
        line-height: 56px
    }
}
*/
/*h2, .h2 {
    font-weight: var(--gt-subtitle--font-weight, var(--font-weight-semibold));
    margin: 0 0 15px 0
}
*/
/*@media (min-width: 1200px) {
    h2, .h2 {
        font-size: var(--gt-subtitle--font-size, 3.4rem);
        line-height: var(--gt-subtitle--line-height, 4rem)
    }
}

@media (max-width: 1199px) {
    h2, .h2 {
        font-size: var(--gt-subtitle--font-size-mobile, 2.4rem);
        line-height: var(--gt-subtitle--line-height-mobile, 3.2rem)
    }
}

h3, .h3, .big-text {
    font-size: 2.4rem;
    line-height: 150%;
    margin: 0 0 15px 0
}*/

.tinymce-wrapper h2 {
    font-weight: var(--gt-subtitle--font-weight, var(--font-weight-semibold))
}

@media (min-width: 1200px) {
    .tinymce-wrapper h2 {
        font-size: var(--gt-subtitle--font-size, 3.4rem);
        line-height: var(--gt-subtitle--line-height, 4rem)
    }
}

@media (max-width: 1199px) {
    .tinymce-wrapper h2 {
        font-size: var(--gt-subtitle--font-size-mobile, 2.4rem);
        line-height: var(--gt-subtitle--line-height-mobile, 3.2rem)
    }
}

.tinymce-wrapper h3, .tinymce-wrapper .h3, .tinymce-wrapper .big-text {
    font-weight: var(--gt-small-title--font-weight, var(--font-weight-semibold))
}

@media (min-width: 1200px) {
    .tinymce-wrapper h3, .tinymce-wrapper .h3, .tinymce-wrapper .big-text {
        font-size: var(--gt-small-title--font-size, 2.4rem);
        line-height: var(--gt-small-title--line-height, 3.2rem)
    }
}

@media (max-width: 1199px) {
    .tinymce-wrapper h3, .tinymce-wrapper .h3, .tinymce-wrapper .big-text {
        font-size: var(--gt-small-title--font-size-mobile, 2rem);
        line-height: var(--gt-small-title--line-height-mobile, 2.8rem)
    }
}

.tinymce-wrapper h4, .tinymce-wrapper .h4, .tinymce-wrapper .medium-text {
    font-weight: var(--gt-body-text--font-weight, var(--font-weight-semibold))
}

@media (min-width: 1200px) {
    .tinymce-wrapper h4, .tinymce-wrapper .h4, .tinymce-wrapper .medium-text {
        font-size: var(--gt-body-text--font-size, 2rem);
        line-height: var(--gt-body-text--line-height, 2.8rem)
    }
}

@media (max-width: 1199px) {
    .tinymce-wrapper h4, .tinymce-wrapper .h4, .tinymce-wrapper .medium-text {
        font-size: var(--gt-body-text--font-size-mobile, 1.8rem);
        line-height: var(--gt-body-text--line-height-mobile, 2.4rem)
    }
}

.tinymce-wrapper [id] {
    scroll-margin-top: calc(var(--header-height) + 32px)
}

@media (min-width: 1024px) {
    .tinymce-wrapper [id] {
        scroll-margin-top: calc(var(--header-height) + 64px)
    }
}

/*h4, .h4, .medium-text {
    font-size: 1.8rem;
    line-height: 150%;
    margin: 0 0 15px 0
}*/

.auto-soft-hyphens {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

@keyframes image-as-background-fade-in {
    0% {
        object-position: 100% 0
    }

    100% {
        object-position: 100% 30%
    }
}

@keyframes background-fade-in {
    0% {
        background-position-y: 0
    }

    100% {
        background-position-y: 30%
    }
}

@keyframes block-element-fade-in {
    0% {
        opacity: 0;
        transform: translateY(var(--element-fade-in-y)) translateZ(0)
    }

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

@keyframes block-element-fade-out {
    0% {
        opacity: 1;
        transform: translateY(0) translateZ(0)
    }

    100% {
        opacity: 0;
        transform: translateY(var(--element-fade-in-y)) translateZ(0)
    }
}

.reveal-item {
    --element-fade-in-y: 50px
}

@media (min-width: 960px) {
    .reveal-item {
        opacity: 0;
        animation: block-element-fade-in 1s forwards
    }
}

@media (min-width: 960px) {
    .animation-item {
        opacity: 0
    }

        .animation-item.force-show {
            opacity: 1
        }
}

.use-block-element-fade-in-fast, .use-block-element-fade-in {
    --element-fade-in-y: 300px;
    -webkit-animation-name: block-element-fade-in;
    animation-name: block-element-fade-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0.05, 0.4, 1);
    animation-timing-function: cubic-bezier(0.7, 0.05, 0.4, 1);
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform, opacity
}

.use-block-element-fade-in-fast {
    animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    animation-duration: 0.92s
}

.use-block-element-fade-in {
    --element-fade-in-y: 300px;
    -webkit-animation-name: block-element-fade-in;
    animation-name: block-element-fade-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0.05, 0.4, 1);
    animation-timing-function: cubic-bezier(0.7, 0.05, 0.4, 1);
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform, opacity
}

.use-block-element-fade-out {
    --element-fade-in-y: -300px;
    animation-name: block-element-fade-out;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.7, 0.05, 0.4, 1);
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    will-change: opacity;
    opacity: 1
}

.image-as-background-fade-in {
    animation-name: image-as-background-fade-in;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.7, 0.05, 0.4, 1);
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    opacity: 1
}

.background-fade-in {
    animation-name: background-fade-in;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.7, 0.05, 0.4, 1);
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    opacity: 1
}

.use-banner-zoom {
    opacity: 1
}

@-webkit-keyframes back {
    0% {
        -webkit-transform: scale(1) rotateY(180deg)
    }

    10% {
        -webkit-transform: scale(1.00077) rotateY(180deg)
    }

    20% {
        -webkit-transform: scale(1.02458) rotateY(180deg)
    }

    30% {
        -webkit-transform: scale(1.12542) rotateY(180.17136deg)
    }

    40% {
        -webkit-transform: scale(1.14923) rotateY(185.48343deg)
    }

    50% {
        -webkit-transform: scale(1.15) rotateY(221.63979deg)
    }

    60% {
        -webkit-transform: scale(1.14923) rotateY(318.36021deg)
    }

    70% {
        -webkit-transform: scale(1.12542) rotateY(354.51657deg)
    }

    80% {
        -webkit-transform: scale(1.02458) rotateY(359.82864deg)
    }

    90% {
        -webkit-transform: scale(1.00077) rotateY(360deg)
    }

    100% {
        -webkit-transform: scale(1) rotateY(360deg)
    }
}

@-moz-keyframes back {
    0% {
        -moz-transform: scale(1) rotateY(180deg)
    }

    10% {
        -moz-transform: scale(1.00077) rotateY(180deg)
    }

    20% {
        -moz-transform: scale(1.02458) rotateY(180deg)
    }

    30% {
        -moz-transform: scale(1.12542) rotateY(180.17136deg)
    }

    40% {
        -moz-transform: scale(1.14923) rotateY(185.48343deg)
    }

    50% {
        -moz-transform: scale(1.15) rotateY(221.63979deg)
    }

    60% {
        -moz-transform: scale(1.14923) rotateY(318.36021deg)
    }

    70% {
        -moz-transform: scale(1.12542) rotateY(354.51657deg)
    }

    80% {
        -moz-transform: scale(1.02458) rotateY(359.82864deg)
    }

    90% {
        -moz-transform: scale(1.00077) rotateY(360deg)
    }

    100% {
        -moz-transform: scale(1) rotateY(360deg)
    }
}

@-ms-keyframes back {
    0% {
        -ms-transform: scale(1) rotateY(180deg)
    }

    10% {
        -ms-transform: scale(1.00077) rotateY(180deg)
    }

    20% {
        -ms-transform: scale(1.02458) rotateY(180deg)
    }

    30% {
        -ms-transform: scale(1.12542) rotateY(180.17136deg)
    }

    40% {
        -ms-transform: scale(1.14923) rotateY(185.48343deg)
    }

    50% {
        -ms-transform: scale(1.15) rotateY(221.63979deg)
    }

    60% {
        -ms-transform: scale(1.14923) rotateY(318.36021deg)
    }

    70% {
        -ms-transform: scale(1.12542) rotateY(354.51657deg)
    }

    80% {
        -ms-transform: scale(1.02458) rotateY(359.82864deg)
    }

    90% {
        -ms-transform: scale(1.00077) rotateY(360deg)
    }

    100% {
        -ms-transform: scale(1) rotateY(360deg)
    }
}

@-o-keyframes back {
    0% {
        -o-transform: scale(1) rotateY(180deg)
    }

    10% {
        -o-transform: scale(1.00077) rotateY(180deg)
    }

    20% {
        -o-transform: scale(1.02458) rotateY(180deg)
    }

    30% {
        -o-transform: scale(1.12542) rotateY(180.17136deg)
    }

    40% {
        -o-transform: scale(1.14923) rotateY(185.48343deg)
    }

    50% {
        -o-transform: scale(1.15) rotateY(221.63979deg)
    }

    60% {
        -o-transform: scale(1.14923) rotateY(318.36021deg)
    }

    70% {
        -o-transform: scale(1.12542) rotateY(354.51657deg)
    }

    80% {
        -o-transform: scale(1.02458) rotateY(359.82864deg)
    }

    90% {
        -o-transform: scale(1.00077) rotateY(360deg)
    }

    100% {
        -o-transform: scale(1) rotateY(360deg)
    }
}

@keyframes back {
    0% {
        transform: scale(1) rotateY(180deg)
    }

    10% {
        transform: scale(1.00077) rotateY(180deg)
    }

    20% {
        transform: scale(1.02458) rotateY(180deg)
    }

    30% {
        transform: scale(1.12542) rotateY(180.17136deg)
    }

    40% {
        transform: scale(1.14923) rotateY(185.48343deg)
    }

    50% {
        transform: scale(1.15) rotateY(221.63979deg)
    }

    60% {
        transform: scale(1.14923) rotateY(318.36021deg)
    }

    70% {
        transform: scale(1.12542) rotateY(354.51657deg)
    }

    80% {
        transform: scale(1.02458) rotateY(359.82864deg)
    }

    90% {
        transform: scale(1.00077) rotateY(360deg)
    }

    100% {
        transform: scale(1) rotateY(360deg)
    }
}

@-webkit-keyframes front {
    0% {
        -webkit-transform: scale(1) rotateY(0deg)
    }

    10% {
        -webkit-transform: scale(1.00077) rotateY(0deg)
    }

    20% {
        -webkit-transform: scale(1.02458) rotateY(0deg)
    }

    30% {
        -webkit-transform: scale(1.12542) rotateY(0.17136deg)
    }

    40% {
        -webkit-transform: scale(1.14923) rotateY(5.48343deg)
    }

    50% {
        -webkit-transform: scale(1.15) rotateY(41.63979deg)
    }

    60% {
        -webkit-transform: scale(1.14923) rotateY(138.36021deg)
    }

    70% {
        -webkit-transform: scale(1.12542) rotateY(174.51657deg)
    }

    80% {
        -webkit-transform: scale(1.02458) rotateY(179.82864deg)
    }

    90% {
        -webkit-transform: scale(1.00077) rotateY(180deg)
    }

    100% {
        -webkit-transform: scale(1) rotateY(180deg)
    }
}

@-moz-keyframes front {
    0% {
        -moz-transform: scale(1) rotateY(0deg)
    }

    10% {
        -moz-transform: scale(1.00077) rotateY(0deg)
    }

    20% {
        -moz-transform: scale(1.02458) rotateY(0deg)
    }

    30% {
        -moz-transform: scale(1.12542) rotateY(0.17136deg)
    }

    40% {
        -moz-transform: scale(1.14923) rotateY(5.48343deg)
    }

    50% {
        -moz-transform: scale(1.15) rotateY(41.63979deg)
    }

    60% {
        -moz-transform: scale(1.14923) rotateY(138.36021deg)
    }

    70% {
        -moz-transform: scale(1.12542) rotateY(174.51657deg)
    }

    80% {
        -moz-transform: scale(1.02458) rotateY(179.82864deg)
    }

    90% {
        -moz-transform: scale(1.00077) rotateY(180deg)
    }

    100% {
        -moz-transform: scale(1) rotateY(180deg)
    }
}

@-ms-keyframes front {
    0% {
        -ms-transform: scale(1) rotateY(0deg)
    }

    10% {
        -ms-transform: scale(1.00077) rotateY(0deg)
    }

    20% {
        -ms-transform: scale(1.02458) rotateY(0deg)
    }

    30% {
        -ms-transform: scale(1.12542) rotateY(0.17136deg)
    }

    40% {
        -ms-transform: scale(1.14923) rotateY(5.48343deg)
    }

    50% {
        -ms-transform: scale(1.15) rotateY(41.63979deg)
    }

    60% {
        -ms-transform: scale(1.14923) rotateY(138.36021deg)
    }

    70% {
        -ms-transform: scale(1.12542) rotateY(174.51657deg)
    }

    80% {
        -ms-transform: scale(1.02458) rotateY(179.82864deg)
    }

    90% {
        -ms-transform: scale(1.00077) rotateY(180deg)
    }

    100% {
        -ms-transform: scale(1) rotateY(180deg)
    }
}

@-o-keyframes front {
    0% {
        -o-transform: scale(1) rotateY(0deg)
    }

    10% {
        -o-transform: scale(1.00077) rotateY(0deg)
    }

    20% {
        -o-transform: scale(1.02458) rotateY(0deg)
    }

    30% {
        -o-transform: scale(1.12542) rotateY(0.17136deg)
    }

    40% {
        -o-transform: scale(1.14923) rotateY(5.48343deg)
    }

    50% {
        -o-transform: scale(1.15) rotateY(41.63979deg)
    }

    60% {
        -o-transform: scale(1.14923) rotateY(138.36021deg)
    }

    70% {
        -o-transform: scale(1.12542) rotateY(174.51657deg)
    }

    80% {
        -o-transform: scale(1.02458) rotateY(179.82864deg)
    }

    90% {
        -o-transform: scale(1.00077) rotateY(180deg)
    }

    100% {
        -o-transform: scale(1) rotateY(180deg)
    }
}

@keyframes front {
    0% {
        transform: scale(1) rotateY(0deg)
    }

    10% {
        transform: scale(1.00077) rotateY(0deg)
    }

    20% {
        transform: scale(1.02458) rotateY(0deg)
    }

    30% {
        transform: scale(1.12542) rotateY(0.17136deg)
    }

    40% {
        transform: scale(1.14923) rotateY(5.48343deg)
    }

    50% {
        transform: scale(1.15) rotateY(41.63979deg)
    }

    60% {
        transform: scale(1.14923) rotateY(138.36021deg)
    }

    70% {
        transform: scale(1.12542) rotateY(174.51657deg)
    }

    80% {
        transform: scale(1.02458) rotateY(179.82864deg)
    }

    90% {
        transform: scale(1.00077) rotateY(180deg)
    }

    100% {
        transform: scale(1) rotateY(180deg)
    }
}

@keyframes svg-animate {
    0% {
        d: path(" M0 0")
    }

    38% {
        d: path(" M72.80899810791016,3 C72.80899810791016,3 71,3 68,3")
    }

    60% {
        d: path(" M72.80899810791016,3 C72.80899810791016,3 3,3 3,3")
    }

    100% {
        d: path(" M72.80899810791016,3 C72.80899810791016,3 3,3 3,3")
    }
}

@keyframes svg-animate2 {
    0% {
        d: path(" M0 0")
    }

    2.6% {
        d: path(" M3.76200008392334,-42.64699935913086 C2.6480000019073486,-42.933998107910156 1.5180000066757202,-43.176998138427734 0.3720000088214874,-43.375999450683594")
    }

    5.2% {
        d: path(" M0.8019999861717224,-43.29899978637695 C-1.7999999523162842,-43.77899932861328 -4.482999801635742,-44.02899932861328 -7.223999977111816,-44.02899932861328 C-9.432000160217285,-44.02899932861328 -11.607999801635742,-43.86600112915039 -13.739999771118164,-43.553001403808594")
    }

    7.8% {
        d: path(" M-4.453000068664551,-43.94300079345703 C-5.36899995803833,-44 -6.293000221252441,-44.02899932861328 -7.223999977111816,-44.02899932861328 C-17.93600082397461,-44.02899932861328 -27.902999877929688,-40.20199966430664 -35.70100021362305,-33.84000015258789")
    }

    10.4% {
        d: path("M-12.060999870300293,-43.766998291015625 C-32.17499923706055,-41.582000732421875 -48.724998474121094,-25.952999114990234 -51.56800079345703,-6.0920000076293945")
    }

    13% {
        d: path(" M-21.638999938964844,-41.643001556396484 C-39.11000061035156,-35.698001861572266 -52,-19.305999755859375 -52,-0.014999999664723873 C-52,10.817000389099121 -48.09000015258789,20.740999221801758 -41.604000091552734,28.415000915527344")
    }

    15.6% {
        d: path(" M-32.21099853515625,-36.42100143432617 C-44.066001892089844,-28.5 -52,-15.14900016784668 -52,-0.014999999664723873 C-52,23.719999313354492 -33.22700119018555,43.09400177001953 -9.71399974822998,43.99599838256836")
    }

    18.2% {
        d: path("M-42.03900146484375,-27.533000946044922 C-48.24399948120117,-19.996000289916992 -52,-10.428000450134277 -52,-0.014999999664723873 C-52,24.29400062561035 -32.30799865722656,44.02899932861328 -8,44.02899932861328 C4.394999980926514,44.02899932861328 11.437000274658203,40.229000091552734 19.63800048828125,32.37699890136719")
    }

    20.8% {
        d: path("M-49.16899871826172,-15.322999954223633 C-50.99599838256836,-10.555999755859375 -52,-5.3979997634887695 -52,-0.014999999664723873 C-52,24.29400062561035 -32.30799865722656,44.02899932861328 -8,44.02899932861328 C4.577000141143799,44.02899932861328 11.642000198364258,40.117000579833984 20,32.02899932861328 C26.735000610351562,25.29400062561035 33.46900177001953,18.61199951171875 39.01100158691406,13.130000114440918")
    }

    23.4% {
        d: path("M-51.981998443603516,-1.2519999742507935 C-51.99399948120117,-0.8410000205039978 -52,-0.42899999022483826 -52,-0.014999999664723873 C-52,24.29400062561035 -32.30799865722656,44.02899932861328 -8,44.02899932861328 C4.577000141143799,44.02899932861328 11.642000198364258,40.117000579833984 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 51.095001220703125,-0.5490000247955322 49.505001068115234,-2.0850000381469727")
    }

    26% {
        d: path(" M-50.15800094604492,12.633000373840332 C-44.72800064086914,30.785999298095703 -27.913000106811523,44.02899932861328 -8,44.02899932861328 C4.577000141143799,44.02899932861328 11.642000198364258,40.117000579833984 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 45.95000076293945,-5.494999885559082 37.638999938964844,-13.621000289916992")
    }

    28.6% {
        d: path(" M-44.500999450683594,24.58300018310547 C-36.59700012207031,36.31100082397461 -23.201000213623047,44.02899932861328 -8,44.02899932861328 C4.577000141143799,44.02899932861328 11.642000198364258,40.117000579833984 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 41.47800064086914,-9.793999671936035 29.124000549316406,-21.98200035095215")
    }

    31.2% {
        d: path(" M-36.39899826049805,33.625 C-28.736000061035156,40.1150016784668 -18.826000213623047,44.02899932861328 -8,44.02899932861328 C4.577000141143799,44.02899932861328 11.642000198364258,40.117000579833984 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 38.0890007019043,-13.052000045776367 23.476999282836914,-27.572999954223633")
    }

    33.8% {
        d: path(" M-27.253999710083008,39.597999572753906 C-21.43899917602539,42.43600082397461 -14.906000137329102,44.02899932861328 -8,44.02899932861328 C4.577000141143799,44.02899932861328 11.642000198364258,40.117000579833984 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 36.03300094604492,-15.029000282287598 20.341999053955078,-30.69499969482422")
    }

    36.4% {
        d: path(" M-18.14299964904785,42.85300064086914 C-14.88700008392334,43.62200164794922 -11.491000175476074,44.02899932861328 -8,44.02899932861328 C4.577000141143799,44.02899932861328 11.642000198364258,40.117000579833984 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    39% {
        d: path(" M-9.795999526977539,43.99300003051758 C-9.199999809265137,44.016998291015625 -8.60099983215332,44.02899932861328 -8,44.02899932861328 C4.577000141143799,44.02899932861328 11.642000198364258,40.117000579833984 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    41.6% {
        d: path(" M-2.5420000553131104,43.74800109863281 C6.789999961853027,42.72100067138672 12.932999610900879,38.86800003051758 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    44.2% {
        d: path(" M3.4549999237060547,42.584999084472656 C9.67199993133545,40.78499984741211 14.562000274658203,37.29100036621094 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    46.8% {
        d: path(" M8.194999694824219,40.7760009765625 C12.32800006866455,38.78900146484375 16.017000198364258,35.882999420166016 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    49.4% {
        d: path(" M11.788000106811523,38.75600051879883 C14.550000190734863,36.974998474121094 17.202999114990234,34.736000061035156 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    53% {
        d: path(" M14.420999526977539,36.900001525878906 C16.267000198364258,35.4900016784668 18.100000381469727,33.86800003051758 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    55.6% {
        d: path(" M16.315000534057617,35.37799835205078 C17.52899932861328,34.354000091552734 18.75,33.237998962402344 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    58.2% {
        d: path(" M18.26300048828125,33.665000915527344 C18.836999893188477,33.13999938964844 19.415000915527344,32.595001220703125 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    60.8% {
        d: path(" M18.483999252319336,33.46200180053711 C18.986000061035156,33 19.489999771118164,32.52199935913086 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    63.4% {
        d: path(" M18.483999252319336,33.46200180053711 C18.986000061035156,33 19.489999771118164,32.52199935913086 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    100% {
        d: path(" M18.483999252319336,33.46200180053711 C18.986000061035156,33 19.489999771118164,32.52199935913086 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }
}

@keyframes svg-animate-out-1 {
    0% {
        d: path(" M72.80899810791016,3 C72.80899810791016,3 3,3 3,3")
    }

    38% {
        d: path(" M72.80899810791016,3 C72.80899810791016,3 13.89900016784668,3 4.311999797821045,3")
    }

    60% {
        d: path(" M72.80899810791016,3 C72.80899810791016,3 67.7979965209961,3 60.459999084472656,3")
    }

    100% {
        d: path("M0 0")
    }
}

@keyframes svg-animate-out-2 {
    0% {
        d: path(" M18.483999252319336,33.46200180053711 C18.986000061035156,33 19.489999771118164,32.52199935913086 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    7% {
        d: path(" M18.884000778198242,33.09000015258789 C19.253999710083008,32.744998931884766 19.625999450683594,32.39099884033203 20,32.02899932861328 C36,16.02899932861328 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    14% {
        d: path(" M21.44099998474121,30.589000701904297 C36.946998596191406,15.100000381469727 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    21% {
        d: path(" M25.211000442504883,26.827999114990234 C39.29800033569336,12.791000366210938 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    28% {
        d: path(" M31.93000030517578,20.145999908447266 C43.09600067138672,9.062999725341797 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    35% {
        d: path(" M43.65299987792969,8.543000221252441 C48.722999572753906,3.5380001068115234 52,0.32100000977516174 52,0.32100000977516174 C52,0.32100000977516174 35.356998443603516,-15.678999900817871 19.35700035095215,-31.679000854492188")
    }

    42% {
        d: path(" M44.60100173950195,-6.835999965667725 C38.262001037597656,-12.993000030517578 28.700000762939453,-22.336000442504883 19.35700035095215,-31.679000854492188")
    }

    49% {
        d: path(" M32.801998138427734,-18.361000061035156 C28.53499984741211,-22.55299949645996 23.920000076293945,-27.115999221801758 19.35700035095215,-31.679000854492188")
    }

    56% {
        d: path(" M26.05500030517578,-25.014999389648438 C23.840999603271484,-27.207000732421875 21.593000411987305,-29.44300079345703 19.35700035095215,-31.679000854492188")
    }

    63% {
        d: path(" M21.09600067138672,-29.941999435424805 C20.516000747680664,-30.520999908447266 19.93600082397461,-31.100000381469727 19.35700035095215,-31.679000854492188")
    }

    70% {
        d: path(" M19.743000030517578,-31.292999267578125 C19.61400032043457,-31.422000885009766 19.486000061035156,-31.549999237060547 19.35700035095215,-31.679000854492188")
    }

    100% {
        d: path("M0 0")
    }
}

@keyframes secondary-button-animate {
    0% {
        width: 0;
        border-radius: 0 50px 50px 0;
        height: 150%;
        transform: translateZ(0) translateX(0) translateY(-50%)
    }

    100% {
        width: 150%;
        height: 150%;
        border-radius: 0 150px 150px 0;
        transform: translateZ(0) translateX(0) translateY(-50%)
    }
}

@keyframes secondary-button-animate-out {
    0% {
        width: 150%;
        height: 150%;
        left: 0;
        right: 100%;
        border-radius: 150px 0 0 150px;
        transform: translateZ(0) translateX(0) translateY(-50%)
    }

    100% {
        border-radius: 20px 0 0 20px;
        width: 0;
        height: 150%;
        right: 0;
        transform: translateZ(0) translateX(10px) translateY(-50%);
        left: 100%
    }
}

@keyframes hyperlink-animate-in {
    0% {
        background-size: 0 2px;
        background-position-x: -10%
    }

    100% {
        background-size: 100% 2px;
        background-position-x: -10%
    }
}

@keyframes hyperlink-animate-out {
    0% {
        background-size: 100% 2px;
        background-position-x: 110%
    }

    90% {
        background-size: 0px 2px;
        background-position-x: 110%
    }

    100% {
        background-size: 0px 2px;
        background-position-x: 110%
    }
}

@keyframes external-link-dash {
    0% {
        stroke-dashoffset: 100;
        rotate: 240deg
    }

    63% {
        rotate: 0deg
    }

    65% {
        stroke-dashoffset: 64
    }

    65.01% {
        stroke-dashoffset: 0
    }

    90% {
        stroke-dashoffset: -28
    }

    100% {
        stroke-dashoffset: -36;
        rotate: 0deg
    }
}

@keyframes external-link-dash2 {
    0% {
        stroke-dashoffset: 100
    }

    100% {
        stroke-dashoffset: 37
    }
}

@keyframes external-link-dash2-out {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -63
    }
}

@keyframes external-link-arrow {
    0% {
        opacity: 0
    }

    55% {
        opacity: 0;
        transform: translate(35%, 20%)
    }

    60% {
        opacity: 1
    }

    70% {
        transform: translate(60%, -5%)
    }

    90% {
        transform: matrix(1, 0, 0, 1, 16.00955, 1.5193)
    }

    100% {
        transform: matrix(1, 0, 0, 1, 16.00955, 1.5193);
        opacity: 1
    }
}

@keyframes external-link-arrow-rtl {
    0% {
        opacity: 0
    }

    55% {
        opacity: 0;
        transform: translate(-35%, 20%)
    }

    60% {
        opacity: 1
    }

    70% {
        transform: translate(-60%, -5%)
    }

    90% {
        transform: matrix(1, 0, 0, 1, -16.00955, 1.5193)
    }

    100% {
        transform: matrix(1, 0, 0, 1, -16.00955, 1.5193);
        opacity: 1
    }
}

@keyframes external-link-arrow-out {
    0% {
        transform: matrix(1, 0, 0, 1, 16.00955, 1.5193);
        opacity: 1
    }

    50% {
        transform: translate(60%, -5%)
    }

    70% {
        opacity: 1
    }

    100% {
        transform: translate(35%, 20%);
        opacity: 0
    }
}

@keyframes glide-arrow-button-1-animation {
    0% {
        left: 50%
    }

    100% {
        left: 32px;
        margin-left: 0
    }
}

@keyframes glide-arrow-button-2-animation {
    0% {
        left: -6px
    }

    100% {
        left: 50%
    }
}

@keyframes glide-arrow-prev-button-1-animation {
    0% {
        left: 50%
    }

    100% {
        left: -32px;
        margin-left: 0
    }
}

@keyframes glide-arrow-prev-button-2-animation {
    0% {
        left: 40px
    }

    100% {
        left: 50%
    }
}

.bg-gradient-animate .background:not(.showing-video)::after, .mobius .background:not(.showing-video)::after {
    display: none
}

.link-tertiary-on-hover {
    color: var(--button-vi-text-hover-color, #ce2c2c);
    text-decoration: none;
    --hyperlink-animate-duration: .35s;
    --hyperlink-bg-color: #ce2c2c;
    display: inline;
    padding-bottom: 0.5rem;
    margin-bottom: -0.5rem;
    background-position-y: var(--link-tertiary--bg-position, 1.2em)
}

@media (min-width: 1024px) {
    .link-tertiary-on-hover {
        overflow: hidden;
        background-repeat: no-repeat;
        background-image: linear-gradient(var(--hyperlink-bg-color), var(--hyperlink-bg-color));
        animation: hyperlink-animate-out var(--hyperlink-animate-duration) linear forwards
    }
}

@media (hover: none) {
    .link-tertiary-on-hover {
        outline: none
    }
}

@media (hover: hover) {
    .link-tertiary-on-hover {
        cursor: pointer
    }

        .link-tertiary-on-hover:hover, .link-tertiary-on-hover:active, .link-tertiary-on-hover:focus-visible {
            color: var(--button-vi-text-hover-color, #ce2c2c);
            text-decoration: none
        }
}

@media (hover: hover) and (min-width: 1024px) {
    .link-tertiary-on-hover:hover, .link-tertiary-on-hover:active, .link-tertiary-on-hover:focus-visible {
        animation: hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards
    }
}

.translate-x-with-opacity.trigger-animation .translate-animation-item {
    opacity: 1;
    transform: translateX(0)
}

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(1) {
        transition-delay: .04s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(2) {
        transition-delay: .08s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(3) {
        transition-delay: .12s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(4) {
        transition-delay: .16s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(5) {
        transition-delay: .2s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(6) {
        transition-delay: .24s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(7) {
        transition-delay: .28s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(8) {
        transition-delay: .32s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(9) {
        transition-delay: .36s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(10) {
        transition-delay: .4s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(11) {
        transition-delay: .44s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(12) {
        transition-delay: .48s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(13) {
        transition-delay: .52s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(14) {
        transition-delay: .56s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(15) {
        transition-delay: .6s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(16) {
        transition-delay: .64s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(17) {
        transition-delay: .68s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(18) {
        transition-delay: .72s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(19) {
        transition-delay: .76s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(20) {
        transition-delay: .8s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(21) {
        transition-delay: .84s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(22) {
        transition-delay: .88s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(23) {
        transition-delay: .92s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(24) {
        transition-delay: .96s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(25) {
        transition-delay: 1s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(26) {
        transition-delay: 1.04s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(27) {
        transition-delay: 1.08s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(28) {
        transition-delay: 1.12s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(29) {
        transition-delay: 1.16s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(30) {
        transition-delay: 1.2s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(31) {
        transition-delay: 1.24s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(32) {
        transition-delay: 1.28s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(33) {
        transition-delay: 1.32s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(34) {
        transition-delay: 1.36s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(35) {
        transition-delay: 1.4s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(36) {
        transition-delay: 1.44s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(37) {
        transition-delay: 1.48s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(38) {
        transition-delay: 1.52s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(39) {
        transition-delay: 1.56s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(40) {
        transition-delay: 1.6s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(41) {
        transition-delay: 1.64s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(42) {
        transition-delay: 1.68s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(43) {
        transition-delay: 1.72s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(44) {
        transition-delay: 1.76s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(45) {
        transition-delay: 1.8s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(46) {
        transition-delay: 1.84s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(47) {
        transition-delay: 1.88s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(48) {
        transition-delay: 1.92s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(49) {
        transition-delay: 1.96s
    }

    .translate-x-with-opacity.trigger-animation .translate-animation-item:nth-of-type(50) {
        transition-delay: 2s
    }

.translate-x-with-opacity .translate-animation-item {
    transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translateX(3rem)
}

    .translate-x-with-opacity .translate-animation-item:nth-of-type(1) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(2) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(3) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(4) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(5) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(6) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(7) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(8) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(9) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(10) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(11) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(12) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(13) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(14) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(15) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(16) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(17) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(18) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(19) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(20) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(21) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(22) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(23) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(24) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(25) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(26) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(27) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(28) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(29) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(30) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(31) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(32) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(33) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(34) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(35) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(36) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(37) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(38) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(39) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(40) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(41) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(42) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(43) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(44) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(45) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(46) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(47) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(48) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(49) {
        transition-delay: 0s
    }

    .translate-x-with-opacity .translate-animation-item:nth-of-type(50) {
        transition-delay: 0s
    }

.translate-y-with-opacity.trigger-animation .translate-animation-item {
    opacity: 1;
    transform: translateY(0)
}

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(1) {
        transition-delay: .035s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(2) {
        transition-delay: .07s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(3) {
        transition-delay: .105s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(4) {
        transition-delay: .14s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(5) {
        transition-delay: .175s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(6) {
        transition-delay: .21s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(7) {
        transition-delay: .245s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(8) {
        transition-delay: .28s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(9) {
        transition-delay: .315s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(10) {
        transition-delay: .35s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(11) {
        transition-delay: .385s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(12) {
        transition-delay: .42s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(13) {
        transition-delay: .455s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(14) {
        transition-delay: .49s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(15) {
        transition-delay: .525s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(16) {
        transition-delay: .56s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(17) {
        transition-delay: .595s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(18) {
        transition-delay: .63s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(19) {
        transition-delay: .665s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(20) {
        transition-delay: .7s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(21) {
        transition-delay: .735s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(22) {
        transition-delay: .77s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(23) {
        transition-delay: .805s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(24) {
        transition-delay: .84s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(25) {
        transition-delay: .875s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(26) {
        transition-delay: .91s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(27) {
        transition-delay: .945s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(28) {
        transition-delay: .98s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(29) {
        transition-delay: 1.015s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(30) {
        transition-delay: 1.05s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(31) {
        transition-delay: 1.085s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(32) {
        transition-delay: 1.12s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(33) {
        transition-delay: 1.155s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(34) {
        transition-delay: 1.19s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(35) {
        transition-delay: 1.225s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(36) {
        transition-delay: 1.26s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(37) {
        transition-delay: 1.295s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(38) {
        transition-delay: 1.33s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(39) {
        transition-delay: 1.365s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(40) {
        transition-delay: 1.4s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(41) {
        transition-delay: 1.435s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(42) {
        transition-delay: 1.47s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(43) {
        transition-delay: 1.505s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(44) {
        transition-delay: 1.54s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(45) {
        transition-delay: 1.575s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(46) {
        transition-delay: 1.61s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(47) {
        transition-delay: 1.645s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(48) {
        transition-delay: 1.68s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(49) {
        transition-delay: 1.715s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item:nth-of-type(50) {
        transition-delay: 1.75s
    }

    .translate-y-with-opacity.trigger-animation .translate-animation-item.slow {
        transform: translateY(0)
    }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(1) {
            transition-delay: .06s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(2) {
            transition-delay: .12s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(3) {
            transition-delay: .18s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(4) {
            transition-delay: .24s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(5) {
            transition-delay: .3s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(6) {
            transition-delay: .36s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(7) {
            transition-delay: .42s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(8) {
            transition-delay: .48s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(9) {
            transition-delay: .54s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(10) {
            transition-delay: .6s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(11) {
            transition-delay: .66s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(12) {
            transition-delay: .72s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(13) {
            transition-delay: .78s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(14) {
            transition-delay: .84s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(15) {
            transition-delay: .9s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(16) {
            transition-delay: .96s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(17) {
            transition-delay: 1.02s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(18) {
            transition-delay: 1.08s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(19) {
            transition-delay: 1.14s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(20) {
            transition-delay: 1.2s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(21) {
            transition-delay: 1.26s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(22) {
            transition-delay: 1.32s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(23) {
            transition-delay: 1.38s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(24) {
            transition-delay: 1.44s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(25) {
            transition-delay: 1.5s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(26) {
            transition-delay: 1.56s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(27) {
            transition-delay: 1.62s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(28) {
            transition-delay: 1.68s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(29) {
            transition-delay: 1.74s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(30) {
            transition-delay: 1.8s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(31) {
            transition-delay: 1.86s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(32) {
            transition-delay: 1.92s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(33) {
            transition-delay: 1.98s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(34) {
            transition-delay: 2.04s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(35) {
            transition-delay: 2.1s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(36) {
            transition-delay: 2.16s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(37) {
            transition-delay: 2.22s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(38) {
            transition-delay: 2.28s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(39) {
            transition-delay: 2.34s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(40) {
            transition-delay: 2.4s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(41) {
            transition-delay: 2.46s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(42) {
            transition-delay: 2.52s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(43) {
            transition-delay: 2.58s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(44) {
            transition-delay: 2.64s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(45) {
            transition-delay: 2.7s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(46) {
            transition-delay: 2.76s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(47) {
            transition-delay: 2.82s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(48) {
            transition-delay: 2.88s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(49) {
            transition-delay: 2.94s
        }

        .translate-y-with-opacity.trigger-animation .translate-animation-item.slow:nth-of-type(50) {
            transition-delay: 3s
        }

.translate-y-with-opacity .translate-animation-item {
    transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translateY(-1.5rem)
}

    .translate-y-with-opacity .translate-animation-item.slow {
        transform: translateY(-3rem)
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(1) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(2) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(3) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(4) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(5) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(6) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(7) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(8) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(9) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(10) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(11) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(12) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(13) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(14) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(15) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(16) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(17) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(18) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(19) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(20) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(21) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(22) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(23) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(24) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(25) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(26) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(27) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(28) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(29) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(30) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(31) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(32) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(33) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(34) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(35) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(36) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(37) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(38) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(39) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(40) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(41) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(42) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(43) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(44) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(45) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(46) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(47) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(48) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(49) {
        transition-delay: 0s
    }

    .translate-y-with-opacity .translate-animation-item:nth-of-type(50) {
        transition-delay: 0s
    }

.btn-primary-purple {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    background: #ce2c2c;
    align-items: center;
    border-color: #fff;
    background: transparent;
    color: #4f2d7f;
    border-color: #4f2d7f
}

@media (max-width: 479px) {
    .btn-primary-purple {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.btn-primary-purple .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .btn-primary-purple {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary-purple {
        cursor: pointer
    }

        .btn-primary-purple:hover, .btn-primary-purple:active, .btn-primary-purple:focus-visible {
            text-decoration: none
        }

            .btn-primary-purple:hover .button-vi-text, .btn-primary-purple:active .button-vi-text, .btn-primary-purple:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .btn-primary-purple:hover .svg-animation-vi, .btn-primary-purple:active .svg-animation-vi, .btn-primary-purple:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .btn-primary-purple:hover .svg-animation-vi, .btn-primary-purple:active .svg-animation-vi, .btn-primary-purple:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.btn-primary-purple .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

.btn-primary-purple .svg-animation-vi {
    color: var(--button-vi-text-color, #fff);
    opacity: 0;
    --svg-animate-name: svg-animate-out-1;
    --svg-animate-name2: svg-animate-out-2
}

@supports (d: path("M0 0")) {
    .btn-primary-purple .svg-animation-vi {
        transition: opacity 0s ease;
        transition-delay: 0.3s
    }
}

@media (max-width: 1023px) {
    .btn-primary-purple .svg-animation-vi {
        display: none
    }
}

.btn-primary-purple .button-vi-text {
    transition: all .5s ease-in-out;
    transform: translateX(1rem)
}

@media (max-width: 479px) {
    .btn-primary-purple .button-vi-text {
        transform: none
    }
}

@media (max-width: 767px) {
    .btn-primary-purple .button-vi-text {
        align-items: center
    }
}

@media (max-width: 1023px) {
    .btn-primary-purple .button-vi-text {
        position: relative;
        transform: none;
        transition: none
    }

        .btn-primary-purple .button-vi-text:after {
            font-family: "GT-IconSet";
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transition: transform .6s 0s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-flex;
            margin-left: 8px;
            pointer-events: none;
            font-size: 1.6rem;
            content: '\e901';
            margin-top: auto;
            margin-bottom: auto
        }

    [dir="rtl"] .btn-primary-purple .button-vi-text:after {
        transform: translate(-6px, 0) rotate(-180deg)
    }

    .btn-primary-purple .button-vi-text .svg-animation-vi {
        display: none
    }
}

@media (hover: none) {
    .btn-primary-purple {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary-purple {
        cursor: pointer
    }

        .btn-primary-purple:hover .button-vi-text, .btn-primary-purple:active .button-vi-text, .btn-primary-purple:focus-visible .button-vi-text {
            transform: translateX(-0.4rem)
        }
}

@media (hover: hover) and (max-width: 1023px) {
    .btn-primary-purple:hover .button-vi-text, .btn-primary-purple:active .button-vi-text, .btn-primary-purple:focus-visible .button-vi-text {
        transform: none
    }
}

.btn-primary-purple .button-vi-text, .btn-primary-purple .svg-animation-vi {
    color: var(--button-vi-text-color, #fff)
}

@media (hover: none) {
    .btn-primary-purple {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary-purple {
        cursor: pointer
    }
}

@media (hover: hover) and (max-width: 1023px) {
    .btn-primary-purple:hover, .btn-primary-purple:active, .btn-primary-purple:focus-visible {
        border-color: #fff;
        color: var(--button-vi-text-hover-color, #fff)
    }

        .btn-primary-purple:hover .button-vi-text, .btn-primary-purple:active .button-vi-text, .btn-primary-purple:focus-visible .button-vi-text {
            color: var(--button-vi-text-hover-color, #fff)
        }
}

@media (hover: none) {
    .btn-primary-purple {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary-purple {
        cursor: pointer
    }

        .btn-primary-purple:hover, .btn-primary-purple:active, .btn-primary-purple:focus-visible {
            color: #4f2d7f;
            text-decoration: none
        }
}

@media (hover: hover) and (pointer: coarse) {
    .btn-primary-purple:hover, .btn-primary-purple:active, .btn-primary-purple:focus-visible {
        color: #fff
    }
}

.btn-primary-gray {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    background: #ce2c2c;
    align-items: center;
    color: var(--button-vi-text-color, #fff);
    color: #666;
    border-color: #666
}

@media (max-width: 479px) {
    .btn-primary-gray {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.btn-primary-gray .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .btn-primary-gray {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary-gray {
        cursor: pointer
    }

        .btn-primary-gray:hover, .btn-primary-gray:active, .btn-primary-gray:focus-visible {
            text-decoration: none
        }

            .btn-primary-gray:hover .button-vi-text, .btn-primary-gray:active .button-vi-text, .btn-primary-gray:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .btn-primary-gray:hover .svg-animation-vi, .btn-primary-gray:active .svg-animation-vi, .btn-primary-gray:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .btn-primary-gray:hover .svg-animation-vi, .btn-primary-gray:active .svg-animation-vi, .btn-primary-gray:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.btn-primary-gray .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

.btn-primary-gray .svg-animation-vi {
    color: var(--button-vi-text-color, #fff);
    opacity: 0;
    --svg-animate-name: svg-animate-out-1;
    --svg-animate-name2: svg-animate-out-2
}

@supports (d: path("M0 0")) {
    .btn-primary-gray .svg-animation-vi {
        transition: opacity 0s ease;
        transition-delay: 0.3s
    }
}

@media (max-width: 1023px) {
    .btn-primary-gray .svg-animation-vi {
        display: none
    }
}

.btn-primary-gray .button-vi-text {
    transition: all .5s ease-in-out;
    transform: translateX(1rem)
}

@media (max-width: 479px) {
    .btn-primary-gray .button-vi-text {
        transform: none
    }
}

@media (max-width: 767px) {
    .btn-primary-gray .button-vi-text {
        align-items: center
    }
}

@media (max-width: 1023px) {
    .btn-primary-gray .button-vi-text {
        position: relative;
        transform: none;
        transition: none
    }

        .btn-primary-gray .button-vi-text:after {
            font-family: "GT-IconSet";
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transition: transform .6s 0s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-flex;
            margin-left: 8px;
            pointer-events: none;
            font-size: 1.6rem;
            content: '\e901';
            margin-top: auto;
            margin-bottom: auto
        }

    [dir="rtl"] .btn-primary-gray .button-vi-text:after {
        transform: translate(-6px, 0) rotate(-180deg)
    }

    .btn-primary-gray .button-vi-text .svg-animation-vi {
        display: none
    }
}

@media (hover: none) {
    .btn-primary-gray {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary-gray {
        cursor: pointer
    }

        .btn-primary-gray:hover .button-vi-text, .btn-primary-gray:active .button-vi-text, .btn-primary-gray:focus-visible .button-vi-text {
            transform: translateX(-0.4rem)
        }
}

@media (hover: hover) and (max-width: 1023px) {
    .btn-primary-gray:hover .button-vi-text, .btn-primary-gray:active .button-vi-text, .btn-primary-gray:focus-visible .button-vi-text {
        transform: none
    }
}

@media (max-width: 479px) {
    .btn-primary-gray {
        width: 100%
    }

        .btn-primary-gray .button-vi-text {
            transform: none;
            transition: none
        }
}

@media (max-width: 479px) and (hover: none) {
    .btn-primary-gray {
        outline: none
    }
}

@media (max-width: 479px) and (hover: hover) {
    .btn-primary-gray {
        cursor: pointer
    }

        .btn-primary-gray:hover, .btn-primary-gray:active, .btn-primary-gray:focus-visible {
            color: var(--button-vi-text-hover-color, #fff)
        }

            .btn-primary-gray:hover .button-vi-text, .btn-primary-gray:active .button-vi-text, .btn-primary-gray:focus-visible .button-vi-text {
                transform: none
            }
}

@media (max-width: 1023px) {
    .btn-primary-gray .button-vi-text {
        align-items: center
    }
}

.btn-primary-gray:after {
    background: #666
}

@media (hover: none) {
    .btn-primary-gray {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary-gray {
        cursor: pointer
    }

        .btn-primary-gray:hover, .btn-primary-gray:active, .btn-primary-gray:focus-visible {
            color: #fff;
            text-decoration: none
        }
}

@media (hover: hover) and (pointer: coarse) {
    .btn-primary-gray:hover, .btn-primary-gray:active, .btn-primary-gray:focus-visible {
        color: #666
    }
}

@media (min-width: 960px) {
    .background--light-image .btn-primary-adaptive {
        color: #4f2d7f;
        border-color: #4f2d7f
    }
}

@media (min-width: 960px) and (hover: none) {
    .background--light-image .btn-primary-adaptive {
        outline: none
    }
}

@media (min-width: 960px) and (hover: hover) {
    .background--light-image .btn-primary-adaptive {
        cursor: pointer
    }

        .background--light-image .btn-primary-adaptive:hover, .background--light-image .btn-primary-adaptive:active, .background--light-image .btn-primary-adaptive:focus-visible {
            color: #4f2d7f;
            text-decoration: none
        }
}

@media (min-width: 960px) and (hover: hover) and (pointer: coarse) {
    .background--light-image .btn-primary-adaptive:hover, .background--light-image .btn-primary-adaptive:active, .background--light-image .btn-primary-adaptive:focus-visible {
        color: #fff
    }
}

.btn-primary--small {
    padding: 4px 8px;
    font-size: 1.2rem
}

.btn-secondary--reverse {
    padding: 0.5rem 0 0.5rem 42px
}

    .btn-secondary--reverse:after {
        left: 0;
        transform: translate(10px, -50%) rotate(-180deg)
    }

[dir="rtl"] .btn-secondary--reverse:after {
    transform: translate(-10px, -50%)
}

@media (hover: none) {
    .btn-secondary--reverse {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary--reverse {
        cursor: pointer
    }

        .btn-secondary--reverse:hover:after, .btn-secondary--reverse:active:after, .btn-secondary--reverse:focus-visible:after {
            transform: translate(0, -50%) rotate(-180deg)
        }

    [dir="rtl"] .btn-secondary--reverse:hover:after, [dir="rtl"] .btn-secondary--reverse:active:after, [dir="rtl"] .btn-secondary--reverse:focus-visible:after {
        transform: translate(0, -50%)
    }
}

.more {
    margin-top: -25px;
    float: right
}

.chips {
    display: inline-block;
    color: #2b144d;
    padding: 0.75rem 3rem;
    font-size: 1.6rem;
    text-decoration: none;
    border: 0.1rem solid #ccc4bd;
    border-radius: 0.5rem
}

@media (hover: none) {
    .chips {
        outline: none
    }
}

@media (hover: hover) {
    .chips {
        cursor: pointer
    }

        .chips:hover, .chips:active, .chips:focus-visible {
            color: #fff;
            background-color: #2b144d;
            border-color: #2b144d
        }
}

.chips-with-close {
    position: relative;
    padding-right: 4rem;
    padding-left: 1.5rem
}

    .chips-with-close:before, .chips-with-close:after {
        content: '';
        position: absolute;
        height: 0.1rem;
        width: 1.5rem;
        background: #2b144d;
        top: 2rem;
        right: 1rem
    }

    .chips-with-close:after {
        transform: rotate(-45deg)
    }

    .chips-with-close:before {
        transform: rotate(45deg)
    }

@media (hover: none) {
    .chips-with-close {
        outline: none
    }
}

@media (hover: hover) {
    .chips-with-close {
        cursor: pointer
    }

        .chips-with-close:hover:before, .chips-with-close:hover:after, .chips-with-close:active:before, .chips-with-close:active:after, .chips-with-close:focus-visible:before, .chips-with-close:focus-visible:after {
            background: #fff
        }
}

.btn-block {
    padding-top: 15px
}

    .btn-block a, .btn-block button {
        margin: 0
    }

        .btn-block a + a, .btn-block a + button, .btn-block button + a, .btn-block button + button {
            margin-left: 15px
        }

@media (max-width: 479px) {
    .btn-block a + a, .btn-block a + button, .btn-block button + a, .btn-block button + button {
        margin-left: 0;
        margin-top: 15px
    }
}

.close-btn {
    cursor: pointer
}

    .close-btn svg {
        color: #4f2d7f;
        transition: color 0.2s ease
    }

@media (hover: none) {
    .close-btn {
        outline: none
    }
}

@media (hover: hover) {
    .close-btn {
        cursor: pointer
    }

        .close-btn:hover svg, .close-btn:active svg, .close-btn:focus-visible svg {
            color: #ce2c2c
        }
}

@media (hover: none) {
    .close-btn:focus-visible {
        outline: none
    }
}

@media (hover: hover) {
    .close-btn:focus-visible {
        outline: thin dotted;
        outline-offset: -1px
    }
}

[role="button"] {
    cursor: pointer
}

.btn-flat {
    background: transparent;
    border: none
}

.close-button--purple {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #a06dff;
    color: #2b144d;
    cursor: pointer
}

    .close-button--purple:hover {
        background-color: #fff
    }

    .close-button--purple svg {
        width: 24px;
        height: 24px;
        stroke-width: 1.5px
    }

#svg_arrow-button-vi .svg-vi-path1 {
    animation: var(--svg-animate-name) var(--svg-animate-duration) ease forwards;
    animation-delay: var(--svg-animate-delay)
}

#svg_arrow-button-vi .svg-vi-path2 {
    animation: var(--svg-animate-name2) var(--svg-animate-duration) ease forwards;
    animation-delay: var(--svg-animate-delay)
}

.btn-primary-tinymce, .btn-primary--l1, .btn-primary, .btn-solid-red, .btn-primary-filled {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    background: #ce2c2c;
    align-items: center;
    color: var(--button-vi-text-color, #fff)
}

@media (max-width: 479px) {
    .btn-primary-tinymce, .btn-primary--l1, .btn-primary, .btn-solid-red, .btn-primary-filled {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.btn-primary-tinymce .svg-animation-vi, .btn-primary--l1 .svg-animation-vi, .btn-primary .svg-animation-vi, .btn-solid-red .svg-animation-vi, .btn-primary-filled .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .btn-primary-tinymce, .btn-primary--l1, .btn-primary, .btn-solid-red, .btn-primary-filled {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary-tinymce, .btn-primary--l1, .btn-primary, .btn-solid-red, .btn-primary-filled {
        cursor: pointer
    }

        .btn-primary-tinymce:hover, .btn-primary-tinymce:active, .btn-primary-tinymce:focus-visible, .btn-primary--l1:hover, .btn-primary--l1:active, .btn-primary--l1:focus-visible, .btn-primary:hover, .btn-primary:active, .btn-primary:focus-visible, .btn-solid-red:hover, .btn-solid-red:active, .btn-solid-red:focus-visible, .btn-primary-filled:hover, .btn-primary-filled:active, .btn-primary-filled:focus-visible {
            text-decoration: none
        }

            .btn-primary-tinymce:hover .button-vi-text, .btn-primary-tinymce:active .button-vi-text, .btn-primary-tinymce:focus-visible .button-vi-text, .btn-primary--l1:hover .button-vi-text, .btn-primary--l1:active .button-vi-text, .btn-primary--l1:focus-visible .button-vi-text, .btn-primary:hover .button-vi-text, .btn-primary:active .button-vi-text, .btn-primary:focus-visible .button-vi-text, .btn-solid-red:hover .button-vi-text, .btn-solid-red:active .button-vi-text, .btn-solid-red:focus-visible .button-vi-text, .btn-primary-filled:hover .button-vi-text, .btn-primary-filled:active .button-vi-text, .btn-primary-filled:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .btn-primary-tinymce:hover .svg-animation-vi, .btn-primary-tinymce:active .svg-animation-vi, .btn-primary-tinymce:focus-visible .svg-animation-vi, .btn-primary--l1:hover .svg-animation-vi, .btn-primary--l1:active .svg-animation-vi, .btn-primary--l1:focus-visible .svg-animation-vi, .btn-primary:hover .svg-animation-vi, .btn-primary:active .svg-animation-vi, .btn-primary:focus-visible .svg-animation-vi, .btn-solid-red:hover .svg-animation-vi, .btn-solid-red:active .svg-animation-vi, .btn-solid-red:focus-visible .svg-animation-vi, .btn-primary-filled:hover .svg-animation-vi, .btn-primary-filled:active .svg-animation-vi, .btn-primary-filled:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .btn-primary-tinymce:hover .svg-animation-vi, .btn-primary-tinymce:active .svg-animation-vi, .btn-primary-tinymce:focus-visible .svg-animation-vi, .btn-primary--l1:hover .svg-animation-vi, .btn-primary--l1:active .svg-animation-vi, .btn-primary--l1:focus-visible .svg-animation-vi, .btn-primary:hover .svg-animation-vi, .btn-primary:active .svg-animation-vi, .btn-primary:focus-visible .svg-animation-vi, .btn-solid-red:hover .svg-animation-vi, .btn-solid-red:active .svg-animation-vi, .btn-solid-red:focus-visible .svg-animation-vi, .btn-primary-filled:hover .svg-animation-vi, .btn-primary-filled:active .svg-animation-vi, .btn-primary-filled:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.btn-primary-tinymce .button-vi-text, .btn-primary--l1 .button-vi-text, .btn-primary .button-vi-text, .btn-solid-red .button-vi-text, .btn-primary-filled .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

.btn-primary-tinymce .svg-animation-vi, .btn-primary--l1 .svg-animation-vi, .btn-primary .svg-animation-vi, .btn-solid-red .svg-animation-vi, .btn-primary-filled .svg-animation-vi {
    color: var(--button-vi-text-color, #fff);
    opacity: 0;
    --svg-animate-name: svg-animate-out-1;
    --svg-animate-name2: svg-animate-out-2
}

@supports (d: path("M0 0")) {
    .btn-primary-tinymce .svg-animation-vi, .btn-primary--l1 .svg-animation-vi, .btn-primary .svg-animation-vi, .btn-solid-red .svg-animation-vi, .btn-primary-filled .svg-animation-vi {
        transition: opacity 0s ease;
        transition-delay: 0.3s
    }
}

@media (max-width: 1023px) {
    .btn-primary-tinymce .svg-animation-vi, .btn-primary--l1 .svg-animation-vi, .btn-primary .svg-animation-vi, .btn-solid-red .svg-animation-vi, .btn-primary-filled .svg-animation-vi {
        display: none
    }
}

.btn-primary-tinymce .button-vi-text, .btn-primary--l1 .button-vi-text, .btn-primary .button-vi-text, .btn-solid-red .button-vi-text, .btn-primary-filled .button-vi-text {
    transition: all .5s ease-in-out;
    transform: translateX(1rem)
}

@media (max-width: 479px) {
    .btn-primary-tinymce .button-vi-text, .btn-primary--l1 .button-vi-text, .btn-primary .button-vi-text, .btn-solid-red .button-vi-text, .btn-primary-filled .button-vi-text {
        transform: none
    }
}

@media (max-width: 767px) {
    .btn-primary-tinymce .button-vi-text, .btn-primary--l1 .button-vi-text, .btn-primary .button-vi-text, .btn-solid-red .button-vi-text, .btn-primary-filled .button-vi-text {
        align-items: center
    }
}

@media (max-width: 1023px) {
    .btn-primary-tinymce .button-vi-text, .btn-primary--l1 .button-vi-text, .btn-primary .button-vi-text, .btn-solid-red .button-vi-text, .btn-primary-filled .button-vi-text {
        position: relative;
        transform: none;
        transition: none
    }

        .btn-primary-tinymce .button-vi-text:after, .btn-primary--l1 .button-vi-text:after, .btn-primary .button-vi-text:after, .btn-solid-red .button-vi-text:after, .btn-primary-filled .button-vi-text:after {
            font-family: "GT-IconSet";
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transition: transform .6s 0s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-flex;
            margin-left: 8px;
            pointer-events: none;
            font-size: 1.6rem;
            content: '\e901';
            margin-top: auto;
            margin-bottom: auto
        }

    [dir="rtl"] .btn-primary-tinymce .button-vi-text:after, [dir="rtl"] .btn-primary--l1 .button-vi-text:after, [dir="rtl"] .btn-primary .button-vi-text:after, [dir="rtl"] .btn-solid-red .button-vi-text:after, [dir="rtl"] .btn-primary-filled .button-vi-text:after {
        transform: translate(-6px, 0) rotate(-180deg)
    }

    .btn-primary-tinymce .button-vi-text .svg-animation-vi, .btn-primary--l1 .button-vi-text .svg-animation-vi, .btn-primary .button-vi-text .svg-animation-vi, .btn-solid-red .button-vi-text .svg-animation-vi, .btn-primary-filled .button-vi-text .svg-animation-vi {
        display: none
    }
}

@media (hover: none) {
    .btn-primary-tinymce, .btn-primary--l1, .btn-primary, .btn-solid-red, .btn-primary-filled {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary-tinymce, .btn-primary--l1, .btn-primary, .btn-solid-red, .btn-primary-filled {
        cursor: pointer
    }

        .btn-primary-tinymce:hover .button-vi-text, .btn-primary-tinymce:active .button-vi-text, .btn-primary-tinymce:focus-visible .button-vi-text, .btn-primary--l1:hover .button-vi-text, .btn-primary--l1:active .button-vi-text, .btn-primary--l1:focus-visible .button-vi-text, .btn-primary:hover .button-vi-text, .btn-primary:active .button-vi-text, .btn-primary:focus-visible .button-vi-text, .btn-solid-red:hover .button-vi-text, .btn-solid-red:active .button-vi-text, .btn-solid-red:focus-visible .button-vi-text, .btn-primary-filled:hover .button-vi-text, .btn-primary-filled:active .button-vi-text, .btn-primary-filled:focus-visible .button-vi-text {
            transform: translateX(-0.4rem)
        }
}

@media (hover: hover) and (max-width: 1023px) {
    .btn-primary-tinymce:hover .button-vi-text, .btn-primary-tinymce:active .button-vi-text, .btn-primary-tinymce:focus-visible .button-vi-text, .btn-primary--l1:hover .button-vi-text, .btn-primary--l1:active .button-vi-text, .btn-primary--l1:focus-visible .button-vi-text, .btn-primary:hover .button-vi-text, .btn-primary:active .button-vi-text, .btn-primary:focus-visible .button-vi-text, .btn-solid-red:hover .button-vi-text, .btn-solid-red:active .button-vi-text, .btn-solid-red:focus-visible .button-vi-text, .btn-primary-filled:hover .button-vi-text, .btn-primary-filled:active .button-vi-text, .btn-primary-filled:focus-visible .button-vi-text {
        transform: none
    }
}

@media (max-width: 479px) {
    .btn-primary-tinymce, .btn-primary--l1, .btn-primary, .btn-solid-red, .btn-primary-filled {
        width: 100%
    }

        .btn-primary-tinymce .button-vi-text, .btn-primary--l1 .button-vi-text, .btn-primary .button-vi-text, .btn-solid-red .button-vi-text, .btn-primary-filled .button-vi-text {
            transform: none;
            transition: none
        }
}

@media (max-width: 479px) and (hover: none) {
    .btn-primary-tinymce, .btn-primary--l1, .btn-primary, .btn-solid-red, .btn-primary-filled {
        outline: none
    }
}

@media (max-width: 479px) and (hover: hover) {
    .btn-primary-tinymce, .btn-primary--l1, .btn-primary, .btn-solid-red, .btn-primary-filled {
        cursor: pointer
    }

        .btn-primary-tinymce:hover, .btn-primary-tinymce:active, .btn-primary-tinymce:focus-visible, .btn-primary--l1:hover, .btn-primary--l1:active, .btn-primary--l1:focus-visible, .btn-primary:hover, .btn-primary:active, .btn-primary:focus-visible, .btn-solid-red:hover, .btn-solid-red:active, .btn-solid-red:focus-visible, .btn-primary-filled:hover, .btn-primary-filled:active, .btn-primary-filled:focus-visible {
            color: var(--button-vi-text-hover-color, #fff)
        }

            .btn-primary-tinymce:hover .button-vi-text, .btn-primary-tinymce:active .button-vi-text, .btn-primary-tinymce:focus-visible .button-vi-text, .btn-primary--l1:hover .button-vi-text, .btn-primary--l1:active .button-vi-text, .btn-primary--l1:focus-visible .button-vi-text, .btn-primary:hover .button-vi-text, .btn-primary:active .button-vi-text, .btn-primary:focus-visible .button-vi-text, .btn-solid-red:hover .button-vi-text, .btn-solid-red:active .button-vi-text, .btn-solid-red:focus-visible .button-vi-text, .btn-primary-filled:hover .button-vi-text, .btn-primary-filled:active .button-vi-text, .btn-primary-filled:focus-visible .button-vi-text {
                transform: none
            }
}

@media (max-width: 1023px) {
    .btn-primary-tinymce .button-vi-text, .btn-primary--l1 .button-vi-text, .btn-primary .button-vi-text, .btn-solid-red .button-vi-text, .btn-primary-filled .button-vi-text {
        align-items: center
    }
}

.tinymce-wrapper a.btn-secondary-tinymce, .tinymce-wrapper a.btn-primary {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    padding: 1.5rem 4.6rem;
    background: transparent;
    z-index: 0;
    --svg-animate-duration-2nd-out: 0.6s;
    align-items: center;
    overflow: hidden;
    background: rgba(0,0,0,0);
    color: var(--button-vi-text-color, #ce2c2c);
    text-decoration: none;
    line-height: 2.2rem
}

@media (max-width: 479px) {
    .tinymce-wrapper a.btn-secondary-tinymce, .tinymce-wrapper a.btn-primary {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.tinymce-wrapper a.btn-secondary-tinymce .svg-animation-vi, .tinymce-wrapper a.btn-primary .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .tinymce-wrapper a.btn-secondary-tinymce, .tinymce-wrapper a.btn-primary {
        outline: none
    }
}

@media (hover: hover) {
    .tinymce-wrapper a.btn-secondary-tinymce, .tinymce-wrapper a.btn-primary {
        cursor: pointer
    }

        .tinymce-wrapper a.btn-secondary-tinymce:hover, .tinymce-wrapper a.btn-secondary-tinymce:active, .tinymce-wrapper a.btn-secondary-tinymce:focus-visible, .tinymce-wrapper a.btn-primary:hover, .tinymce-wrapper a.btn-primary:active, .tinymce-wrapper a.btn-primary:focus-visible {
            text-decoration: none
        }

            .tinymce-wrapper a.btn-secondary-tinymce:hover .button-vi-text, .tinymce-wrapper a.btn-secondary-tinymce:active .button-vi-text, .tinymce-wrapper a.btn-secondary-tinymce:focus-visible .button-vi-text, .tinymce-wrapper a.btn-primary:hover .button-vi-text, .tinymce-wrapper a.btn-primary:active .button-vi-text, .tinymce-wrapper a.btn-primary:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .tinymce-wrapper a.btn-secondary-tinymce:hover .svg-animation-vi, .tinymce-wrapper a.btn-secondary-tinymce:active .svg-animation-vi, .tinymce-wrapper a.btn-secondary-tinymce:focus-visible .svg-animation-vi, .tinymce-wrapper a.btn-primary:hover .svg-animation-vi, .tinymce-wrapper a.btn-primary:active .svg-animation-vi, .tinymce-wrapper a.btn-primary:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .tinymce-wrapper a.btn-secondary-tinymce:hover .svg-animation-vi, .tinymce-wrapper a.btn-secondary-tinymce:active .svg-animation-vi, .tinymce-wrapper a.btn-secondary-tinymce:focus-visible .svg-animation-vi, .tinymce-wrapper a.btn-primary:hover .svg-animation-vi, .tinymce-wrapper a.btn-primary:active .svg-animation-vi, .tinymce-wrapper a.btn-primary:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.tinymce-wrapper a.btn-secondary-tinymce .button-vi-text, .tinymce-wrapper a.btn-primary .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

@media (max-width: 479px) {
    .tinymce-wrapper a.btn-secondary-tinymce, .tinymce-wrapper a.btn-primary {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
}

.tinymce-wrapper a.btn-secondary-tinymce .button-vi-text, .tinymce-wrapper a.btn-primary .button-vi-text {
    transition: all .5s ease-in-out
}

.tinymce-wrapper a.btn-secondary-tinymce::after, .tinymce-wrapper a.btn-primary::after {
    content: ' ';
    position: absolute;
    z-index: -1;
    left: 0;
    display: block;
    height: 100%;
    width: 0;
    background: #ce2c2c;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0s var(--svg-animate-duration-2nd-out);
    animation: secondary-button-animate-out var(--svg-animate-duration-2nd-out) ease forwards
}

@media (hover: none) {
    .tinymce-wrapper a.btn-secondary-tinymce, .tinymce-wrapper a.btn-primary {
        outline: none
    }
}

@media (hover: hover) {
    .tinymce-wrapper a.btn-secondary-tinymce, .tinymce-wrapper a.btn-primary {
        cursor: pointer
    }

        .tinymce-wrapper a.btn-secondary-tinymce:hover::after, .tinymce-wrapper a.btn-secondary-tinymce:active::after, .tinymce-wrapper a.btn-secondary-tinymce:focus-visible::after, .tinymce-wrapper a.btn-primary:hover::after, .tinymce-wrapper a.btn-primary:active::after, .tinymce-wrapper a.btn-primary:focus-visible::after {
            opacity: 1;
            transition: opacity 0s 0s;
            animation: secondary-button-animate var(--svg-animate-duration-2nd-out) ease forwards
        }
}

@media (hover: none) {
    .tinymce-wrapper a.btn-secondary-tinymce, .tinymce-wrapper a.btn-primary {
        outline: none
    }
}

@media (hover: hover) {
    .tinymce-wrapper a.btn-secondary-tinymce, .tinymce-wrapper a.btn-primary {
        cursor: pointer
    }

        .tinymce-wrapper a.btn-secondary-tinymce:hover, .tinymce-wrapper a.btn-secondary-tinymce:active, .tinymce-wrapper a.btn-secondary-tinymce:focus-visible, .tinymce-wrapper a.btn-primary:hover, .tinymce-wrapper a.btn-primary:active, .tinymce-wrapper a.btn-primary:focus-visible {
            color: var(--button-vi-text-hover-color, #fff)
        }
}

.tinymce-wrapper .btn-download a.btn-secondary-tinymce, .tinymce-wrapper .btn-download a.btn-primary, .tinymce-wrapper .btn-download a.download-pdf-link {
    line-height: 2.2rem
}

.tinymce-wrapper .subscribe-now {
    line-height: 2.2rem
}

.btn-primary--d1, .btn-primary-light, .btn-primary-adaptive {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    background: #ce2c2c;
    align-items: center;
    border-color: #fff;
    background: transparent
}

@media (max-width: 479px) {
    .btn-primary--d1, .btn-primary-light, .btn-primary-adaptive {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.btn-primary--d1 .svg-animation-vi, .btn-primary-light .svg-animation-vi, .btn-primary-adaptive .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .btn-primary--d1, .btn-primary-light, .btn-primary-adaptive {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary--d1, .btn-primary-light, .btn-primary-adaptive {
        cursor: pointer
    }

        .btn-primary--d1:hover, .btn-primary--d1:active, .btn-primary--d1:focus-visible, .btn-primary-light:hover, .btn-primary-light:active, .btn-primary-light:focus-visible, .btn-primary-adaptive:hover, .btn-primary-adaptive:active, .btn-primary-adaptive:focus-visible {
            text-decoration: none
        }

            .btn-primary--d1:hover .button-vi-text, .btn-primary--d1:active .button-vi-text, .btn-primary--d1:focus-visible .button-vi-text, .btn-primary-light:hover .button-vi-text, .btn-primary-light:active .button-vi-text, .btn-primary-light:focus-visible .button-vi-text, .btn-primary-adaptive:hover .button-vi-text, .btn-primary-adaptive:active .button-vi-text, .btn-primary-adaptive:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .btn-primary--d1:hover .svg-animation-vi, .btn-primary--d1:active .svg-animation-vi, .btn-primary--d1:focus-visible .svg-animation-vi, .btn-primary-light:hover .svg-animation-vi, .btn-primary-light:active .svg-animation-vi, .btn-primary-light:focus-visible .svg-animation-vi, .btn-primary-adaptive:hover .svg-animation-vi, .btn-primary-adaptive:active .svg-animation-vi, .btn-primary-adaptive:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .btn-primary--d1:hover .svg-animation-vi, .btn-primary--d1:active .svg-animation-vi, .btn-primary--d1:focus-visible .svg-animation-vi, .btn-primary-light:hover .svg-animation-vi, .btn-primary-light:active .svg-animation-vi, .btn-primary-light:focus-visible .svg-animation-vi, .btn-primary-adaptive:hover .svg-animation-vi, .btn-primary-adaptive:active .svg-animation-vi, .btn-primary-adaptive:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.btn-primary--d1 .button-vi-text, .btn-primary-light .button-vi-text, .btn-primary-adaptive .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

.btn-primary--d1 .svg-animation-vi, .btn-primary-light .svg-animation-vi, .btn-primary-adaptive .svg-animation-vi {
    color: var(--button-vi-text-color, #fff);
    opacity: 0;
    --svg-animate-name: svg-animate-out-1;
    --svg-animate-name2: svg-animate-out-2
}

@supports (d: path("M0 0")) {
    .btn-primary--d1 .svg-animation-vi, .btn-primary-light .svg-animation-vi, .btn-primary-adaptive .svg-animation-vi {
        transition: opacity 0s ease;
        transition-delay: 0.3s
    }
}

@media (max-width: 1023px) {
    .btn-primary--d1 .svg-animation-vi, .btn-primary-light .svg-animation-vi, .btn-primary-adaptive .svg-animation-vi {
        display: none
    }
}

.btn-primary--d1 .button-vi-text, .btn-primary-light .button-vi-text, .btn-primary-adaptive .button-vi-text {
    transition: all .5s ease-in-out;
    transform: translateX(1rem)
}

@media (max-width: 479px) {
    .btn-primary--d1 .button-vi-text, .btn-primary-light .button-vi-text, .btn-primary-adaptive .button-vi-text {
        transform: none
    }
}

@media (max-width: 767px) {
    .btn-primary--d1 .button-vi-text, .btn-primary-light .button-vi-text, .btn-primary-adaptive .button-vi-text {
        align-items: center
    }
}

@media (max-width: 1023px) {
    .btn-primary--d1 .button-vi-text, .btn-primary-light .button-vi-text, .btn-primary-adaptive .button-vi-text {
        position: relative;
        transform: none;
        transition: none
    }

        .btn-primary--d1 .button-vi-text:after, .btn-primary-light .button-vi-text:after, .btn-primary-adaptive .button-vi-text:after {
            font-family: "GT-IconSet";
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transition: transform .6s 0s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-flex;
            margin-left: 8px;
            pointer-events: none;
            font-size: 1.6rem;
            content: '\e901';
            margin-top: auto;
            margin-bottom: auto
        }

    [dir="rtl"] .btn-primary--d1 .button-vi-text:after, [dir="rtl"] .btn-primary-light .button-vi-text:after, [dir="rtl"] .btn-primary-adaptive .button-vi-text:after {
        transform: translate(-6px, 0) rotate(-180deg)
    }

    .btn-primary--d1 .button-vi-text .svg-animation-vi, .btn-primary-light .button-vi-text .svg-animation-vi, .btn-primary-adaptive .button-vi-text .svg-animation-vi {
        display: none
    }
}

@media (hover: none) {
    .btn-primary--d1, .btn-primary-light, .btn-primary-adaptive {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary--d1, .btn-primary-light, .btn-primary-adaptive {
        cursor: pointer
    }

        .btn-primary--d1:hover .button-vi-text, .btn-primary--d1:active .button-vi-text, .btn-primary--d1:focus-visible .button-vi-text, .btn-primary-light:hover .button-vi-text, .btn-primary-light:active .button-vi-text, .btn-primary-light:focus-visible .button-vi-text, .btn-primary-adaptive:hover .button-vi-text, .btn-primary-adaptive:active .button-vi-text, .btn-primary-adaptive:focus-visible .button-vi-text {
            transform: translateX(-0.4rem)
        }
}

@media (hover: hover) and (max-width: 1023px) {
    .btn-primary--d1:hover .button-vi-text, .btn-primary--d1:active .button-vi-text, .btn-primary--d1:focus-visible .button-vi-text, .btn-primary-light:hover .button-vi-text, .btn-primary-light:active .button-vi-text, .btn-primary-light:focus-visible .button-vi-text, .btn-primary-adaptive:hover .button-vi-text, .btn-primary-adaptive:active .button-vi-text, .btn-primary-adaptive:focus-visible .button-vi-text {
        transform: none
    }
}

.btn-primary--d1 .button-vi-text, .btn-primary--d1 .svg-animation-vi, .btn-primary-light .button-vi-text, .btn-primary-light .svg-animation-vi, .btn-primary-adaptive .button-vi-text, .btn-primary-adaptive .svg-animation-vi {
    color: var(--button-vi-text-color, #fff)
}

@media (hover: none) {
    .btn-primary--d1, .btn-primary-light, .btn-primary-adaptive {
        outline: none
    }
}

@media (hover: hover) {
    .btn-primary--d1, .btn-primary-light, .btn-primary-adaptive {
        cursor: pointer
    }
}

@media (hover: hover) and (max-width: 1023px) {
    .btn-primary--d1:hover, .btn-primary--d1:active, .btn-primary--d1:focus-visible, .btn-primary-light:hover, .btn-primary-light:active, .btn-primary-light:focus-visible, .btn-primary-adaptive:hover, .btn-primary-adaptive:active, .btn-primary-adaptive:focus-visible {
        border-color: #fff;
        color: var(--button-vi-text-hover-color, #fff)
    }

        .btn-primary--d1:hover .button-vi-text, .btn-primary--d1:active .button-vi-text, .btn-primary--d1:focus-visible .button-vi-text, .btn-primary-light:hover .button-vi-text, .btn-primary-light:active .button-vi-text, .btn-primary-light:focus-visible .button-vi-text, .btn-primary-adaptive:hover .button-vi-text, .btn-primary-adaptive:active .button-vi-text, .btn-primary-adaptive:focus-visible .button-vi-text {
            color: var(--button-vi-text-hover-color, #fff)
        }
}

.btn-solid-white, .btn-primary--d2 {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    background: #ce2c2c;
    align-items: center;
    border-color: #fff;
    background: #fff
}

@media (max-width: 479px) {
    .btn-solid-white, .btn-primary--d2 {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.btn-solid-white .svg-animation-vi, .btn-primary--d2 .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .btn-solid-white, .btn-primary--d2 {
        outline: none
    }
}

@media (hover: hover) {
    .btn-solid-white, .btn-primary--d2 {
        cursor: pointer
    }

        .btn-solid-white:hover, .btn-solid-white:active, .btn-solid-white:focus-visible, .btn-primary--d2:hover, .btn-primary--d2:active, .btn-primary--d2:focus-visible {
            text-decoration: none
        }

            .btn-solid-white:hover .button-vi-text, .btn-solid-white:active .button-vi-text, .btn-solid-white:focus-visible .button-vi-text, .btn-primary--d2:hover .button-vi-text, .btn-primary--d2:active .button-vi-text, .btn-primary--d2:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .btn-solid-white:hover .svg-animation-vi, .btn-solid-white:active .svg-animation-vi, .btn-solid-white:focus-visible .svg-animation-vi, .btn-primary--d2:hover .svg-animation-vi, .btn-primary--d2:active .svg-animation-vi, .btn-primary--d2:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .btn-solid-white:hover .svg-animation-vi, .btn-solid-white:active .svg-animation-vi, .btn-solid-white:focus-visible .svg-animation-vi, .btn-primary--d2:hover .svg-animation-vi, .btn-primary--d2:active .svg-animation-vi, .btn-primary--d2:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.btn-solid-white .button-vi-text, .btn-primary--d2 .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

.btn-solid-white .svg-animation-vi, .btn-primary--d2 .svg-animation-vi {
    color: var(--button-vi-text-color, #fff);
    opacity: 0;
    --svg-animate-name: svg-animate-out-1;
    --svg-animate-name2: svg-animate-out-2
}

@supports (d: path("M0 0")) {
    .btn-solid-white .svg-animation-vi, .btn-primary--d2 .svg-animation-vi {
        transition: opacity 0s ease;
        transition-delay: 0.3s
    }
}

@media (max-width: 1023px) {
    .btn-solid-white .svg-animation-vi, .btn-primary--d2 .svg-animation-vi {
        display: none
    }
}

.btn-solid-white .button-vi-text, .btn-primary--d2 .button-vi-text {
    transition: all .5s ease-in-out;
    transform: translateX(1rem)
}

@media (max-width: 479px) {
    .btn-solid-white .button-vi-text, .btn-primary--d2 .button-vi-text {
        transform: none
    }
}

@media (max-width: 767px) {
    .btn-solid-white .button-vi-text, .btn-primary--d2 .button-vi-text {
        align-items: center
    }
}

@media (max-width: 1023px) {
    .btn-solid-white .button-vi-text, .btn-primary--d2 .button-vi-text {
        position: relative;
        transform: none;
        transition: none
    }

        .btn-solid-white .button-vi-text:after, .btn-primary--d2 .button-vi-text:after {
            font-family: "GT-IconSet";
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transition: transform .6s 0s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-flex;
            margin-left: 8px;
            pointer-events: none;
            font-size: 1.6rem;
            content: '\e901';
            margin-top: auto;
            margin-bottom: auto
        }

    [dir="rtl"] .btn-solid-white .button-vi-text:after, [dir="rtl"] .btn-primary--d2 .button-vi-text:after {
        transform: translate(-6px, 0) rotate(-180deg)
    }

    .btn-solid-white .button-vi-text .svg-animation-vi, .btn-primary--d2 .button-vi-text .svg-animation-vi {
        display: none
    }
}

@media (hover: none) {
    .btn-solid-white, .btn-primary--d2 {
        outline: none
    }
}

@media (hover: hover) {
    .btn-solid-white, .btn-primary--d2 {
        cursor: pointer
    }

        .btn-solid-white:hover .button-vi-text, .btn-solid-white:active .button-vi-text, .btn-solid-white:focus-visible .button-vi-text, .btn-primary--d2:hover .button-vi-text, .btn-primary--d2:active .button-vi-text, .btn-primary--d2:focus-visible .button-vi-text {
            transform: translateX(-0.4rem)
        }
}

@media (hover: hover) and (max-width: 1023px) {
    .btn-solid-white:hover .button-vi-text, .btn-solid-white:active .button-vi-text, .btn-solid-white:focus-visible .button-vi-text, .btn-primary--d2:hover .button-vi-text, .btn-primary--d2:active .button-vi-text, .btn-primary--d2:focus-visible .button-vi-text {
        transform: none
    }
}

.btn-solid-white .button-vi-text, .btn-solid-white .svg-animation-vi, .btn-primary--d2 .button-vi-text, .btn-primary--d2 .svg-animation-vi {
    color: var(--button-vi-text-color, #ce2c2c)
}

.btn-secondary--l1, .btn-primary-gray, .btn-primary-purple, .btn-secondary-purple {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    padding: 1.5rem 4.6rem;
    background: transparent;
    z-index: 0;
    --svg-animate-duration-2nd-out: 0.6s;
    align-items: center;
    overflow: hidden;
    background: rgba(0,0,0,0);
    color: var(--button-vi-text-color, #ce2c2c)
}

@media (max-width: 479px) {
    .btn-secondary--l1, .btn-primary-gray, .btn-primary-purple, .btn-secondary-purple {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.btn-secondary--l1 .svg-animation-vi, .btn-primary-gray .svg-animation-vi, .btn-primary-purple .svg-animation-vi, .btn-secondary-purple .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .btn-secondary--l1, .btn-primary-gray, .btn-primary-purple, .btn-secondary-purple {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary--l1, .btn-primary-gray, .btn-primary-purple, .btn-secondary-purple {
        cursor: pointer
    }

        .btn-secondary--l1:hover, .btn-secondary--l1:active, .btn-secondary--l1:focus-visible, .btn-primary-gray:hover, .btn-primary-gray:active, .btn-primary-gray:focus-visible, .btn-primary-purple:hover, .btn-primary-purple:active, .btn-primary-purple:focus-visible, .btn-secondary-purple:hover, .btn-secondary-purple:active, .btn-secondary-purple:focus-visible {
            text-decoration: none
        }

            .btn-secondary--l1:hover .button-vi-text, .btn-secondary--l1:active .button-vi-text, .btn-secondary--l1:focus-visible .button-vi-text, .btn-primary-gray:hover .button-vi-text, .btn-primary-gray:active .button-vi-text, .btn-primary-gray:focus-visible .button-vi-text, .btn-primary-purple:hover .button-vi-text, .btn-primary-purple:active .button-vi-text, .btn-primary-purple:focus-visible .button-vi-text, .btn-secondary-purple:hover .button-vi-text, .btn-secondary-purple:active .button-vi-text, .btn-secondary-purple:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .btn-secondary--l1:hover .svg-animation-vi, .btn-secondary--l1:active .svg-animation-vi, .btn-secondary--l1:focus-visible .svg-animation-vi, .btn-primary-gray:hover .svg-animation-vi, .btn-primary-gray:active .svg-animation-vi, .btn-primary-gray:focus-visible .svg-animation-vi, .btn-primary-purple:hover .svg-animation-vi, .btn-primary-purple:active .svg-animation-vi, .btn-primary-purple:focus-visible .svg-animation-vi, .btn-secondary-purple:hover .svg-animation-vi, .btn-secondary-purple:active .svg-animation-vi, .btn-secondary-purple:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .btn-secondary--l1:hover .svg-animation-vi, .btn-secondary--l1:active .svg-animation-vi, .btn-secondary--l1:focus-visible .svg-animation-vi, .btn-primary-gray:hover .svg-animation-vi, .btn-primary-gray:active .svg-animation-vi, .btn-primary-gray:focus-visible .svg-animation-vi, .btn-primary-purple:hover .svg-animation-vi, .btn-primary-purple:active .svg-animation-vi, .btn-primary-purple:focus-visible .svg-animation-vi, .btn-secondary-purple:hover .svg-animation-vi, .btn-secondary-purple:active .svg-animation-vi, .btn-secondary-purple:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.btn-secondary--l1 .button-vi-text, .btn-primary-gray .button-vi-text, .btn-primary-purple .button-vi-text, .btn-secondary-purple .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

@media (max-width: 479px) {
    .btn-secondary--l1, .btn-primary-gray, .btn-primary-purple, .btn-secondary-purple {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
}

.btn-secondary--l1 .button-vi-text, .btn-primary-gray .button-vi-text, .btn-primary-purple .button-vi-text, .btn-secondary-purple .button-vi-text {
    transition: all .5s ease-in-out
}

.btn-secondary--l1::after, .btn-primary-gray::after, .btn-primary-purple::after, .btn-secondary-purple::after {
    content: ' ';
    position: absolute;
    z-index: -1;
    left: 0;
    display: block;
    height: 100%;
    width: 0;
    background: #ce2c2c;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0s var(--svg-animate-duration-2nd-out);
    animation: secondary-button-animate-out var(--svg-animate-duration-2nd-out) ease forwards
}

@media (hover: none) {
    .btn-secondary--l1, .btn-primary-gray, .btn-primary-purple, .btn-secondary-purple {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary--l1, .btn-primary-gray, .btn-primary-purple, .btn-secondary-purple {
        cursor: pointer
    }

        .btn-secondary--l1:hover::after, .btn-secondary--l1:active::after, .btn-secondary--l1:focus-visible::after, .btn-primary-gray:hover::after, .btn-primary-gray:active::after, .btn-primary-gray:focus-visible::after, .btn-primary-purple:hover::after, .btn-primary-purple:active::after, .btn-primary-purple:focus-visible::after, .btn-secondary-purple:hover::after, .btn-secondary-purple:active::after, .btn-secondary-purple:focus-visible::after {
            opacity: 1;
            transition: opacity 0s 0s;
            animation: secondary-button-animate var(--svg-animate-duration-2nd-out) ease forwards
        }
}

@media (hover: none) {
    .btn-secondary--l1, .btn-primary-gray, .btn-primary-purple, .btn-secondary-purple {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary--l1, .btn-primary-gray, .btn-primary-purple, .btn-secondary-purple {
        cursor: pointer
    }

        .btn-secondary--l1:hover, .btn-secondary--l1:active, .btn-secondary--l1:focus-visible, .btn-primary-gray:hover, .btn-primary-gray:active, .btn-primary-gray:focus-visible, .btn-primary-purple:hover, .btn-primary-purple:active, .btn-primary-purple:focus-visible, .btn-secondary-purple:hover, .btn-secondary-purple:active, .btn-secondary-purple:focus-visible {
            color: var(--button-vi-text-hover-color, #fff)
        }
}

.btn-secondary--d1 {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    padding: 1.5rem 4.6rem;
    background: transparent;
    z-index: 0;
    --svg-animate-duration-2nd-out: 0.6s;
    align-items: center;
    border-color: #fff;
    background: transparent;
    color: var(--button-vi-text-color, #fff);
    overflow: hidden
}

@media (max-width: 479px) {
    .btn-secondary--d1 {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.btn-secondary--d1 .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .btn-secondary--d1 {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary--d1 {
        cursor: pointer
    }

        .btn-secondary--d1:hover, .btn-secondary--d1:active, .btn-secondary--d1:focus-visible {
            text-decoration: none
        }

            .btn-secondary--d1:hover .button-vi-text, .btn-secondary--d1:active .button-vi-text, .btn-secondary--d1:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .btn-secondary--d1:hover .svg-animation-vi, .btn-secondary--d1:active .svg-animation-vi, .btn-secondary--d1:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .btn-secondary--d1:hover .svg-animation-vi, .btn-secondary--d1:active .svg-animation-vi, .btn-secondary--d1:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.btn-secondary--d1 .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

@media (max-width: 479px) {
    .btn-secondary--d1 {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
}

.btn-secondary--d1 .button-vi-text {
    transition: all .5s ease-in-out
}

.btn-secondary--d1::after {
    content: ' ';
    position: absolute;
    z-index: -1;
    left: 0;
    display: block;
    height: 100%;
    width: 0;
    background: #ce2c2c;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0s var(--svg-animate-duration-2nd-out);
    animation: secondary-button-animate-out var(--svg-animate-duration-2nd-out) ease forwards
}

@media (hover: none) {
    .btn-secondary--d1 {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary--d1 {
        cursor: pointer
    }

        .btn-secondary--d1:hover::after, .btn-secondary--d1:active::after, .btn-secondary--d1:focus-visible::after {
            opacity: 1;
            transition: opacity 0s 0s;
            animation: secondary-button-animate var(--svg-animate-duration-2nd-out) ease forwards
        }
}

.btn-secondary--d1::after {
    background: #fff
}

@media (hover: none) {
    .btn-secondary--d1 {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary--d1 {
        cursor: pointer
    }

        .btn-secondary--d1:hover, .btn-secondary--d1:active, .btn-secondary--d1:focus-visible {
            color: var(--button-vi-text-hover-color, #4f2d7f)
        }
}

.btn-secondary, .view-more, .view-more-news {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    padding: 1.5rem 4.6rem;
    background: transparent;
    z-index: 0;
    --svg-animate-duration-2nd-out: 0.6s;
    align-items: center;
    border: 0;
    background: none;
    padding: 0 16px 0 0;
    border-radius: 0;
    justify-content: start;
    text-decoration: none;
    float: none
}

@media (max-width: 479px) {
    .btn-secondary, .view-more, .view-more-news {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.btn-secondary .svg-animation-vi, .view-more .svg-animation-vi, .view-more-news .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .btn-secondary, .view-more, .view-more-news {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary, .view-more, .view-more-news {
        cursor: pointer
    }

        .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus-visible, .view-more:hover, .view-more:active, .view-more:focus-visible, .view-more-news:hover, .view-more-news:active, .view-more-news:focus-visible {
            text-decoration: none
        }

            .btn-secondary:hover .button-vi-text, .btn-secondary:active .button-vi-text, .btn-secondary:focus-visible .button-vi-text, .view-more:hover .button-vi-text, .view-more:active .button-vi-text, .view-more:focus-visible .button-vi-text, .view-more-news:hover .button-vi-text, .view-more-news:active .button-vi-text, .view-more-news:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .btn-secondary:hover .svg-animation-vi, .btn-secondary:active .svg-animation-vi, .btn-secondary:focus-visible .svg-animation-vi, .view-more:hover .svg-animation-vi, .view-more:active .svg-animation-vi, .view-more:focus-visible .svg-animation-vi, .view-more-news:hover .svg-animation-vi, .view-more-news:active .svg-animation-vi, .view-more-news:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .btn-secondary:hover .svg-animation-vi, .btn-secondary:active .svg-animation-vi, .btn-secondary:focus-visible .svg-animation-vi, .view-more:hover .svg-animation-vi, .view-more:active .svg-animation-vi, .view-more:focus-visible .svg-animation-vi, .view-more-news:hover .svg-animation-vi, .view-more-news:active .svg-animation-vi, .view-more-news:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.btn-secondary .button-vi-text, .view-more .button-vi-text, .view-more-news .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

@media (max-width: 479px) {
    .btn-secondary, .view-more, .view-more-news {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
}

.btn-secondary .button-vi-text, .view-more .button-vi-text, .view-more-news .button-vi-text {
    transition: all .5s ease-in-out
}

.btn-secondary::after, .view-more::after, .view-more-news::after {
    content: ' ';
    position: absolute;
    z-index: -1;
    left: 0;
    display: block;
    height: 100%;
    width: 0;
    background: #ce2c2c;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0s var(--svg-animate-duration-2nd-out);
    animation: secondary-button-animate-out var(--svg-animate-duration-2nd-out) ease forwards
}

@media (hover: none) {
    .btn-secondary, .view-more, .view-more-news {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary, .view-more, .view-more-news {
        cursor: pointer
    }

        .btn-secondary:hover::after, .btn-secondary:active::after, .btn-secondary:focus-visible::after, .view-more:hover::after, .view-more:active::after, .view-more:focus-visible::after, .view-more-news:hover::after, .view-more-news:active::after, .view-more-news:focus-visible::after {
            opacity: 1;
            transition: opacity 0s 0s;
            animation: secondary-button-animate var(--svg-animate-duration-2nd-out) ease forwards
        }
}

.btn-secondary::after, .view-more::after, .view-more-news::after {
    content: none
}

@supports (d: path("M0 0")) {
    .btn-secondary .svg-animation-vi, .view-more .svg-animation-vi, .view-more-news .svg-animation-vi {
        transition: color .5s ease-in-out
    }
}

.btn-secondary .svg-animation-vi, .view-more .svg-animation-vi, .view-more-news .svg-animation-vi {
    transition: all .5s ease-in-out;
    transform: translateX(0)
}

[dir="rtl"] .btn-secondary .svg-animation-vi, [dir="rtl"] .view-more .svg-animation-vi, [dir="rtl"] .view-more-news .svg-animation-vi {
    transform: translateX(0) scale(-1)
}

.btn-secondary .button-vi-text, .btn-secondary .svg-animation-vi, .view-more .button-vi-text, .view-more .svg-animation-vi, .view-more-news .button-vi-text, .view-more-news .svg-animation-vi {
    color: var(--button-vi-text-color, #ce2c2c);
    font-size: 1.6rem;
    line-height: 1
}

.btn-secondary .button-vi-text, .view-more .button-vi-text, .view-more-news .button-vi-text {
    display: inline
}

@media (hover: none) {
    .btn-secondary, .view-more, .view-more-news {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary, .view-more, .view-more-news {
        cursor: pointer
    }

        .btn-secondary:hover .button-vi-text, .btn-secondary:hover .svg-animation-vi, .btn-secondary:active .button-vi-text, .btn-secondary:active .svg-animation-vi, .btn-secondary:focus-visible .button-vi-text, .btn-secondary:focus-visible .svg-animation-vi, .view-more:hover .button-vi-text, .view-more:hover .svg-animation-vi, .view-more:active .button-vi-text, .view-more:active .svg-animation-vi, .view-more:focus-visible .button-vi-text, .view-more:focus-visible .svg-animation-vi, .view-more-news:hover .button-vi-text, .view-more-news:hover .svg-animation-vi, .view-more-news:active .button-vi-text, .view-more-news:active .svg-animation-vi, .view-more-news:focus-visible .button-vi-text, .view-more-news:focus-visible .svg-animation-vi {
            color: var(--button-vi-text-hover-color, #ce2c2c)
        }

        .btn-secondary:hover .svg-animation-vi, .btn-secondary:active .svg-animation-vi, .btn-secondary:focus-visible .svg-animation-vi, .view-more:hover .svg-animation-vi, .view-more:active .svg-animation-vi, .view-more:focus-visible .svg-animation-vi, .view-more-news:hover .svg-animation-vi, .view-more-news:active .svg-animation-vi, .view-more-news:focus-visible .svg-animation-vi {
            transform: translateX(0.8rem);
            transition-delay: .1s
        }

    [dir="rtl"] .btn-secondary:hover .svg-animation-vi, [dir="rtl"] .btn-secondary:active .svg-animation-vi, [dir="rtl"] .btn-secondary:focus-visible .svg-animation-vi, [dir="rtl"] .view-more:hover .svg-animation-vi, [dir="rtl"] .view-more:active .svg-animation-vi, [dir="rtl"] .view-more:focus-visible .svg-animation-vi, [dir="rtl"] .view-more-news:hover .svg-animation-vi, [dir="rtl"] .view-more-news:active .svg-animation-vi, [dir="rtl"] .view-more-news:focus-visible .svg-animation-vi {
        transform: translateX(0.8rem) scale(-1)
    }
}

@media (hover: hover) and (max-width: 1023px) {
    .btn-secondary:hover .button-vi-text, .btn-secondary:active .button-vi-text, .btn-secondary:focus-visible .button-vi-text, .view-more:hover .button-vi-text, .view-more:active .button-vi-text, .view-more:focus-visible .button-vi-text, .view-more-news:hover .button-vi-text, .view-more-news:active .button-vi-text, .view-more-news:focus-visible .button-vi-text {
        transform: none
    }
}

@media (max-width: 479px) {
    .btn-secondary, .view-more, .view-more-news {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 1023px) {
    .btn-secondary .button-vi-text, .view-more .button-vi-text, .view-more-news .button-vi-text {
        transform: none
    }
}

.btn-secondary-light {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    padding: 1.5rem 4.6rem;
    background: transparent;
    z-index: 0;
    --svg-animate-duration-2nd-out: 0.6s;
    align-items: center;
    border: 0;
    background: none;
    padding: 0 16px 0 0;
    border-radius: 0;
    justify-content: start;
    text-decoration: none;
    float: none
}

@media (max-width: 479px) {
    .btn-secondary-light {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.btn-secondary-light .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .btn-secondary-light {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary-light {
        cursor: pointer
    }

        .btn-secondary-light:hover, .btn-secondary-light:active, .btn-secondary-light:focus-visible {
            text-decoration: none
        }

            .btn-secondary-light:hover .button-vi-text, .btn-secondary-light:active .button-vi-text, .btn-secondary-light:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .btn-secondary-light:hover .svg-animation-vi, .btn-secondary-light:active .svg-animation-vi, .btn-secondary-light:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .btn-secondary-light:hover .svg-animation-vi, .btn-secondary-light:active .svg-animation-vi, .btn-secondary-light:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.btn-secondary-light .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

@media (max-width: 479px) {
    .btn-secondary-light {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
}

.btn-secondary-light .button-vi-text {
    transition: all .5s ease-in-out
}

.btn-secondary-light::after {
    content: ' ';
    position: absolute;
    z-index: -1;
    left: 0;
    display: block;
    height: 100%;
    width: 0;
    background: #ce2c2c;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0s var(--svg-animate-duration-2nd-out);
    animation: secondary-button-animate-out var(--svg-animate-duration-2nd-out) ease forwards
}

@media (hover: none) {
    .btn-secondary-light {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary-light {
        cursor: pointer
    }

        .btn-secondary-light:hover::after, .btn-secondary-light:active::after, .btn-secondary-light:focus-visible::after {
            opacity: 1;
            transition: opacity 0s 0s;
            animation: secondary-button-animate var(--svg-animate-duration-2nd-out) ease forwards
        }
}

.btn-secondary-light::after {
    content: none
}

@supports (d: path("M0 0")) {
    .btn-secondary-light .svg-animation-vi {
        transition: color .5s ease-in-out
    }
}

.btn-secondary-light .svg-animation-vi {
    transition: all .5s ease-in-out;
    transform: translateX(0)
}

[dir="rtl"] .btn-secondary-light .svg-animation-vi {
    transform: translateX(0) scale(-1)
}

.btn-secondary-light .button-vi-text, .btn-secondary-light .svg-animation-vi {
    color: var(--button-vi-text-color, #fff);
    font-size: "";
    line-height: ""
}

.btn-secondary-light .button-vi-text {
    display: inline
}

@media (hover: none) {
    .btn-secondary-light {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary-light {
        cursor: pointer
    }

        .btn-secondary-light:hover .button-vi-text, .btn-secondary-light:hover .svg-animation-vi, .btn-secondary-light:active .button-vi-text, .btn-secondary-light:active .svg-animation-vi, .btn-secondary-light:focus-visible .button-vi-text, .btn-secondary-light:focus-visible .svg-animation-vi {
            color: var(--button-vi-text-hover-color, #fff)
        }

        .btn-secondary-light:hover .svg-animation-vi, .btn-secondary-light:active .svg-animation-vi, .btn-secondary-light:focus-visible .svg-animation-vi {
            transform: translateX(0.8rem);
            transition-delay: .1s
        }

    [dir="rtl"] .btn-secondary-light:hover .svg-animation-vi, [dir="rtl"] .btn-secondary-light:active .svg-animation-vi, [dir="rtl"] .btn-secondary-light:focus-visible .svg-animation-vi {
        transform: translateX(0.8rem) scale(-1)
    }
}

@media (hover: hover) and (max-width: 1023px) {
    .btn-secondary-light:hover .button-vi-text, .btn-secondary-light:active .button-vi-text, .btn-secondary-light:focus-visible .button-vi-text {
        transform: none
    }
}

@media (max-width: 479px) {
    .btn-secondary-light {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 1023px) {
    .btn-secondary-light .button-vi-text {
        transform: none
    }
}

.btn-secondary-purple {
    color: #4f2d7f;
    border-color: #4f2d7f
}

    .btn-secondary-purple:after {
        background-color: #4f2d7f
    }

    .btn-secondary-purple .social-icon__vi, .btn-secondary-purple .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li .btn-secondary-purple a {
        color: #a06dff
    }

    .btn-secondary-purple .single-social__icon {
        margin-left: 1.4rem
    }

@media (hover: none) {
    .btn-secondary-purple {
        outline: none
    }
}

@media (hover: hover) {
    .btn-secondary-purple {
        cursor: pointer
    }

        .btn-secondary-purple:hover, .btn-secondary-purple:active, .btn-secondary-purple:focus-visible {
            text-decoration: none
        }

            .btn-secondary-purple:hover, .btn-secondary-purple:hover .social-icon__vi, .btn-secondary-purple:hover .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li .btn-secondary-purple:hover a, .btn-secondary-purple:active, .btn-secondary-purple:active .social-icon__vi, .btn-secondary-purple:active .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li .btn-secondary-purple:active a, .btn-secondary-purple:focus-visible, .btn-secondary-purple:focus-visible .social-icon__vi, .btn-secondary-purple:focus-visible .social-icons__vi--wrapper li a, .social-icons__vi--wrapper li .btn-secondary-purple:focus-visible a {
                color: #fff
            }
}

@media (hover: hover) and (pointer: coarse) {
    .btn-secondary-purple:hover, .btn-secondary-purple:active, .btn-secondary-purple:focus-visible {
        color: #fff
    }
}

.btn-tertiary {
    color: var(--button-vi-text-hover-color, #ce2c2c);
    text-decoration: none;
    --hyperlink-animate-duration: .35s;
    --hyperlink-bg-color: #ce2c2c;
    display: inline;
    padding-bottom: 0.5rem;
    margin-bottom: -0.5rem;
    background-position-y: var(--link-tertiary--bg-position, 1.2em)
}

@media (min-width: 1024px) {
    .btn-tertiary {
        overflow: hidden;
        background-repeat: no-repeat;
        background-image: linear-gradient(var(--hyperlink-bg-color), var(--hyperlink-bg-color));
        animation: hyperlink-animate-out var(--hyperlink-animate-duration) linear forwards
    }
}

@media (hover: none) {
    .btn-tertiary {
        outline: none
    }
}

@media (hover: hover) {
    .btn-tertiary {
        cursor: pointer
    }

        .btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:focus-visible {
            color: var(--button-vi-text-hover-color, #ce2c2c);
            text-decoration: none
        }
}

@media (hover: hover) and (min-width: 1024px) {
    .btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:focus-visible {
        animation: hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards
    }
}

.btn-tertiary-d1 {
    color: var(--button-vi-text-hover-color, #fff);
    text-decoration: none;
    --hyperlink-animate-duration: .35s;
    --hyperlink-bg-color: #fff;
    display: inline;
    padding-bottom: 0.5rem;
    margin-bottom: -0.5rem;
    background-position-y: var(--link-tertiary--bg-position, 1.2em)
}

@media (min-width: 1024px) {
    .btn-tertiary-d1 {
        overflow: hidden;
        background-repeat: no-repeat;
        background-image: linear-gradient(var(--hyperlink-bg-color), var(--hyperlink-bg-color));
        animation: hyperlink-animate-out var(--hyperlink-animate-duration) linear forwards
    }
}

@media (hover: none) {
    .btn-tertiary-d1 {
        outline: none
    }
}

@media (hover: hover) {
    .btn-tertiary-d1 {
        cursor: pointer
    }

        .btn-tertiary-d1:hover, .btn-tertiary-d1:active, .btn-tertiary-d1:focus-visible {
            color: var(--button-vi-text-hover-color, #fff);
            text-decoration: none
        }
}

@media (hover: hover) and (min-width: 1024px) {
    .btn-tertiary-d1:hover, .btn-tertiary-d1:active, .btn-tertiary-d1:focus-visible {
        animation: hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards
    }
}

:root {
    --fallback-translate-safari: 8px
}

.RTL {
    --fallback-translate-safari: -8px
}

    .RTL .svg-animation-vi {
        transform: scaleX(-1)
    }

@supports not (d: path("M0 0")) {
    .svg-animation-vi {
        translate: 0 0;
        transition: all 0.5s ease
    }
}

.external-link-icon--dash {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    rotate: 240deg;
    opacity: 1;
    animation: var(--external-link-icon-animation--dash)
}

.external-link-icon--dash2 {
    stroke-dasharray: 100;
    stroke-dashoffset: var(--external-link-icon-animation--dash2-offset);
    animation: var(--external-link-icon-animation--dash2)
}

.external-link-icon--arrow {
    animation: var(--external-link-icon-animation--arrow)
}

.button-vi-external-link {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    --external-link-icon-animation--dash2: external-link-dash2-out 0.35s 0.15s ease-in forwards;
    --external-link-icon-animation--arrow: external-link-arrow-out 0.35s ease-in-out forwards;
    --external-link-icon-animation--dash2-offset: 0
}

@media (max-width: 479px) {
    .button-vi-external-link {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.button-vi-external-link .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .button-vi-external-link {
        outline: none
    }
}

@media (hover: hover) {
    .button-vi-external-link {
        cursor: pointer
    }

        .button-vi-external-link:hover, .button-vi-external-link:active, .button-vi-external-link:focus-visible {
            text-decoration: none
        }

            .button-vi-external-link:hover .button-vi-text, .button-vi-external-link:active .button-vi-text, .button-vi-external-link:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .button-vi-external-link:hover .svg-animation-vi, .button-vi-external-link:active .svg-animation-vi, .button-vi-external-link:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .button-vi-external-link:hover .svg-animation-vi, .button-vi-external-link:active .svg-animation-vi, .button-vi-external-link:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.button-vi-external-link .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

.button-vi-external-link:hover {
    --external-link-icon-animation--dash: external-link-dash 0.65s ease-in forwards;
    --external-link-icon-animation--dash2: external-link-dash2 0.25s 0.415s ease-out forwards;
    --external-link-icon-animation--arrow: external-link-arrow 0.9s ease-in-out forwards;
    --external-link-icon-animation--dash2-offset: 100;
    color: var(--button-vi-text-color, #fff);
    text-decoration: none
}

[dir="rtl"] .button-vi-external-link .svg-animation-vi {
    transform: scaleX(-1)
}

[dir="rtl"] .button-vi-external-link:hover {
    --external-link-icon-animation--arrow: external-link-arrow-rtl 0.9s ease-in-out forwards
}

@supports (hanging-punctuation: first) and (-webkit-appearance: none) {
    .button-vi-external-link {
        --external-link-icon-animation--dash: none;
        --external-link-icon-animation--dash2: none;
        --external-link-icon-animation--arrow: none;
        --external-link-icon-animation--dash2-offset: 0
    }

        .button-vi-external-link:hover {
            --external-link-icon-animation--dash: none;
            --external-link-icon-animation--dash2: none;
            --external-link-icon-animation--arrow: none;
            --external-link-icon-animation--dash2-offset: 0
        }

            .button-vi-external-link:hover svg {
                opacity: 1
            }

        .button-vi-external-link .button-vi-text {
            transition: transform 0.5s ease;
            transition-delay: 0s
        }

        .button-vi-external-link .svg-animation-vi {
            opacity: 0;
            transition-delay: 0s;
            transition: all 0.5s ease
        }
}

.button-vi-external-link--static {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    --external-link-icon-animation--dash2: external-link-dash2-out 0.35s 0.15s ease-in forwards;
    --external-link-icon-animation--arrow: external-link-arrow-out 0.35s ease-in-out forwards;
    --external-link-icon-animation--dash2-offset: 0;
    --external-link-icon-animation--dash2: none;
    --external-link-icon-animation--arrow: none;
    background: #ce2c2c;
    color: var(--button-vi-text-color, #fff);
    align-items: center
}

@media (max-width: 479px) {
    .button-vi-external-link--static {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.button-vi-external-link--static .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .button-vi-external-link--static {
        outline: none
    }
}

@media (hover: hover) {
    .button-vi-external-link--static {
        cursor: pointer
    }

        .button-vi-external-link--static:hover, .button-vi-external-link--static:active, .button-vi-external-link--static:focus-visible {
            text-decoration: none
        }

            .button-vi-external-link--static:hover .button-vi-text, .button-vi-external-link--static:active .button-vi-text, .button-vi-external-link--static:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .button-vi-external-link--static:hover .svg-animation-vi, .button-vi-external-link--static:active .svg-animation-vi, .button-vi-external-link--static:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .button-vi-external-link--static:hover .svg-animation-vi, .button-vi-external-link--static:active .svg-animation-vi, .button-vi-external-link--static:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.button-vi-external-link--static .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

.button-vi-external-link--static:hover {
    --external-link-icon-animation--dash: external-link-dash 0.65s ease-in forwards;
    --external-link-icon-animation--dash2: external-link-dash2 0.25s 0.415s ease-out forwards;
    --external-link-icon-animation--arrow: external-link-arrow 0.9s ease-in-out forwards;
    --external-link-icon-animation--dash2-offset: 100;
    color: var(--button-vi-text-color, #fff);
    text-decoration: none
}

[dir="rtl"] .button-vi-external-link--static .svg-animation-vi {
    transform: scaleX(-1)
}

[dir="rtl"] .button-vi-external-link--static:hover {
    --external-link-icon-animation--arrow: external-link-arrow-rtl 0.9s ease-in-out forwards
}

@supports (hanging-punctuation: first) and (-webkit-appearance: none) {
    .button-vi-external-link--static {
        --external-link-icon-animation--dash: none;
        --external-link-icon-animation--dash2: none;
        --external-link-icon-animation--arrow: none;
        --external-link-icon-animation--dash2-offset: 0
    }

        .button-vi-external-link--static:hover {
            --external-link-icon-animation--dash: none;
            --external-link-icon-animation--dash2: none;
            --external-link-icon-animation--arrow: none;
            --external-link-icon-animation--dash2-offset: 0
        }

            .button-vi-external-link--static:hover svg {
                opacity: 1
            }

        .button-vi-external-link--static .button-vi-text {
            transition: transform 0.5s ease;
            transition-delay: 0s
        }

        .button-vi-external-link--static .svg-animation-vi {
            opacity: 0;
            transition-delay: 0s;
            transition: all 0.5s ease
        }
}

.button-vi-external-link--static .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    margin-right: 4px
}

.button-vi-external-link--static:hover {
    color: var(--button-vi-text-hover-color, #fff)
}

    .button-vi-external-link--static:hover .button-vi-text {
        transform: none
    }

.button-vi-external-link--static .svg-animation-vi {
    position: relative;
    transform: none;
    visibility: visible;
    width: var(--button-vi-external-link-icon-width);
    height: var(--button-vi-external-link-icon-height)
}

@supports (hanging-punctuation: first) and (-webkit-appearance: none) {
    .button-vi-external-link--static .svg-animation-vi {
        opacity: 1
    }
}

.button-vi-external-link-icon--only {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    --external-link-icon-animation--dash2: external-link-dash2-out 0.35s 0.15s ease-in forwards;
    --external-link-icon-animation--arrow: external-link-arrow-out 0.35s ease-in-out forwards;
    --external-link-icon-animation--dash2-offset: 0;
    --button-vi-external-link-icon-color: #ce2c2c;
    --button-vi-external-link-icon-background-color: rgba(0,0,0,0);
    --button-vi-external-link-icon-width: 1.4rem;
    --button-vi-external-link-icon-height: 1.4rem;
    --external-link-icon-animation--dash: none;
    --external-link-icon-animation--dash2: none;
    --external-link-icon-animation--arrow: none;
    padding: 0;
    background: var(--button-vi-external-link-icon-background-color);
    border: 0;
    color: var(--button-vi-external-link-icon-color);
    display: inline-flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 479px) {
    .button-vi-external-link-icon--only {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.button-vi-external-link-icon--only .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .button-vi-external-link-icon--only {
        outline: none
    }
}

@media (hover: hover) {
    .button-vi-external-link-icon--only {
        cursor: pointer
    }

        .button-vi-external-link-icon--only:hover, .button-vi-external-link-icon--only:active, .button-vi-external-link-icon--only:focus-visible {
            text-decoration: none
        }

            .button-vi-external-link-icon--only:hover .button-vi-text, .button-vi-external-link-icon--only:active .button-vi-text, .button-vi-external-link-icon--only:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .button-vi-external-link-icon--only:hover .svg-animation-vi, .button-vi-external-link-icon--only:active .svg-animation-vi, .button-vi-external-link-icon--only:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .button-vi-external-link-icon--only:hover .svg-animation-vi, .button-vi-external-link-icon--only:active .svg-animation-vi, .button-vi-external-link-icon--only:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.button-vi-external-link-icon--only .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

.button-vi-external-link-icon--only:hover {
    --external-link-icon-animation--dash: external-link-dash 0.65s ease-in forwards;
    --external-link-icon-animation--dash2: external-link-dash2 0.25s 0.415s ease-out forwards;
    --external-link-icon-animation--arrow: external-link-arrow 0.9s ease-in-out forwards;
    --external-link-icon-animation--dash2-offset: 100;
    color: var(--button-vi-text-color, #fff);
    text-decoration: none
}

[dir="rtl"] .button-vi-external-link-icon--only .svg-animation-vi {
    transform: scaleX(-1)
}

[dir="rtl"] .button-vi-external-link-icon--only:hover {
    --external-link-icon-animation--arrow: external-link-arrow-rtl 0.9s ease-in-out forwards
}

@supports (hanging-punctuation: first) and (-webkit-appearance: none) {
    .button-vi-external-link-icon--only {
        --external-link-icon-animation--dash: none;
        --external-link-icon-animation--dash2: none;
        --external-link-icon-animation--arrow: none;
        --external-link-icon-animation--dash2-offset: 0
    }

        .button-vi-external-link-icon--only:hover {
            --external-link-icon-animation--dash: none;
            --external-link-icon-animation--dash2: none;
            --external-link-icon-animation--arrow: none;
            --external-link-icon-animation--dash2-offset: 0
        }

            .button-vi-external-link-icon--only:hover svg {
                opacity: 1
            }

        .button-vi-external-link-icon--only .button-vi-text {
            transition: transform 0.5s ease;
            transition-delay: 0s
        }

        .button-vi-external-link-icon--only .svg-animation-vi {
            opacity: 0;
            transition-delay: 0s;
            transition: all 0.5s ease
        }
}

@media (max-width: 767px) {
    .button-vi-external-link-icon--only {
        padding: 0
    }
}

.button-vi-external-link-icon--only:hover {
    --external-link-icon-animation--dash: none;
    --external-link-icon-animation--dash2: none;
    --external-link-icon-animation--arrow: none;
    --external-link-icon-animation--dash2-offset: 0
}

@supports not (d: path("M0 0")) {
    .button-vi-external-link-icon--only:hover .svg-animation-vi {
        translate: unset
    }
}

.button-vi-external-link-icon--only .svg-animation-vi {
    position: static;
    visibility: visible;
    transform: none;
    width: var(--button-vi-external-link-icon-width);
    height: var(--button-vi-external-link-icon-height)
}

@supports (hanging-punctuation: first) and (-webkit-appearance: none) {
    .button-vi-external-link-icon--only .svg-animation-vi {
        opacity: 1
    }
}

@media (max-width: 767px) {
    .button-vi-external-link-icon--only {
        --button-vi-external-link-icon-width: 16px;
        --button-vi-external-link-icon-height: 16px
    }
}

.button-vi-external-link-icon--only.purple-theme {
    --button-vi-external-link-icon-color: #fff;
    --button-vi-external-link-icon-background-color: #4f2d7f;
    border-radius: 100%;
    width: 32px;
    height: 32px
}

.header-message-top-banner-wrapper {
    background-color: #fff;
    z-index: 13;
    width: 100%;
    margin-top: 0;
    z-index: 13;
    position: relative
}

    .header-message-top-banner-wrapper.white {
        background-color: #fff
    }

    .header-message-top-banner-wrapper.grey {
        background-color: #f2f1ef
    }

    .header-message-top-banner-wrapper.bg-dark-coral {
        background-color: #ce2c2c
    }

    .header-message-top-banner-wrapper.purple {
        background-color: #4f2d7f
    }

    .header-message-top-banner-wrapper.dark-purple {
        /*background-color: #145da0;*/
        /*border-top: 3px solid #145da0;*/
    }

    .header-message-top-banner-wrapper.teal {
        background-color: #00a4b3
    }

    .header-message-top-banner-wrapper > p {
        text-align: center;
        margin: 0;
        padding: 0px 0px;
        /*line-height: 2.4rem;*/
        font-size: 13px;
        font-weight: var(--font-weight-normal)
    }

        .header-message-top-banner-wrapper > p a {
            /*text-decoration: underline;*/
            text-underline-offset: .18em;
            color: #000
        }

    .header-message-top-banner-wrapper.bg-dark-coral > p, .header-message-top-banner-wrapper.purple > p, .header-message-top-banner-wrapper.dark-purple > p {
        color: #fff
    }

        .header-message-top-banner-wrapper.bg-dark-coral > p a, .header-message-top-banner-wrapper.purple > p a, .header-message-top-banner-wrapper.dark-purple > p a {
            color: #fff
        }

    .header-message-top-banner-wrapper.hidden-message {
        transition: all ease .6s;
        transform: translateY(-100%)
    }

.header-overlay {
    position: fixed;
    top: -100vh;
    height: 100vh;
    left: 0;
    right: 0;
    z-index: 11;
    background-color: #2b144d;
    opacity: 0
}

    .header-overlay.show, .global-search--opening .header-overlay, .opening-header-overlay .header-overlay, .opening-mobile-menu .header-overlay, .opening-mobile-search .header-overlay, .opening-megamenu .header-overlay {
        top: 0;
        opacity: var(--header-overlays--opacity, .8)
    }

.has-menu-v3 .header-overlay {
    transition: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity, top;
    transition-duration: 0.5s, 0s;
    transition-delay: 0s, 0.5s
}

    .has-menu-v3 .header-overlay.show {
        transition-delay: 0.15s, 0s
    }

.has-menu-v3.global-search--opening .header-overlay, .has-menu-v3.opening-header-overlay .header-overlay, .has-menu-v3.opening-mobile-menu .header-overlay, .has-menu-v3.opening-mobile-search .header-overlay, .has-menu-v3.opening-megamenu .header-overlay {
    transition-delay: 0.15s, 0s
}

.showing-overlay {
    overflow: hidden
}

    .showing-overlay .gt-wrapper, .showing-overlay .header-container {
        overflow-y: scroll
    }

.page-promote__author {
    display: flex;
    padding-top: 4px;
    opacity: 1;
    align-items: start;
    bottom: 0
}

    .page-promote__author a.author-name {
        text-decoration: underline;
        text-underline-offset: .18em
    }

@media (min-width: 960px) {
    .page-promote__author {
        width: 100%;
        position: absolute;
        margin-top: 4px;
        padding-bottom: 32px;
        padding-left: 32px;
        padding-right: 32px
    }
}

@media (max-width: 959px) {
    .page-promote__author {
        position: relative;
        width: 100%;
        padding-bottom: 24px;
        padding-left: 24px;
        padding-right: 24px
    }
}

.page-promote__author .author-image__listing {
    position: relative;
    height: 24px;
    display: flex;
    float: left;
    white-space: nowrap;
    max-width: none;
    margin-right: 6px
}

    .page-promote__author .author-image__listing .author-image__item {
        width: 24px;
        height: 24px;
        display: inline-flex;
        border-radius: 100%;
        overflow: hidden;
        border: 1px solid #ccc4bd;
        position: relative
    }

        .page-promote__author .author-image__listing .author-image__item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top center;
            background: #fff
        }

        .page-promote__author .author-image__listing .author-image__item:nth-child(n+2) {
            margin-left: -12px
        }

    .page-promote__author .author-image__listing .author-image__item--1 {
        left: 0;
        z-index: 10
    }

    .page-promote__author .author-image__listing .author-image__item--2 {
        z-index: 8
    }

    .page-promote__author .author-image__listing .author-image__item--3 {
        z-index: 7
    }

    .page-promote__author .author-image__listing .author-image__item--4 {
        z-index: 6
    }

    .page-promote__author .author-image__listing .author-image__item--5 {
        z-index: 5
    }

    .page-promote__author .author-image__listing .author-image__item--6 {
        z-index: 4
    }

    .page-promote__author .author-image__listing .author-image__item--7 {
        z-index: 3
    }

    .page-promote__author .author-image__listing .author-image__item--8 {
        z-index: 2
    }

    .page-promote__author .author-image__listing .author-image__item--9 {
        z-index: 1
    }

.page-promote__author .author-name__listing {
    display: inline-flex;
    vertical-align: middle
}

    .page-promote__author .author-name__listing .author-name {
        font-size: 1.4rem;
        color: #666;
        text-decoration: underline;
        text-underline-offset: .18em;
        margin: 0
    }

@media (hover: none) {
    .page-promote__author .author-name__listing .author-name {
        outline: none
    }
}

@media (hover: hover) {
    .page-promote__author .author-name__listing .author-name {
        cursor: pointer
    }

        .page-promote__author .author-name__listing .author-name:hover:not(.no-link), .page-promote__author .author-name__listing .author-name:active:not(.no-link), .page-promote__author .author-name__listing .author-name:focus-visible:not(.no-link) {
            color: #ce2c2c
        }
}

.page-promote__author .author-name__listing .author-name.no-link {
    text-decoration: none
}

.page-promote__author .separate, .page-promote__author .time-to__read, .page-promote__author .article-date {
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    color: #666
}

.page-promote__author .time-to__read, .page-promote__author .article-date {
    font-size: 1.4rem;
    margin: 0
}

.page-promote__author .separate {
    font-size: 1.4rem
}

.page-promote__author .page-promote__info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.3rem
}

    .page-promote__author .page-promote__info > div, .page-promote__author .page-promote__info > span {
        margin-right: 4px
    }

        .page-promote__author .page-promote__info > div:nth-last-child(1), .page-promote__author .page-promote__info > span:nth-last-child(1) {
            margin-right: 0
        }

.mega__level--3:not(.open) .page-promote__author .author-image__listing .author-image__item {
    display: none
}

.breadcrumbs {
    background-color: #f2f1ef
}

    .breadcrumbs ol {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%
    }

        .breadcrumbs ol:after {
            content: none
        }

    .breadcrumbs li {
        position: relative;
        list-style: none;
        display: inline-block;
        line-height: 4rem;
        font-size: 1.6rem;
        vertical-align: middle
    }

        .breadcrumbs li + li {
            margin-left: 32px
        }

            .breadcrumbs li + li:before {
                content: "";
                background: #4f2d7f;
                display: inline-block;
                width: 3px;
                height: 3px;
                border-radius: 50%;
                position: absolute;
                left: -16px;
                top: 50%;
                transform: translate(0, -50%)
            }

    .breadcrumbs a {
        display: block;
        color: #4f2d7f;
        text-decoration: none;
        transition: color .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }

        .breadcrumbs a.breadcrum-home {
            width: 16px;
            height: 16px
        }

@media (hover: none) {
    .breadcrumbs a {
        outline: none
    }
}

@media (hover: hover) {
    .breadcrumbs a {
        cursor: pointer
    }

        .breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:focus-visible {
            color: #ce2c2c
        }

            .breadcrumbs a:hover svg, .breadcrumbs a:active svg, .breadcrumbs a:focus-visible svg {
                fill: #ce2c2c
            }
}

.breadcrumbs a svg {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    fill: #4f2d7f;
    transition: fill 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1)
}

@media (max-width: 959px) {
    .breadcrumbs {
        display: none
    }
}

.no-breadcrumbs__transparent .breadcrumbs {
    position: static;
    left: 0;
    transform: none
}

.header__utils > .shortcuts {
    border: none
}

.shortcuts {
    height: 0;
    position: relative;
    z-index: 100;
    width: fit-content
}

@media (max-width: 1023px), (pointer: coarse) {
    .shortcuts {
        display: none
    }
}

.shortcuts ul, .shortcuts li {
    height: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: inherit
}

.shortcuts ul {
    height: 36px;
    position: relative
}

.shortcuts li a {
    transform: translateY(-500px);
    display: block;
    width: 0;
    background-color: #f2f1ef;
    color: #000;
    padding: 8px 16px;
    text-align: center;
    font-weight: var(--font-weight-normal);
    font-size: 1.4rem
}

    .shortcuts li a:focus, .shortcuts li a:active {
        width: auto;
        transform: translateY(0)
    }

.article-tile {
    --article-tile-title-color: #4f2d7f;
    --article-tile-category-color: #666;
    --article-tile-text-color: #000;
    --article-tile-published-date-color: #666;
    text-decoration: none;
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    position: relative;
    border-radius: 24px;
    box-shadow: 0 0 0 transparent;
    transition: box-shadow var(--article-animating-timer) 0s cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 960px) {
    .article-tile {
        min-height: 53rem
    }
}

@media (max-width: 959px) {
    .article-tile {
        min-height: 50rem
    }
}

.article-tile:hover {
    box-shadow: 0px 4px 16px 0px rgba(43,20,77,0.4)
}

.article-tile.reverse .article-tile__header {
    order: 3;
    position: relative;
    flex: auto;
    padding-top: 0;
    overflow: hidden;
    border-radius: 24px 24px 0 0
}

@media (min-width: 960px) {
    .article-tile.reverse .article-tile__header {
        min-height: 55%
    }
}

.article-tile.reverse .article-tile__image {
    translate: 0 8%;
    bottom: 0;
    scale: 1.1
}

.article-tile.reverse .page-promote__author {
    order: 2;
    padding-bottom: 0;
    overflow: initial
}

.article-tile.reverse .article-tile__content-container {
    order: 1;
    position: relative;
    margin: 0;
    flex: auto
}

@media (min-width: 960px) {
    .article-tile.reverse .article-tile__content-container {
        min-height: 38%;
        margin-bottom: 32px
    }
}

@media (max-width: 959px) {
    .article-tile.reverse .article-tile__content-container {
        min-height: 50%;
        margin-bottom: 24px
    }
}

.article-tile .content, .article-tile .text, .article-tile__image, .article-tile__content-container, .article-tile__header {
    transition: all var(--article-animating-timer) 0s cubic-bezier(0.4, 0, 0.2, 1)
}

.article-tile__header {
    height: 47%
}

.article-tile__image {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    position: absolute;
    object-fit: cover;
    transform: scale(1.01, 1.01)
}

.article-tile__content-container {
    min-height: 53%;
    position: relative;
    z-index: 1;
    width: 100%;
    position: static;
    display: flex;
    flex-direction: column
}

    .article-tile__content-container .content {
        background: #fff;
        border-radius: 24px 24px 0 0;
        overflow: hidden;
        flex: auto
    }

@media (min-width: 960px) {
    .article-tile__content-container .content {
        padding: 40px 32px 8px
    }
}

@media (max-width: 959px) {
    .article-tile__content-container .content {
        padding: 24px;
        padding-bottom: 0
    }
}

.article-tile__content-container .content .category {
    margin-bottom: 8px
}

.article-tile.no-image {
    aspect-ratio: 1;
    --article-tile-title-color: $color-black;
    min-height: auto
}

    .article-tile.no-image .title {
        font-weight: var(--gt-subtitle--font-weight, var(--font-weight-bold));
        word-break: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto
    }

@media (min-width: 1200px) {
    .article-tile.no-image .title {
        font-size: var(--gt-subtitle--font-size, 3.4rem);
        line-height: var(--gt-subtitle--line-height, 4rem)
    }
}

@media (max-width: 1199px) {
    .article-tile.no-image .title {
        font-size: var(--gt-subtitle--font-size-mobile, 2.4rem);
        line-height: var(--gt-subtitle--line-height-mobile, 3.2rem)
    }
}

.article-tile.no-image .article-tile__content-container {
    height: 100%;
    margin: 0
}

.article-tile .article-tile__external-link, .article-tile .btn-secondary {
    padding-bottom: 0;
    padding-top: 0
}

.article-tile .category {
    font-size: var(--gt-body-text--font-size, 1.4rem);
    line-height: var(--gt-body-text--line-height, 2.2rem);
    font-weight: var(--gt-body-text--font-weight, var(--font-weight-normal));
    margin-bottom: 16px;
    letter-spacing: 1.6px;
    display: block;
    text-transform: uppercase;
    color: var(--article-tile-category-color);
    white-space: nowrap;
    text-overflow: ellipsis
}

.article-tile .article-published__date {
    display: block;
    color: var(--article-tile-published-date-color);
    letter-spacing: normal;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: var(--gt-body-text--font-size, 1.4rem);
    line-height: var(--gt-body-text--line-height, 2.2rem);
    font-weight: var(--gt-body-text--font-weight, var(--font-weight-normal))
}

.article-tile .title {
    display: block;
    font-weight: var(--gt-small-title--font-weight, var(--font-weight-normal));
    color: var(--article-tile-title-color)
}

@media (min-width: 1200px) {
    .article-tile .title {
        font-size: var(--gt-small-title--font-size, 2.4rem);
        line-height: var(--gt-small-title--line-height, 3.2rem)
    }
}

@media (max-width: 1199px) {
    .article-tile .title {
        font-size: var(--gt-small-title--font-size-mobile, 2rem);
        line-height: var(--gt-small-title--line-height-mobile, 2.8rem)
    }
}

@media (hover: none) {
    .article-tile a.title {
        outline: none
    }
}

@media (hover: hover) {
    .article-tile a.title {
        cursor: pointer
    }

        .article-tile a.title:hover, .article-tile a.title:active, .article-tile a.title:focus-visible {
            --article-tile-title-color: #ce2c2c
        }
}

.article-tile .text {
    font-size: var(--gt-body-text--font-size, 1.6rem);
    line-height: var(--gt-body-text--line-height, 2.4rem);
    font-weight: var(--gt-body-text--font-weight, var(--font-weight-normal));
    display: block;
    color: var(--article-tile-text-color);
    opacity: 0;
    position: relative;
    max-height: 0
}

@media (min-width: 960px) {
    .article-tile .text {
        margin-top: 16px
    }
}

@media (max-width: 959px) {
    .article-tile .text {
        margin-top: 4px
    }
}

.article-tile .title, .article-tile .category, .article-tile .text {
    width: 100%;
    overflow: hidden;
    transform: translateZ(0)
}

.article-tile .topic {
    position: relative;
    display: block;
    margin: 0;
    min-height: 100px;
    padding: 32px 64px 32px 32px;
    background: #4f2d7f;
    color: #fff;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .article-tile .topic:after {
        transition: transform var(--article-animating-timer) 0s cubic-bezier(0.4, 0, 0.2, 1);
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(-32px, -50%);
        pointer-events: none
    }

[dir="rtl"] .article-tile .topic:after {
    transform: translate(32px, -50%) rotate(-180deg)
}

.article-tile--alt {
    min-height: 555px
}

.article-tile--alt__content-container {
    height: 165px
}

@media (max-width: 1023px), (pointer: coarse) {
    .article-tile--alt__content-container {
        height: 265px
    }
}

@media (hover: none) {
    .article-tile--alt {
        outline: none
    }
}

@media (hover: hover) {
    .article-tile--alt {
        cursor: pointer
    }

        .article-tile--alt:hover, .article-tile--alt:active, .article-tile--alt:focus-visible {
            text-decoration: none
        }

            .article-tile--alt:hover .article-tile__header, .article-tile--alt:active .article-tile__header, .article-tile--alt:focus-visible .article-tile__header {
                height: 250px
            }

            .article-tile--alt:hover .article-tile__content-container, .article-tile--alt:active .article-tile__content-container, .article-tile--alt:focus-visible .article-tile__content-container {
                height: 265px
            }
}

.article-tile--alt:focus:not(.no-focus) .article-tile__content-container {
    height: 265px
}

@media (max-width: 1023px) {
    .article-tile.large {
        border-radius: 24px
    }
}

@media (min-width: 1024px) {
    .article-tile.large {
        border-radius: 32px
    }
}

@media (max-width: 1023px) {
    .article-tile.large .article-item__content-container {
        border-radius: 24px
    }
}

@media (min-width: 1024px) {
    .article-tile.large .article-item__content-container {
        border-radius: 32px
    }
}

@media (min-width: 960px) {
    .article-tile.large .content {
        padding-top: 40px
    }
}

@media (min-width: 960px) {
    .article-tile.large .content .category {
        margin-bottom: 24px;
        font-size: 1.6rem
    }
}

.article-tile.large .text {
    max-height: 100%;
    opacity: 1
}

@media (max-width: 1023px) {
    .article-tile.small {
        border-radius: 24px
    }
}

@media (min-width: 1024px) {
    .article-tile.small {
        border-radius: 16px
    }
}

@media (max-width: 1023px) {
    .article-tile.small .article-item__content-container {
        border-radius: 24px
    }
}

@media (min-width: 1024px) {
    .article-tile.small .article-item__content-container {
        border-radius: 16px
    }
}

.article-tile.small .article-tile__content-container .text {
    margin-top: 8px
}

.article-tile.small .page-promote__author {
    width: 100%;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px
}

@media (min-width: 960px) {
    .article-tile.small .content {
        padding: 24px 24px 8px
    }
}

@media (min-width: 960px) {
    .article-tile.small .title {
        font-size: var(--gt-body-text--font-size, 1.6rem);
        line-height: var(--gt-body-text--line-height, 2.4rem);
        font-weight: var(--gt-body-text--font-weight, var(--font-weight-normal))
    }
}

@media (min-width: 960px) {
    .article-tile.tiny .content {
        padding-bottom: 0
    }
}

.article-tile.trending {
    height: auto
}

    .article-tile.trending .article-tile__content-container {
        flex: 1;
        margin: 0
    }

.article-tile .page-promote__author {
    background: #fff
}

.article-tile__external-link {
    border-radius: 4px;
    padding: 1.4rem 4rem 1.4rem 4.6rem;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    border: 0.2rem solid #ce2c2c;
    font-weight: 400;
    display: inline-flex;
    vertical-align: middle;
    transition: all 0.3s linear;
    color: var(--button-vi-text-color, #ce2c2c);
    justify-content: center;
    text-decoration: none;
    --external-link-icon-animation--dash2: external-link-dash2-out 0.35s 0.15s ease-in forwards;
    --external-link-icon-animation--arrow: external-link-arrow-out 0.35s ease-in-out forwards;
    --external-link-icon-animation--dash2-offset: 0;
    --external-link-icon-animation--dash2: none;
    --external-link-icon-animation--arrow: none;
    background: #fff;
    color: var(--button-vi-text-color, #ce2c2c);
    align-items: center;
    --button-vi-external-link-icon-width: 16px;
    --button-vi-external-link-icon-height: 16px;
    padding: 0;
    justify-content: flex-start;
    align-items: center;
    border: none;
    line-height: 2.4rem
}

@media (max-width: 479px) {
    .article-tile__external-link {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.article-tile__external-link .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .article-tile__external-link {
        outline: none
    }
}

@media (hover: hover) {
    .article-tile__external-link {
        cursor: pointer
    }

        .article-tile__external-link:hover, .article-tile__external-link:active, .article-tile__external-link:focus-visible {
            text-decoration: none
        }

            .article-tile__external-link:hover .button-vi-text, .article-tile__external-link:active .button-vi-text, .article-tile__external-link:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .article-tile__external-link:hover .svg-animation-vi, .article-tile__external-link:active .svg-animation-vi, .article-tile__external-link:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .article-tile__external-link:hover .svg-animation-vi, .article-tile__external-link:active .svg-animation-vi, .article-tile__external-link:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.article-tile__external-link .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

.article-tile__external-link:hover {
    --external-link-icon-animation--dash: external-link-dash 0.65s ease-in forwards;
    --external-link-icon-animation--dash2: external-link-dash2 0.25s 0.415s ease-out forwards;
    --external-link-icon-animation--arrow: external-link-arrow 0.9s ease-in-out forwards;
    --external-link-icon-animation--dash2-offset: 100;
    color: var(--button-vi-text-color, #fff);
    text-decoration: none
}

[dir="rtl"] .article-tile__external-link .svg-animation-vi {
    transform: scaleX(-1)
}

[dir="rtl"] .article-tile__external-link:hover {
    --external-link-icon-animation--arrow: external-link-arrow-rtl 0.9s ease-in-out forwards
}

@supports (hanging-punctuation: first) and (-webkit-appearance: none) {
    .article-tile__external-link {
        --external-link-icon-animation--dash: none;
        --external-link-icon-animation--dash2: none;
        --external-link-icon-animation--arrow: none;
        --external-link-icon-animation--dash2-offset: 0
    }

        .article-tile__external-link:hover {
            --external-link-icon-animation--dash: none;
            --external-link-icon-animation--dash2: none;
            --external-link-icon-animation--arrow: none;
            --external-link-icon-animation--dash2-offset: 0
        }

            .article-tile__external-link:hover svg {
                opacity: 1
            }

        .article-tile__external-link .button-vi-text {
            transition: transform 0.5s ease;
            transition-delay: 0s
        }

        .article-tile__external-link .svg-animation-vi {
            opacity: 0;
            transition-delay: 0s;
            transition: all 0.5s ease
        }
}

.article-tile__external-link .button-vi-text {
    color: var(--button-vi-text-color, #ce2c2c);
    margin-right: 4px
}

.article-tile__external-link:hover {
    color: var(--button-vi-text-hover-color, #ce2c2c)
}

    .article-tile__external-link:hover .button-vi-text {
        transform: none
    }

.article-tile__external-link .svg-animation-vi {
    position: relative;
    transform: none;
    visibility: visible;
    width: var(--button-vi-external-link-icon-width);
    height: var(--button-vi-external-link-icon-height)
}

@supports (hanging-punctuation: first) and (-webkit-appearance: none) {
    .article-tile__external-link .svg-animation-vi {
        opacity: 1
    }
}

@media (max-width: 767px) {
    .article-tile__external-link {
        padding-left: 0
    }
}

@media (hover: none) {
    .article-tile.reverse, .article-tile {
        outline: none
    }
}

@media (hover: hover) {
    .article-tile.reverse, .article-tile {
        cursor: pointer
    }

        .article-tile.reverse:hover, .article-tile.reverse:active, .article-tile.reverse:focus-visible:not(.no-focus), .article-tile:hover, .article-tile:active, .article-tile:focus-visible:not(.no-focus) {
            text-decoration: none
        }

            .article-tile.reverse:hover .topic:after, .article-tile.reverse:active .topic:after, .article-tile.reverse:focus-visible:not(.no-focus) .topic:after, .article-tile:hover .topic:after, .article-tile:active .topic:after, .article-tile:focus-visible:not(.no-focus) .topic:after {
                transform: translate(-20px, -50%)
            }

    [dir="rtl"] .article-tile.reverse:hover .topic:after, [dir="rtl"] .article-tile.reverse:active .topic:after, [dir="rtl"] .article-tile.reverse:focus-visible:not(.no-focus) .topic:after, [dir="rtl"] .article-tile:hover .topic:after, [dir="rtl"] .article-tile:active .topic:after, [dir="rtl"] .article-tile:focus-visible:not(.no-focus) .topic:after {
        transform: translate(20px, -50%) rotate(-180deg)
    }

    .article-tile.reverse:hover.large .article-tile__content-container .text, .article-tile.reverse:active.large .article-tile__content-container .text, .article-tile.reverse:focus-visible:not(.no-focus).large .article-tile__content-container .text, .article-tile:hover.large .article-tile__content-container .text, .article-tile:active.large .article-tile__content-container .text, .article-tile:focus-visible:not(.no-focus).large .article-tile__content-container .text {
        max-height: 17.5rem
    }
}

@media (max-width: 1023px), (pointer: coarse) {
    .article-tile.reverse, .article-tile {
        text-decoration: none
    }

        .article-tile.reverse .topic:after, .article-tile .topic:after {
            transform: translate(-20px, -50%)
        }

    [dir="rtl"] .article-tile.reverse .topic:after, [dir="rtl"] .article-tile .topic:after {
        transform: translate(20px, -50%) rotate(-180deg)
    }

    .article-tile.reverse.large .article-tile__content-container .text, .article-tile.large .article-tile__content-container .text {
        max-height: 17.5rem
    }
}

@media (hover: none) {
    .article-tile {
        outline: none
    }
}

@media (hover: hover) {
    .article-tile {
        cursor: pointer
    }

        .article-tile:hover .article-tile__image, .article-tile:active .article-tile__image, .article-tile:focus-visible:not(.no-focus) .article-tile__image {
            -webkit-transform: scale(1.11) translateY(-5%);
            transform: scale(1.11) translateY(-5%)
        }
}

@media (hover: none) {
    .article-tile {
        outline: none
    }
}

@media (hover: hover) {
    .article-tile {
        cursor: pointer
    }
}

@media (hover: hover) and (min-width: 960px) {
    .article-tile:hover .content, .article-tile:active .content, .article-tile:focus-visible:not(.no-focus) .content {
        transform: translateY(-4.5rem)
    }

    .article-tile:hover.tiny .content, .article-tile:active.tiny .content, .article-tile:focus-visible:not(.no-focus).tiny .content {
        transform: translateY(-5.5rem)
    }
}

@media (hover: hover) {
    .article-tile:hover .article-tile__content-container .text, .article-tile:active .article-tile__content-container .text, .article-tile:focus-visible:not(.no-focus) .article-tile__content-container .text {
        max-height: 14.5rem;
        opacity: 1
    }

    .article-tile:hover.no-image .content, .article-tile:hover.trending .content, .article-tile:active.no-image .content, .article-tile:active.trending .content, .article-tile:focus-visible:not(.no-focus).no-image .content, .article-tile:focus-visible:not(.no-focus).trending .content {
        transform: translateY(0)
    }
}

@media (max-width: 1023px) and (min-width: 960px), (pointer: coarse) and (min-width: 960px) {
    .article-tile .content {
        transform: translateY(-4.5rem)
    }

    .article-tile.tiny .content {
        transform: translateY(-5.5rem)
    }
}

@media (max-width: 1023px), (pointer: coarse) {
    .article-tile .article-tile__content-container .text {
        max-height: 14.5rem;
        opacity: 1
    }

    .article-tile.no-image .content, .article-tile.trending .content {
        transform: translateY(0)
    }
}

@media (min-width: 960px) {
    .article-tile.force-show-description .content {
        transform: translateY(-4.5rem)
    }

    .article-tile.force-show-description.tiny .content {
        transform: translateY(-5.5rem)
    }
}

.article-tile.force-show-description .article-tile__content-container .text {
    max-height: 14.5rem;
    opacity: 1
}

.article-tile.force-show-description.no-image .content, .article-tile.force-show-description.trending .content {
    transform: translateY(0)
}

@media (hover: none) {
    .article-tile.reverse {
        outline: none
    }
}

@media (hover: hover) {
    .article-tile.reverse {
        cursor: pointer
    }

        .article-tile.reverse:hover .article-tile__image, .article-tile.reverse:active .article-tile__image, .article-tile.reverse:focus-visible:not(.no-focus) .article-tile__image {
            transform: translateZ(0) translateY(10%);
            scale: 1.01
        }

        .article-tile.reverse:hover .content, .article-tile.reverse:active .content, .article-tile.reverse:focus-visible:not(.no-focus) .content {
            transform: translateY(0)
        }

        .article-tile.reverse:hover .article-tile__header, .article-tile.reverse:active .article-tile__header, .article-tile.reverse:focus-visible:not(.no-focus) .article-tile__header {
            min-height: 38%
        }

        .article-tile.reverse:hover .article-tile__content-container .text, .article-tile.reverse:active .article-tile__content-container .text, .article-tile.reverse:focus-visible:not(.no-focus) .article-tile__content-container .text {
            max-height: 12.5rem;
            opacity: 1
        }
}

@media (hover: hover) and (min-width: 960px) {
    .article-tile.reverse:hover .article-tile__content-container, .article-tile.reverse:active .article-tile__content-container, .article-tile.reverse:focus-visible:not(.no-focus) .article-tile__content-container {
        min-height: 55%
    }
}

@media (hover: hover) and (max-width: 959px) {
    .article-tile.reverse:hover .article-tile__content-container, .article-tile.reverse:active .article-tile__content-container, .article-tile.reverse:focus-visible:not(.no-focus) .article-tile__content-container {
        min-height: 50%
    }
}

@media (max-width: 1023px), (pointer: coarse) {
    .article-tile.reverse .content {
        transform: translateY(0)
    }

    .article-tile.reverse .article-tile__header {
        min-height: 38%
    }

    .article-tile.reverse .article-tile__content-container .text {
        max-height: 12.5rem;
        opacity: 1
    }
}

@media (max-width: 1023px) and (min-width: 960px), (pointer: coarse) and (min-width: 960px) {
    .article-tile.reverse .article-tile__content-container {
        min-height: 55%
    }
}

@media (max-width: 1023px) and (max-width: 959px), (pointer: coarse) and (max-width: 959px) {
    .article-tile.reverse .article-tile__content-container {
        min-height: 50%
    }
}

.campaign-rich-text .tinymce-wrapper span.separate, .campaign-rich-text .tinymce-wrapper span.time-to__read, .campaign-rich-text .tinymce-wrapper span.author-name, .campaign-rich-text .tinymce-wrapper span.category, .campaign-rich-text .tinymce-wrapper span.article-date, .c-content .c-content--inner span.separate, .c-content .c-content--inner span.time-to__read, .c-content .c-content--inner span.author-name, .c-content .c-content--inner span.category, .c-content .c-content--inner span.article-date, .case-study-page .c-content .c-content--inner span.separate, .case-study-page .c-content .c-content--inner span.time-to__read, .case-study-page .c-content .c-content--inner span.author-name, .case-study-page .c-content .c-content--inner span.category, .case-study-page .c-content .c-content--inner span.article-date, .case-study-page .campaign-rich-text .tinymce-wrapper span.separate, .case-study-page .campaign-rich-text .tinymce-wrapper span.time-to__read, .case-study-page .campaign-rich-text .tinymce-wrapper span.author-name, .case-study-page .campaign-rich-text .tinymce-wrapper span.category, .case-study-page .campaign-rich-text .tinymce-wrapper span.article-date {
    font-size: 1.4rem;
    line-height: 1.5
}

.campaign-rich-text .tinymce-wrapper span.author-name, .c-content .c-content--inner span.author-name, .case-study-page .c-content .c-content--inner span.author-name, .case-study-page .campaign-rich-text .tinymce-wrapper span.author-name {
    font-weight: var(--font-weight-normal)
}

 .gt-wrapper {
    clear: both;
    overflow: hidden;
    overflow: clip;
    margin-top: 0;
    transition: margin 0.15s ease;
    will-change: margin
}

header {
    z-index: 12
}

    header.sticky-gb-open .rpi-progress-bar {
        display: none
    }

    header.sticky-gb-open:not(.sticky) .header-top-wrapper {
        height: auto !important;
        max-height: max-content
    }

@media (max-width: 959px) {
    header {
        position: relative
    }
}

header[data-sticky="true"] .header-top-wrapper {
    max-height: 595px
}

header[data-sticky="true"] + div.extended-search {
    transition: all ease 1s
}

header[data-sticky="true"].sticky-gb-open .header-top-wrapper {
    max-height: none
}

header.sticky .header-top-wrapper {
    padding-top: 0;
    max-height: 80px;
    min-height: 80px
}

@media (min-width: 960px) {
    header.animate {
        transition: all ease .4s;
        transform: translateY(0) !important
    }
}

header.animate[data-sticky="true"] {
    position: sticky;
    max-height: 600px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 12
}

@media (min-width: 960px) {
    header.animate[data-sticky="true"] .header-top-wrapper {
        transition: max-height ease .6s, padding ease .6s
    }
}

header.animate[data-sticky="true"].sticky .header-top-wrapper, header.animate[data-sticky="true"].insight-sticky .header-top-wrapper {
    transition: max-height ease .2s, padding ease .2s
}

@media (min-width: 960px) {
    header.animate .header-top {
        transition: height 0.5s ease-in-out, top ease .2s
    }
}

@media (min-width: 1024px) and (max-width: 1299px) {
    header.sticky nav .container, header.insight-sticky nav .container {
        transform: translateX(43px);
        width: calc(100% - 63px - 64px)
    }
}

@media (min-width: 960px) {
    .header-is-sticking .header-message-top-banner-wrapper {
        display: none
    }
}

body.RTL header a.mini-logo {
    opacity: 0
}

body.RTL header.sticky a.mini-logo {
    opacity: 1
}

html[data-useragent*="Trident"] header[data-sticky="true"] .header-top .header__lang > a:not(.active) {
    transition-delay: 0.2s
}

html[data-useragent*="Trident"] body.RTL header[data-sticky="true"] .header-top .header-logo.logo {
    z-index: 12;
    overflow: visible;
    transition: none !important;
    transform: none !important
}

    html[data-useragent*="Trident"] body.RTL header[data-sticky="true"] .header-top .header-logo.logo .desktop-logo {
        transition: left ease 1.2s
    }

html[data-useragent*="Trident"] body.RTL header[data-sticky="true"].sticky .header-logo.logo {
    width: 0px
}

    html[data-useragent*="Trident"] body.RTL header[data-sticky="true"].sticky .header-logo.logo .header__login .desktop-logo {
        min-width: 393px;
        left: -393px
    }

html[data-useragent*="Edge"] header[data-sticky="true"] nav ul.level-1 > li > a {
    min-height: 60px;
    line-height: 58px
}

html[data-useragent*="Edge"] header[data-sticky="true"] .header-top .header__lang > a:not(.active) {
    transition-delay: 0.2s
}

html[data-useragent*="Trident"] header[data-sticky="true"].sticky .header__utils .header__lang > a:not(.active) {
    transition: width ease 1s, padding ease 1s, height ease 1s
}

body.lang-changed header[data-sticky="true"] .header__utils .header__lang a {
    vertical-align: middle
}

body.lang-changed header[data-sticky="true"] .header__utils .header__lang > font {
    padding: 0 32px;
    color: #545454;
    cursor: pointer;
    font-size: 1.6rem;
    text-decoration: none;
    line-height: 2.88rem;
    display: inline-block;
    vertical-align: middle !important
}

    body.lang-changed header[data-sticky="true"] .header__utils .header__lang > font a + a {
        padding-left: 28px
    }

    body.lang-changed header[data-sticky="true"] .header__utils .header__lang > font ~ a:not(.active) {
        width: 0px;
        height: 0px;
        min-width: 0px;
        padding: 0px
    }

body.lang-changed header[data-sticky="true"].sticky .header__utils .header__lang > font {
    display: none
}

@media only screen and (max-width: 960px) {
    header {
        height: auto
    }

        header .header-top-wrapper {
            height: auto !important;
            background-color: transparent
        }
}

@media (max-width: 959px) {
    .global-reach-mobile, .mega-wrapper {
        top: var(--header-height)
    }
}

@media (min-width: 960px) {
    .shortcuts {
        -webkit-backface-visibility: hidden
    }

    

    .scroll-down header[data-sticky="true"] .main-header.event-detail-page-v2-header.show-event-detail-header .header-menu {
        margin-left: 32px
    }

    .scroll-down header[data-sticky="true"] .main-header.event-detail-page-v2-header.show-event-detail-header .event-detail__heading-container {
        top: 0;
        position: absolute;
        display: flex;
        align-items: center;
        width: 100%;
        animation: none;
        margin: 0 16px
    }

    .scroll-down header[data-sticky="true"] .main-header.event-detail-page-v2-header.show-event-detail-header .global-search, .scroll-down header[data-sticky="true"] .main-header.event-detail-page-v2-header.show-event-detail-header .primary-menu {
        opacity: 0;
        z-index: -1
    }

    header[data-sticky="true"] .main-header.career-detail-page-header .career-detail-header {
        border-top: none
    }

    header[data-sticky="true"] .main-header.career-detail-page-header.show-career-detail-header .header-logo, header[data-sticky="true"] .main-header.career-detail-page-header.show-career-detail-header .global-search, header[data-sticky="true"] .main-header.career-detail-page-header.show-career-detail-header .primary-menu {
        opacity: 0;
        z-index: -1;
        transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }

    header[data-sticky="true"] .main-header.about-us-report-header .sticky-pdf-header {
        border-top: none
    }

    header[data-sticky="true"] .main-header.about-us-report-header.show-about-us-report-header .header-logo, header[data-sticky="true"] .main-header.about-us-report-header.show-about-us-report-header .global-search, header[data-sticky="true"] .main-header.about-us-report-header.show-about-us-report-header .primary-menu {
        opacity: 0;
        z-index: -1;
        transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }

    /*.opening-megamenu {
        overflow: hidden
    }*/

        /*.opening-megamenu header[data-sticky="true"] > div:not(.mega-wrapper), .opening-megamenu header[data-sticky="true"] .bleed.open, .opening-megamenu .gt-wrapper {
            overflow-y: scroll
        }*/

        /*.opening-megamenu .scroll-down header[data-sticky="true"] > div:not(.mega-wrapper) {
            overflow-y: unset
        }

        .opening-megamenu .scroll-down header[data-sticky="true"] .main-header {
            overflow-y: scroll
        }*/
}

html:not(.global-reach--opening) header[data-sticky="true"] {
    position: sticky;
    top: 0;
       width: 100%;
    background: #fff;
    transform: translateY(0)
}

/*@media (max-width: 959px) {
    html:not(.global-reach--opening) header[data-sticky="true"] .header-menu.open {
        top: var(--header-height)
    }
}*/

/*@media (max-width: 959px) {
    html:not(.global-reach--opening) .scroll-down .gt-wrapper {
        margin-top: calc((var(--header-height) - 64px) * -1)
    }

    html:not(.global-reach--opening) .scroll-down header[data-sticky="true"] {
        transform: translateY(calc((var(--header-height) - 64px) * -1))
    }
}*/

/*@media (min-width: 960px) {
    html:not(.global-reach--opening) .scroll-down .gt-wrapper {
        margin-top: calc((40px + var(--top-banner-msg-height)) * -1)
    }

    html:not(.global-reach--opening) .scroll-down header[data-sticky="true"] {
        transform: translateY(calc((40px + var(--top-banner-msg-height)) * -1))
    }
}*/

html:not(.global-reach--opening) .scroll-up header {
    transform: translateY(0)
}

header {
    transition: transform 0.15s ease
}

.global-reach--opening .cookie-block, .opening-megamenu .cookie-block {
    overflow-y: scroll !important
}

.header.header-404 .main-header {
    padding: 16px 32px;
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative
}

@media (min-width: 960px) {
    .header.header-404 .main-header {
        box-shadow: 0 -1px 0 #e0dcd7 inset
    }
}

.main-header {
    padding: 0 16px;
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative
}

@media (min-width: 1300px) {
    .main-header {
        padding: 4px 32px 10px 32px;
    }
}

@media (min-width: 960px) {
    .main-header {
        box-shadow: -5px 0 5px 0 rgba(26,34,93,0.74);
    }

        .main-header.has-extra-items .header-menu {
            white-space: nowrap
        }
}

.main-header .rpi-progress-bar {
    bottom: 2px;
    left: 0;
    height: 0;
    z-index: 8;
    top: auto;
    padding: 0
}

.main-header.event-detail-page-v2-header .event-detail-page-v2-header--anchor {
    display: none
}

.main-header.event-detail-page-v2-header .register-event__btn {
    right: 32px;
    display: none
}

.main-header.event-detail-page-v2-header.show-anchor .register-event__btn {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: flex
}

.main-header.event-detail-page-v2-header.show-anchor .event-detail-page-v2-header--anchor {
    display: flex;
    margin: 0 16px;
    position: relative
}

.main-header.event-detail-page-v2-header.show-anchor .header-menu {
    max-height: 100%;
    overflow: initial
}

.header-logo {
    /*height: 40px;*/
    max-width: 216px
}

    .header-logo .desktop-logo {
        display: block
    }

        .header-logo .desktop-logo svg, .header-logo .desktop-logo img {
            width: 100%;
            height: auto;
            display: block
        }

.header-menu {
    position: relative
}

@media (min-width: 960px) {
    .header-menu {
        overflow: hidden;
        max-height: 32px;
       /* margin: auto*/
    }
}

@media (min-width: 960px) and (max-width: 1299px) {
    .header-menu {
        max-width: calc(100% - 32.8rem);
        transform: translateX(-24px)
    }
}

/*@media (min-width: 1300px) {
    .header-menu {
        max-width: calc(100% - 52.5rem)
    }
}*/

.opening-header-overlay .header-menu {
    overflow: initial
}

.primary-menu {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

@media (min-width: 960px) {
    .primary-menu {
        text-align: center;
        /*padding-right: 47px;*/
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media (min-width: 1680px) {
    .primary-menu.without-menu-link > li {
        padding: 4px 28px
    }
}

.primary-menu > li {
    display: inline-flex;
    vertical-align: middle
}

@media (min-width: 960px) {
    .primary-menu > li {
        padding: 0px 16px;
        /*height: 32px;*/
    }
}

.primary-menu > li .nav-link {
    color: #4f2d7f;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    line-height: 2.4rem;
    color: black;
    text-decoration: none;
    --hyperlink-animate-duration: .35s;
    --hyperlink-bg-color: #002864;
    display: inline;
    /*   padding-bottom: 0.5rem;
    margin-bottom: -0.5rem;*/
    background-position-y: var(--link-tertiary--bg-position, 1.2em);
    background-position-y: 2.2rem;
    padding-top: 0;
    padding-bottom: 0px;
    margin: 0;
    display: block
}

@media (min-width: 960px) {
    .primary-menu > li .nav-link {
        font-weight: var(--font-weight-semibold)
    }
}

@media (min-width: 1024px) {
    .primary-menu > li .nav-link {
        overflow: hidden;
        background-repeat: no-repeat;
        background-image: linear-gradient(var(--hyperlink-bg-color), var(--hyperlink-bg-color));
        animation: hyperlink-animate-out var(--hyperlink-animate-duration) linear forwards
    }
}

@media (hover: none) {
    .primary-menu > li .nav-link {
        outline: none
    }
}

@media (hover: hover) {
    .primary-menu > li .nav-link {
        cursor: pointer
    }

        .primary-menu > li .nav-link:hover, .primary-menu > li .nav-link:active, .primary-menu > li .nav-link:focus-visible {
            color: var(--button-vi-text-hover-color, #ce2c2c);
            text-decoration: none
        }
}

@media (hover: hover) and (min-width: 1024px) {
    .primary-menu > li .nav-link:hover, .primary-menu > li .nav-link:active, .primary-menu > li .nav-link:focus-visible {
        animation: hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards
    }
}
.drop{position:relative;}

    .drop::after {
        content: "\f107";
        font: normal normal normal 14px / 1 FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        position: absolute;
        right: 4px;
        top: 30%;
        color: black; 
        font-size: 14px;
    }

.primary-menu > li .nav-link:hover, .primary-menu > li .nav-link.open {
    color: #002864
}

.primary-menu > li .nav-link--dropdown {
    cursor: pointer
}

.primary-menu > li.selected .nav-link {
    color: #ce2c2c
}

    .primary-menu > li.selected .nav-link::after {
        background: #ce2c2c
    }

.primary-menu li.extra {
    display: block
}

.primary-menu li.hide-webex {
    display: none
}

.primary-menu li.menu-link {
    position: relative;
    display: inline-flex
}

@media (min-width: 960px) {
    .primary-menu li.menu-link {
        display:none;
        position: absolute;
        right: 1px;
        top: 0;
        padding: 2px 0
    }
}

.primary-menu li.menu-link > .button-nav__link {
    border: 0;
    background: none;
    text-decoration: none;
    padding: 0;
    color: var(--button-vi-text-hover-color, #4f2d7f);
    text-decoration: none;
    --hyperlink-animate-duration: .35s;
    --hyperlink-bg-color: #ce2c2c;
    display: inline;
    padding-bottom: 0.5rem;
    margin-bottom: -0.5rem;
    background-position-y: var(--link-tertiary--bg-position, 1.2em);
    margin: 0;
    background-position-y: 1.5em
}

@media (min-width: 1024px) {
    .primary-menu li.menu-link > .button-nav__link {
        overflow: hidden;
        background-repeat: no-repeat;
        background-image: linear-gradient(var(--hyperlink-bg-color), var(--hyperlink-bg-color));
        animation: hyperlink-animate-out var(--hyperlink-animate-duration) linear forwards
    }
}

@media (hover: none) {
    .primary-menu li.menu-link > .button-nav__link {
        outline: none
    }
}

@media (hover: hover) {
    .primary-menu li.menu-link > .button-nav__link {
        cursor: pointer
    }

        .primary-menu li.menu-link > .button-nav__link:hover, .primary-menu li.menu-link > .button-nav__link:active, .primary-menu li.menu-link > .button-nav__link:focus-visible {
            color: var(--button-vi-text-hover-color, #ce2c2c);
            text-decoration: none
        }
}

@media (hover: hover) and (min-width: 1024px) {
    .primary-menu li.menu-link > .button-nav__link:hover, .primary-menu li.menu-link > .button-nav__link:active, .primary-menu li.menu-link > .button-nav__link:focus-visible {
        animation: hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards
    }
}

.primary-menu li.menu-link > .button-nav__link:hover::after {
    background: transparent
}

.primary-menu li.menu-link > .button-nav__link svg {
    width: 32px;
    pointer-events: none;
    margin-top: 1px
}

.primary-menu li.menu-link.open ul.sub-menu {
    display: block
}

.primary-menu li.menu-link.open .bs-hider {
    display: block
}

.primary-menu li.menu-link.open .button-nav__link {
    color: #ce2c2c
}

.primary-menu li.menu-link div.bs-hider {
    position: absolute;
    top: 100%;
    min-width: 300px;
    height: 5px;
    background-color: #fff;
    right: 0;
    z-index: 101;
    display: none
}

.primary-menu li.menu-link ul.sub-menu {
    position: absolute;
    margin: 0px;
    top: calc(100% + 24px);
    min-width: 300px;
    background: #fff;
    right: 0;
    padding: 8px 24px 24px;
    display: none;
    box-shadow: 0px 1px 2px 1px #ccc4bd;
    z-index: 100;
    list-style: none;
    text-align: left
}

    .primary-menu li.menu-link ul.sub-menu li {
        float: left;
        width: 100%;
        margin: 12px 0px 0px 0px;
        padding: 0px
    }

        .primary-menu li.menu-link ul.sub-menu li .nav-link {
            width: fit-content;
            display: inline
        }

            .primary-menu li.menu-link ul.sub-menu li .nav-link::after {
                content: none
            }

.menu-toggle {
    display: none
}

.reader, .ir {
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px
}

@media (min-width: 960px) {
    .header-container {
        display: flex;
        flex-direction: column
    }

        /*.header-container .header-message-top-banner-wrapper {
            order: 0
        }

        .header-container .global-reach {
            order: 1
        }

        .header-container .header-utils {
            order: 2
        }

        .header-container .main-header {
            order: 3
        }*/
}

.RTL .mega-wrapper .bleed, .RTL .gt-wrapper, .RTL header[data-sticky="true"] .header-container {
    direction: rtl
}

    .RTL .mega-wrapper .bleed *:not(.main-header), .RTL .gt-wrapper *:not(.main-header), .RTL header[data-sticky="true"] .header-container *:not(.main-header) {
        direction: ltr
    }

.RTL .main-header {
    flex-direction: row-reverse;
    direction: rtl
}

    .RTL .main-header * {
        direction: ltr
    }

.RTL .mega-wrapper .bleed {
    flex-direction: row-reverse
}

    .RTL .mega-wrapper .bleed * {
        direction: ltr
    }

.header-utils {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px 50px;
    border-bottom: 1px solid #e0dcd7;
    background: #082b61;
    /* min-height: 30px; */
    /* gap: 32px; */
}

@media (max-width: 959px) {
    .header-utils {
        display: none;
        padding: 0 16px
    }
}

.header-utils a, .header-utils span {
    font-weight: var(--font-weight-semibold);
    font-size: 13px
}

.header-utils a {
    color: black;
    text-decoration: none;
    --hyperlink-animate-duration: .35s;
    --hyperlink-bg-color: #ce2c2c;
    display: inline;
    padding-bottom: 0.5rem;
    margin-bottom: -0.5rem;
    background-position-y: var(--link-tertiary--bg-position, 1.2em)
}

@media (min-width: 1024px) {
    .header-utils a {
        overflow: hidden;
        background-repeat: no-repeat;
        background-image: linear-gradient(var(--hyperlink-bg-color), var(--hyperlink-bg-color));
        animation: hyperlink-animate-out var(--hyperlink-animate-duration) linear forwards
    }
}

@media (hover: none) {
    .header-utils a {
        outline: none
    }
}

@media (hover: hover) {
    .header-utils a {
        cursor: pointer
    }

        /*.header-utils a:hover, .header-utils a:active, .header-utils a:focus-visible {
            color: var(--button-vi-text-hover-color, #ce2c2c);
            text-decoration: none
        }*/
}

/*@media (hover: hover) and (min-width: 1024px) {
    .header-utils a:hover, .header-utils a:active, .header-utils a:focus-visible {
        animation: hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards
    }
}*/

.header-utils .group-util-btn {
    padding: 0;
    background: none;
    border: none;
    margin: 0
}

    .header-utils .group-util-btn .group-util-btn--text {
        margin-top: 1px;
        color: black;
        text-decoration: none;
        --hyperlink-animate-duration: .35s;
        --hyperlink-bg-color: #ce2c2c;
        display: inline;
        padding-bottom: 0.5rem;
        margin-bottom: -0.5rem;
        background-position-y: var(--link-tertiary--bg-position, 1.2em);
        transition: color .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }

@media (min-width: 1024px) {
    .header-utils .group-util-btn .group-util-btn--text {
        overflow: hidden;
        background-repeat: no-repeat;
        background-image: linear-gradient(var(--hyperlink-bg-color), var(--hyperlink-bg-color));
        animation: hyperlink-animate-out var(--hyperlink-animate-duration) linear forwards
    }
}

@media (hover: none) {
    .header-utils .group-util-btn .group-util-btn--text {
        outline: none
    }
}

@media (hover: hover) {
    .header-utils .group-util-btn .group-util-btn--text {
        cursor: pointer
    }

        .header-utils .group-util-btn .group-util-btn--text:hover, .header-utils .group-util-btn .group-util-btn--text:active, .header-utils .group-util-btn .group-util-btn--text:focus-visible {
            color: var(--button-vi-text-hover-color, #ce2c2c);
            text-decoration: none
        }
}

@media (hover: hover) and (min-width: 1024px) {
    .header-utils .group-util-btn .group-util-btn--text:hover, .header-utils .group-util-btn .group-util-btn--text:active, .header-utils .group-util-btn .group-util-btn--text:focus-visible {
        animation: hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards
    }
}

@media (hover: none) {
    .header-utils .group-util-btn {
        outline: none
    }
}

@media (hover: hover) {
    .header-utils .group-util-btn {
        cursor: pointer
    }

        .header-utils .group-util-btn:hover .ic-arrow-down, .header-utils .group-util-btn:active .ic-arrow-down, .header-utils .group-util-btn:focus-visible .ic-arrow-down {
            color: #ce2c2c
        }

        .header-utils .group-util-btn:hover .group-util-btn--text, .header-utils .group-util-btn:active .group-util-btn--text, .header-utils .group-util-btn:focus-visible .group-util-btn--text {
            color: var(--button-vi-text-hover-color, #ce2c2c);
            text-decoration: none
        }
}

@media (hover: hover) and (min-width: 1024px) {
    .header-utils .group-util-btn:hover .group-util-btn--text, .header-utils .group-util-btn:active .group-util-btn--text, .header-utils .group-util-btn:focus-visible .group-util-btn--text {
        animation: hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards
    }
}

.header-utils .ic-login__bookmarks svg {
    width: 13px
}

.header-utils .ic-globe__reach svg {
    width: 22px
}

.header-utils .ic-arrow-down {
    margin-left: 16px;
    --social-icon-width: 18px;
    --social-icon-height: 18px;
    --social-icon-svg-width: 10px
}

    .header-utils .ic-arrow-down path {
        fill: none
    }

@media (hover: none) {
    .header-utils .profile-link, .header-utils .externalLoginButton, .header-utils .global-reach__toggle {
        outline: none
    }
}

@media (hover: hover) {
    .header-utils .profile-link, .header-utils .externalLoginButton, .header-utils .global-reach__toggle {
        cursor: pointer
    }

        .header-utils .profile-link:hover .ic-login__bookmarks svg path, .header-utils .profile-link:hover .ic-globe__reach svg path, .header-utils .profile-link:active .ic-login__bookmarks svg path, .header-utils .profile-link:active .ic-globe__reach svg path, .header-utils .profile-link:focus-visible .ic-login__bookmarks svg path, .header-utils .profile-link:focus-visible .ic-globe__reach svg path, .header-utils .externalLoginButton:hover .ic-login__bookmarks svg path, .header-utils .externalLoginButton:hover .ic-globe__reach svg path, .header-utils .externalLoginButton:active .ic-login__bookmarks svg path, .header-utils .externalLoginButton:active .ic-globe__reach svg path, .header-utils .externalLoginButton:focus-visible .ic-login__bookmarks svg path, .header-utils .externalLoginButton:focus-visible .ic-globe__reach svg path, .header-utils .global-reach__toggle:hover .ic-login__bookmarks svg path, .header-utils .global-reach__toggle:hover .ic-globe__reach svg path, .header-utils .global-reach__toggle:active .ic-login__bookmarks svg path, .header-utils .global-reach__toggle:active .ic-globe__reach svg path, .header-utils .global-reach__toggle:focus-visible .ic-login__bookmarks svg path, .header-utils .global-reach__toggle:focus-visible .ic-globe__reach svg path {
            fill: #ce2c2c
        }
}

.header-lang {
    display: inline-flex;
    position: relative
}

.header-lang__select {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

@media (hover: none) {
    .header-lang__select:focus-visible {
        outline: none
    }
}

@media (hover: hover) {
    .header-lang__select:focus-visible {
        outline: thin dotted;
        outline-offset: -1px
    }
}

.header-lang__dropdown {
    display: none;
    position: absolute;
    z-index: 101;
    top: calc(100% + 10px);
    width: calc(100% + 33px);
    list-style: none;
    margin: 0 -16px;
    padding: 8px 16px 0;
    background-color: #fff;
    border: 1px solid #e0dcd7;
    border-top: 0
}

    .header-lang__dropdown li {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .header-lang__dropdown a {
        line-height: 2.4rem;
        display: inline-block
    }

.header-lang.open .header-lang__dropdown {
    display: block
}

@media (min-width: 1024px) {
    .header-lang.open .header-lang__dropdown .site-language {
        line-height: 2rem
    }
}

.header-lang.open .ic-arrow-down svg {
    transform: rotate(180deg)
}

.header-lang.open .header-lang__select {
    z-index: 1
}

    .header-lang.open .header-lang__select::after {
        height: 40px;
        left: -16px;
        width: calc(100% + 33px);
        position: absolute;
        content: " ";
        display: block;
        border: 1px solid #e0dcd7;
        border-top: 0;
        border-bottom: 0
    }

@media (min-width: 960px) {
    .mobile__footer {
        display: none
    }
}

.header__global-reach-toggle, .header__login {
    display: inline-block;
    vertical-align: middle
}

    .header__login .profile-link, .header__login .externalLoginButton {
        display: flex;
        align-items: center;
        text-decoration: none
    }

    .header__login .ic-login__bookmarks {
        margin-right: 8px;
        width: 13px;
        height: 18px
    }

[dir="rtl"] .header__login > a, [dir="rtl"] .header__login .profile-link__bookmark {
    padding-bottom: 0.5rem
}

.header__global-reach-toggle .header-utils__icon {
    display: flex;
    align-items: center
}

.header__global-reach-toggle .ic-globe__reach {
    margin-right: 8px
}

.header .header__login .header-login__container {
    display: block
}

    .header .header__login .header-login__container .highlight-bookmark {
        z-index: 1;
        width: 27px;
        height: 26px;
        top: -4px;
        margin-left: -14px
    }

        .header .header__login .header-login__container .highlight-bookmark:after {
            font-size: 1rem;
            top: -10px
        }

    .header .header__login .header-login__container .font-smaller {
        position: relative;
        z-index: 2
    }

        .header .header__login .header-login__container .font-smaller svg {
            width: 11px
        }

.header-util-item {
    position: relative
}

    .header-util-item::after {
        content: " ";
        border-left: solid 1px #e0dcd7;
        left: -16px;
        position: absolute;
        top: 0;
        height: 100%
    }

    .header-util-item:nth-child(1)::after {
        border: none
    }

.global-reach--opening .global-reach__toggle .ic-arrow-down svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.mega-wrapper {
    display: block;
    width: 100%;
    position: fixed;
    z-index: 12;
    overflow: hidden;
    transform: translateY(0);
    transition: transform 0.15s ease
}

.bleed__col {
    padding-top: 32px
}

    .bleed__col .mega__content {
        padding: 0px 44px 32px 48px;
    }

        .bleed__col .mega__content.mega-featured {
            padding-bottom: 64px
        }

.bleed__col--left {
    width: 35%;
    background-color: #eceae7
}

@media (min-width: 960px) {
    .bleed__col--left {
        display: table
    }
}

.bleed__col--right {
    width: 65%;
    background: #f2f0ee
}

@media (min-width: 960px) {
    /*.bleed__col--right {
        position: sticky;
        top: 0;
        display: flex
    }*/
}

@media (min-width: 1024px) {
    .bleed__col--right {
        padding-top: 5.4rem
    }
}

.mega {
    position: relative;
    z-index: 2;
    display: none
}

@media (min-width: 960px) {
    .mega {
        display: table;
        width: 100%;
        margin: 0;
        z-index: 11
    }
}

.mega__level--2 {
    direction: ltr;
    background-color: #eceae7;
    position: relative
}

@media (min-width: 960px) {
    .mega__level--2 {
        overflow: hidden;
        height: 100%
    }

    [dir="rtl"] .mega__level--2 {
        overflow: initial
    }
}

@media (min-width: 960px) {
    .mega__level--3 {
        display: flex;
        flex-direction: column;
        height: 100%;
        /*overflow-y: scroll;*/
        /*visibility: hidden;*/
        /*min-width: calc(100vw - 353px);*/
        /*opacity: 0;*/
        /*height: 5px*/
    }

        .mega__level--3:nth-child(1) {
            transform: translateX(0%)
        }

        .mega__level--3:nth-child(2) {
            transform: translateX(-100%)
        }

        .mega__level--3:nth-child(3) {
            transform: translateX(-200%)
        }

        .mega__level--3:nth-child(4) {
            transform: translateX(-300%)
        }

        .mega__level--3:nth-child(5) {
            transform: translateX(-400%)
        }

        .mega__level--3:nth-child(6) {
            transform: translateX(-500%)
        }

        .mega__level--3:nth-child(7) {
            transform: translateX(-600%)
        }

        .mega__level--3:nth-child(8) {
            transform: translateX(-700%)
        }

        .mega__level--3:nth-child(9) {
            transform: translateX(-800%)
        }

        .mega__level--3:nth-child(10) {
            transform: translateX(-900%)
        }

        .mega__level--3:nth-child(11) {
            transform: translateX(-1000%)
        }

        .mega__level--3:nth-child(12) {
            transform: translateX(-1100%)
        }

        .mega__level--3:nth-child(13) {
            transform: translateX(-1200%)
        }

        .mega__level--3:nth-child(14) {
            transform: translateX(-1300%)
        }

        .mega__level--3:nth-child(15) {
            transform: translateX(-1400%)
        }

        .mega__level--3:nth-child(16) {
            transform: translateX(-1500%)
        }

        .mega__level--3:nth-child(17) {
            transform: translateX(-1600%)
        }

        .mega__level--3:nth-child(18) {
            transform: translateX(-1700%)
        }

        .mega__level--3:nth-child(19) {
            transform: translateX(-1800%)
        }

        .mega__level--3:nth-child(20) {
            transform: translateX(-1900%)
        }

        .mega__level--3:nth-child(21) {
            transform: translateX(-2000%)
        }

        .mega__level--3:nth-child(22) {
            transform: translateX(-2100%)
        }

        .mega__level--3:nth-child(23) {
            transform: translateX(-2200%)
        }

        .mega__level--3:nth-child(24) {
            transform: translateX(-2300%)
        }

        .mega__level--3:nth-child(25) {
            transform: translateX(-2400%)
        }

        .mega__level--3:nth-child(26) {
            transform: translateX(-2500%)
        }

        .mega__level--3:nth-child(27) {
            transform: translateX(-2600%)
        }

        .mega__level--3:nth-child(28) {
            transform: translateX(-2700%)
        }

        .mega__level--3:nth-child(29) {
            transform: translateX(-2800%)
        }

        .mega__level--3:nth-child(30) {
            transform: translateX(-2900%)
        }

        .mega__level--3:nth-child(31) {
            transform: translateX(-3000%)
        }

        .mega__level--3 .article-tile__image {
            display: none
        }
}

/*@media (max-width: 959px) {
    .mega__level--3 {
        display: none
    }
}*/

.mega__level--3.open {
    width: 100%
}

@media (max-width: 959px) {
    .mega__level--3.open {
        display: block
    }
}

@media (min-width: 960px) {
    .mega__level--3.open {
        opacity: 1;
        height: auto;
        visibility: visible
    }

        .mega__level--3.open .article-tile__image {
            display: block
        }
}

.mega__level--3.hide {
    visibility: hidden
}

.close-mega__menu {
    position: absolute;
    top: 16px;
    right: 40px;
    display: none;
    z-index: 12;
    cursor: pointer;
    padding: 0
}

    .close-mega__menu svg {
        width: 32px;
        height: 32px
    }

@media (min-width: 960px) {
    .close-mega__menu {
        display: block
    }
}

.nav-level-toggle {
    display: none
}

.mega-header {
    padding-bottom: 24px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative
}

    .mega-header.no-child__element {
        padding-bottom: 48px
    }

    .mega-header .mega-header__title, .mega-header .mega-header__title * {
        font-size: 3rem;
        line-height: 4rem;
        font-weight: var(--font-weight-semibold);
        color: #082b61
    }

@media (max-width: 959px) {
    .mega-header .mega-header__title, .mega-header .mega-header__title * {
        margin: 0;
        font-size: 1.8rem;
        line-height: 2.4rem;
        /*text-decoration: underline;*/
        text-underline-offset: .18em
    }
}

.mega-header .mega-header__title a {
    transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
}

    .mega-header .mega-header__title a:hover {
        color: #082b61
    }

.mega-descriptions {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid rgba(102,102,102,0.1)
}

.mega-descriptions {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #666;
    font-weight: var(--font-weight-semibold)
}

    .mega-descriptions .mega-see__overview {
        border-radius: 4px;
        padding: 1.4rem 4rem 1.4rem 4.6rem;
        cursor: pointer;
        position: relative;
        font-size: 1.6rem;
        border: 0.2rem solid #ce2c2c;
        font-weight: 400;
        display: inline-flex;
        vertical-align: middle;
        transition: all 0.3s linear;
        color: var(--button-vi-text-color, #ce2c2c);
        justify-content: center;
        text-decoration: none;
        padding: 1.5rem 4.6rem;
        background: transparent;
        z-index: 0;
        --svg-animate-duration-2nd-out: 0.6s;
        align-items: center;
        border: 0;
        background: none;
        padding: 0 16px 0 0;
        border-radius: 0;
        justify-content: start;
        text-decoration: none;
        font-weight: var(--font-weight-semibold);
        margin-top: 32px
    }

@media (max-width: 479px) {
    .mega-descriptions .mega-see__overview {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

.mega-descriptions .mega-see__overview .svg-animation-vi {
    width: 3rem;
    min-width: 3rem;
    height: 2.4rem;
    --svg-animate-duration: 0.3s;
    --svg-animate-delay: 0s;
    display: inline-flex;
    vertical-align: middle;
    pointer-events: none
}

@media (hover: none) {
    .mega-descriptions .mega-see__overview {
        outline: none
    }
}

@media (hover: hover) {
    .mega-descriptions .mega-see__overview {
        cursor: pointer
    }

        .mega-descriptions .mega-see__overview:hover, .mega-descriptions .mega-see__overview:active, .mega-descriptions .mega-see__overview:focus-visible {
            text-decoration: none
        }

            .mega-descriptions .mega-see__overview:hover .button-vi-text, .mega-descriptions .mega-see__overview:active .button-vi-text, .mega-descriptions .mega-see__overview:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .mega-descriptions .mega-see__overview:hover .svg-animation-vi, .mega-descriptions .mega-see__overview:active .svg-animation-vi, .mega-descriptions .mega-see__overview:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .mega-descriptions .mega-see__overview:hover .svg-animation-vi, .mega-descriptions .mega-see__overview:active .svg-animation-vi, .mega-descriptions .mega-see__overview:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

.mega-descriptions .mega-see__overview .button-vi-text {
    color: var(--button-vi-text-color, #fff);
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.6rem
}

@media (max-width: 479px) {
    .mega-descriptions .mega-see__overview {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
}

.mega-descriptions .mega-see__overview .button-vi-text {
    transition: all .5s ease-in-out
}

.mega-descriptions .mega-see__overview::after {
    content: ' ';
    position: absolute;
    z-index: -1;
    left: 0;
    display: block;
    height: 100%;
    width: 0;
    background: #ce2c2c;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0s var(--svg-animate-duration-2nd-out);
    animation: secondary-button-animate-out var(--svg-animate-duration-2nd-out) ease forwards
}

@media (hover: none) {
    .mega-descriptions .mega-see__overview {
        outline: none
    }
}

@media (hover: hover) {
    .mega-descriptions .mega-see__overview {
        cursor: pointer
    }

        .mega-descriptions .mega-see__overview:hover::after, .mega-descriptions .mega-see__overview:active::after, .mega-descriptions .mega-see__overview:focus-visible::after {
            opacity: 1;
            transition: opacity 0s 0s;
            animation: secondary-button-animate var(--svg-animate-duration-2nd-out) ease forwards
        }
}

.mega-descriptions .mega-see__overview::after {
    content: none
}

@supports (d: path("M0 0")) {
    .mega-descriptions .mega-see__overview .svg-animation-vi {
        transition: color .5s ease-in-out
    }
}

.mega-descriptions .mega-see__overview .svg-animation-vi {
    transition: all .5s ease-in-out;
    transform: translateX(0)
}

[dir="rtl"] .mega-descriptions .mega-see__overview .svg-animation-vi {
    transform: translateX(0) scale(-1)
}

.mega-descriptions .mega-see__overview .button-vi-text, .mega-descriptions .mega-see__overview .svg-animation-vi {
    color: var(--button-vi-text-color, #000);
    font-size: 2rem;
    line-height: 3.2rem
}

.mega-descriptions .mega-see__overview .button-vi-text {
    display: inline
}

@media (hover: none) {
    .mega-descriptions .mega-see__overview {
        outline: none
    }
}

@media (hover: hover) {
    .mega-descriptions .mega-see__overview {
        cursor: pointer
    }

        .mega-descriptions .mega-see__overview:hover .button-vi-text, .mega-descriptions .mega-see__overview:hover .svg-animation-vi, .mega-descriptions .mega-see__overview:active .button-vi-text, .mega-descriptions .mega-see__overview:active .svg-animation-vi, .mega-descriptions .mega-see__overview:focus-visible .button-vi-text, .mega-descriptions .mega-see__overview:focus-visible .svg-animation-vi {
            color: var(--button-vi-text-hover-color, #ce2c2c)
        }

        .mega-descriptions .mega-see__overview:hover .svg-animation-vi, .mega-descriptions .mega-see__overview:active .svg-animation-vi, .mega-descriptions .mega-see__overview:focus-visible .svg-animation-vi {
            transform: translateX(0.8rem);
            transition-delay: .1s
        }

    [dir="rtl"] .mega-descriptions .mega-see__overview:hover .svg-animation-vi, [dir="rtl"] .mega-descriptions .mega-see__overview:active .svg-animation-vi, [dir="rtl"] .mega-descriptions .mega-see__overview:focus-visible .svg-animation-vi {
        transform: translateX(0.8rem) scale(-1)
    }
}

@media (hover: hover) and (max-width: 1023px) {
    .mega-descriptions .mega-see__overview:hover .button-vi-text, .mega-descriptions .mega-see__overview:active .button-vi-text, .mega-descriptions .mega-see__overview:focus-visible .button-vi-text {
        transform: none
    }
}

@media (max-width: 479px) {
    .mega-descriptions .mega-see__overview {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 1023px) {
    .mega-descriptions .mega-see__overview .button-vi-text {
        transform: none
    }
}

@media (min-width: 960px) {
    .bleed__col--left .mega-header {
        display: none
    }
}

.mega__level--3--container {
    display: flex;
    padding-left: 32px;
    padding-right: 32px;
    justify-content: space-between;
    width: 100vw;
    max-width: 100%
}

@media (max-width: 959px) {
    .mega__level--3--container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 960px) {
    .mega__level--3--container {
        overflow: auto
    }

        .mega__level--3--container::-webkit-scrollbar {
            width: 16px;
            height: 16px;
            background: #e0dcd7
        }

        .mega__level--3--container::-webkit-scrollbar-thumb {
            border: 3px solid rgba(0,0,0,0);
            background-clip: padding-box;
            border-radius: 100px;
            background-color: #4f2d7f
        }
}

.mega__level--3__listing {
    width: 100%;
    border-top: 1px solid rgba(102,102,102,0.1);
    padding-top: 8px;
    margin: 0
}

@media (max-width: 959px) {
    .mega__level--3__listing {
        padding-top: 0;
        display: block
    }
}

@media (min-width: 1300px) {
    .mega__level--3__listing {
        width: calc(100%*2/3 - 16px)
    }
}

@media (min-width: 1680px) {
    .mega__level--3__listing {
        width: calc(100%*3/4 - 16px)
    }
}

.mega__level--3__listing .mega__content--listing {
    padding: 0;
    width: calc(100% + 32px);
    margin-left: -16px;
    list-style: none
}

.mega__level--3__listing.col-3 {
    width: 100%
}

@media (max-width: 959px) {
    .mega__level--3__listing.col-3 .mega__content--listing li.mega-content__item {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 960px) {
    .mega__level--3__listing.col-3 .mega__content--listing li.mega-content__item {
        width: calc(100%/3 - 16px)
    }
}

@media (min-width: 1680px) {
    .mega__level--3__listing.col-3 .mega__content--listing li.mega-content__item {
        width: calc(100%/4 - 16px)
    }
}

.mega__content--listing {
    padding: 0;
    display: flex;
    flex-flow: row wrap
}

    .mega__content--listing li.mega-content__item {
        width: 100%;
        margin-bottom: 0;
        padding: 0 16px
    }

@media (min-width: 960px) {
    .mega__content--listing li.mega-content__item {
        margin-bottom: 16px;
        padding: 8px;
        margin-left: 8px;
        margin-right: 8px;
        width: calc(50% - 16px)
    }
}

@media (min-width: 1680px) {
    .mega__content--listing li.mega-content__item {
        width: calc(100%/3 - 16px)
    }
}

.mega__content--listing li.mega-content__item .mega-link {
    font-size: 1.6rem;
    font-weight: var(--font-weight-semibold);
    line-height: 2.4rem;
    text-decoration: none
}

@media (max-width: 959px) {
    .mega__content--listing li.mega-content__item .mega-link {
        margin-bottom: 0
    }
}

.mega__content--listing li.mega-content__item .mega-link:hover {
    text-decoration: underline;
    text-underline-offset: .18em
}

.mega__content--listing li.mega-content__item .mega-content__item--descriptions, .mega__content--listing li.mega-content__item .mega-content__item--descriptions * {
    font-size: var(--gt-body-text--font-size, 1.4rem);
    line-height: var(--gt-body-text--line-height, 2.2rem);
    font-weight: var(--gt-body-text--font-weight, var(--font-weight-normal));
    color: #666;
    display: none
}

@media (min-width: 960px) {
    .mega__content--listing li.mega-content__item .mega-content__item--descriptions, .mega__content--listing li.mega-content__item .mega-content__item--descriptions * {
        display: block
    }
}

.mega__content--listing li.mega-content__item.selected {
    background-color: #eceae7
}

    .mega__content--listing li.mega-content__item.selected .mega-link {
        color: #ce2c2c;
        text-decoration: underline;
        text-underline-offset: .18em
    }

        .mega__content--listing li.mega-content__item.selected .mega-link:hover {
            color: #ce2c2c
        }

    .mega__content--listing li.mega-content__item.selected:hover .mega-link {
        text-decoration: underline;
        text-underline-offset: .18em
    }

.mega__content--listing li.mega-content__item:hover {
    background-color: #eceae7
}

    .mega__content--listing li.mega-content__item:hover .mega-link {
        text-decoration: underline;
        text-underline-offset: .18em
    }

.mega-featured {
    display: none;
    border-top: 1px solid rgba(102,102,102,0.1);
    padding-top: 16px
}

@media (min-width: 1300px) {
    .mega-featured {
        width: calc(100%/3 - 16px);
        display: block
    }
}

@media (min-width: 1680px) {
    .mega-featured {
        width: calc(100%/4 - 16px)
    }
}

.mega-featured__contents {
    padding-top: 10px
}

    .mega-featured__contents .mega-featured__title {
        font-weight: var(--font-weight-semibold);
        color: #000;
        margin-bottom: 12px;
        display: block;
        font-size: 2rem;
        line-height: 3.2rem
    }

    .mega-featured__contents .article-tile {
        min-height: 40.7rem
    }

@media (min-width: 1680px) {
    .mega-featured__contents .article-tile {
        min-height: 42.7rem
    }
}

.mega-featured__contents .article-tile .text {
    margin-top: 8px
}

.mega-featured__contents .article-tile .content {
    margin-top: 24px
}

.mega-featured__contents .article-tile .article-tile__content-container {
    min-height: 60%
}

@media (max-width: 1023px), (pointer: coarse) {
    .mega-featured__contents .article-tile .article-tile__content-container {
        min-height: 65%
    }
}

@media (max-width: 1023px) and (min-width: 1680px), (pointer: coarse) and (min-width: 1680px) {
    .mega-featured__contents .article-tile .article-tile__content-container {
        min-height: 60%
    }
}

@media (max-width: 1023px), (pointer: coarse) {
    .mega-featured__contents .article-tile .article-tile__content-container .content {
        transform: translateY(-5.5rem)
    }
}

@media (hover: none) {
    .mega-featured__contents .article-tile {
        outline: none
    }
}

@media (hover: hover) {
    .mega-featured__contents .article-tile {
        cursor: pointer
    }

        .mega-featured__contents .article-tile:hover .article-tile__content-container, .mega-featured__contents .article-tile:active .article-tile__content-container, .mega-featured__contents .article-tile:focus-visible:not(.no-focus) .article-tile__content-container {
            min-height: 65%
        }
}

@media (hover: hover) and (min-width: 1680px) {
    .mega-featured__contents .article-tile:hover .article-tile__content-container, .mega-featured__contents .article-tile:active .article-tile__content-container, .mega-featured__contents .article-tile:focus-visible:not(.no-focus) .article-tile__content-container {
        min-height: 60%
    }
}

@media (hover: hover) {
    .mega-featured__contents .article-tile:hover .article-tile__content-container .content, .mega-featured__contents .article-tile:active .article-tile__content-container .content, .mega-featured__contents .article-tile:focus-visible:not(.no-focus) .article-tile__content-container .content {
        transform: translateY(-5.5rem)
    }
}

.mega__level--3__list--promos {
    width: 100%
}

@media (max-width: 959px) {
    .mega__level--3__list--promos {
        display: none
    }
}

.mega__level--3__list--promos .mega-featured__title {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #000;
    padding-bottom: 16px;
    margin-bottom: 16px;
    margin-top: 24px;
    display: block;
    border-bottom: 1px solid rgba(102,102,102,0.1);
    font-weight: var(--font-weight-semibold)
}

.mega__level--3__list--promos .mega-promos__listing {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    margin: 0;
    padding: 0 0 64px
}

@media (min-width: 960px) {
    .mega__level--3__list--promos .mega-promos__listing .mega-content__item {
        width: calc(100%/2 - 16px);
        margin-left: 32px
    }

        .mega__level--3__list--promos .mega-promos__listing .mega-content__item:nth-child(3) {
            display: none
        }

        .mega__level--3__list--promos .mega-promos__listing .mega-content__item:nth-child(4) {
            display: none
        }
}

@media (min-width: 1300px) {
    .mega__level--3__list--promos .mega-promos__listing .mega-content__item {
        width: calc(100%/3 - 21.33333px)
    }

        .mega__level--3__list--promos .mega-promos__listing .mega-content__item:nth-child(3) {
            display: block
        }
}

@media (min-width: 1680px) {
    .mega__level--3__list--promos .mega-promos__listing .mega-content__item {
        width: calc(100%/4 - 24px)
    }

        .mega__level--3__list--promos .mega-promos__listing .mega-content__item:nth-child(4) {
            display: block
        }
}

.mega__level--3__list--promos .mega-promos__listing .mega-content__item:first-child {
    margin-left: 0
}

.mega__level--3__list--promos .mega-promos__listing .mega-featured__contents {
    padding: 0;
    height: 100%
}

.bleed {
    position: relative;
    overflow: visible
}

@media (max-width: 959px) {
    /*.bleed {
        display: none
    }*/
}

@media (min-width: 960px) {
    .bleed {
        display: flex;
        height: 0;
        overflow: hidden;
        visibility: hidden
    }
}

.bleed.open {
    display: flex
}

@media (min-width: 960px) {
    .bleed.open {
        height: 100vh;
        visibility: visible
    }
}

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

    .mega__level--2 .list > li.selected .mega-link {
        color: #ce2c2c;
        text-decoration: underline;
        text-underline-offset: .18em;
        background: #f2f0ee
    }

.mega__level--2 .group-name-text {
    margin: 12px 0px 12px 0px;
    font-weight: var(--font-weight-semibold);
    font-size: 2rem;
    line-height: 25px;
    font-weight: 700;
    display: inline-block;
}

    .mega__level--2 .group-name-text.selected {
        color: #002864;
        text-decoration: none;
        text-underline-offset: .18em
    }

@media (max-width: 959px) {
    .mega__level--2 .group-name-text {
        margin-left: 16px;
        margin-bottom: 0
    }
}

.mega__level--2 .group-name-line {
    padding: 0 0px
}

    .mega__level--2 .group-name-line .group-line {
        height: 1px;
        background: rgba(102,102,102,0.1);
        display: block;
        margin-bottom: 12px
    }

@media (min-width: 960px) {
    .mega__level--2 .mobile__level {
        display: none
    }
}

@media (max-width: 959px) {
    .mega__level--2 li:not(.group-name-text) + li.group-name-text {
        margin-top: 40px
    }
}

.nav-link {
    color: #4f2d7f;
    font-size: 1.6rem;
    text-decoration: none;
    border: 0;
    background: none;
    display: block;
    padding: 10.656px 0 14px;
    position: relative;
    word-break: break-word;
    transition: color .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
}

.mobile__level .nav-link:not(.header) {
    font-size: 1.8rem
}

@media (min-width: 960px) {
    .mega .nav-link {
        padding: 0;
        line-height: 62px;
        min-height: 64px
    }
}

@media (hover: none) {
    .nav-link {
        outline: none
    }
}

@media (hover: hover) {
    .nav-link {
        cursor: pointer
    }

        .nav-link:hover, .nav-link:active, .nav-link:focus-visible {
            color: #ce2c2c;
            text-decoration: underline;
            text-underline-offset: .18em
        }
}

@media (hover: none) {
    .nav-link:focus-visible {
        outline: none
    }
}

@media (hover: hover) {
    .nav-link:focus-visible {
        outline: thin dotted;
        outline-offset: -1px
    }
}

@media (hover: none) {
    button.nav-link {
        outline: none
    }
}

@media (hover: hover) {
    button.nav-link {
        cursor: pointer
    }

        button.nav-link:hover, button.nav-link:active, button.nav-link:focus-visible {
            text-decoration: none
        }
}

.mega-link {
    font-size: 1.6rem;
    color: #4f2d7f;
    text-decoration: none;
    display: inline-block;
    transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
}

.mega-link--level-2 {
    color: #4f2d7f;
    padding: 8px 51.2px 8px 32px;
    position: relative;
    display: block;
    width: 100%;
    text-align: left
}

    .mega-link--level-2:after {
        font-family: "GT-IconSet" !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e95f";
        position: absolute;
        right: 32px;
        transform: translateY(-50%);
        top: 50%
    }

[dir="rtl"] .mega-link--level-2:after {
    transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg)
}

@media (hover: none) {
    .mega-link--level-2 {
        outline: none
    }
}

@media (hover: hover) {
    .mega-link--level-2 {
        cursor: pointer
    }

        .mega-link--level-2:hover, .mega-link--level-2:active, .mega-link--level-2:focus-visible {
            text-decoration: underline;
            text-underline-offset: .18em;
            background: #f2f0ee
        }

            .mega-link--level-2:hover::after, .mega-link--level-2:active::after, .mega-link--level-2:focus-visible::after {
                opacity: 1
            }
}

@media (hover: none) {
    .mega-link--level-2:focus-visible {
        outline: none
    }
}

@media (hover: hover) {
    .mega-link--level-2:focus-visible {
        outline: thin dotted;
        outline-offset: -1px
    }
}

.mega-link--level-2.not-arrow::after {
    content: none
}

.mega-link--has-submenu {
    cursor: auto
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (min-width: 960px) {
    .global-search {
        position: relative;
        height: 80px;
        padding-left: 16px;
        padding-right: 16px;
        margin-right: -16px;
        display: flex;
        align-items: center
    }

        .global-search::before {
            width: 100vw;
            height: 100vh;
            content: ' ';
            position: fixed;
            top: 0;
            left: 0;
            background: #4f2d7f;
            opacity: 0;
            z-index: 79;
            pointer-events: none;
            transition: opacity .5s 0s cubic-bezier(0.4, 0, 0.2, 1)
        }

    .scroll-up .global-search::before {
        top: 0
    }

    .scroll-down header[data-sticky="true"] .global-search::before {
        top: calc((var(--header-height) - var(--main-header-height)))
    }

    .global-search .header-search__button {
        background: none;
        border: none;
        position: absolute;
        right: 24px;
        margin-top: -1.1rem;
        top: 50%;
        padding: 0;
        margin-bottom: auto;
        cursor: pointer;
        transition: right .5s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media (min-width: 960px) and (hover: none) {
    .global-search .header-search__button:focus-visible {
        outline: none
    }
}

@media (min-width: 960px) and (hover: hover) {
    .global-search .header-search__button:focus-visible {
        outline: thin dotted;
        outline-offset: -1px
    }
}

@media (min-width: 960px) {
    [dir="rtl"] .global-search .header-search__button.single-social__icon {
        transform: scaleX(-1)
    }

    .global-search .header-search__button.single-social__icon .social-icon__vi.theme-transparent {
        --social-icon-svg-width: 1.2rem;
        --social-icon-svg-height: 1.3rem;
        --social-icon-color: #4f2d7f
    }
}

@media (min-width: 960px) and (min-width: 960px) {
    .global-search .header-search__icon {
        display: block;
        padding: 0;
        width: 24px;
        height: 24px
    }
}

@media (min-width: 960px) {
    .global-search .header-search__close {
        display: none
    }

    .global-search .search-overlay__modal {
        width: 720px;
        padding: calc(var(--header-height)) 0 32px;
        box-sizing: border-box;
        background: #fff;
        box-shadow: 0px 4px 16px 0px rgba(43,20,77,0.4);
        border-top-left-radius: 32px;
        border-bottom-left-radius: 32px;
        transition: all .5s ease;
        position: fixed;
        right: 0;
        max-width: 0;
        overflow: hidden;
        height: 100vh;
        transition: max-width .5s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }

        .global-search .search-overlay__modal.hide {
            display: none
        }

    .scroll-up .global-search .search-overlay__modal {
        top: 0
    }

    .scroll-down header[data-sticky="true"] .global-search .search-overlay__modal {
        top: calc((var(--header-height) - var(--main-header-height)));
        padding-top: var(--main-header-height)
    }

    .global-search .search-overlay__container {
        position: relative;
        padding-left: 32px;
        padding-right: 32px
    }

        .global-search .search-overlay__container .close-button {
            position: absolute;
            right: 32px;
            top: -5.6rem;
            cursor: pointer;
            padding: 0;
            opacity: 0;
            transition: opacity .5s 0s cubic-bezier(0.4, 0, 0.2, 1)
        }

            .global-search .search-overlay__container .close-button.single-social__icon .social-icon__vi.theme-transparent {
                --social-icon-width: 3.6rem;
                --social-icon-height: 3.6rem
            }
}

@media (min-width: 960px) and (hover: none) {
    .global-search .search-overlay__container .close-button.single-social__icon:focus-visible {
        outline: none
    }
}

@media (min-width: 960px) and (hover: hover) {
    .global-search .search-overlay__container .close-button.single-social__icon:focus-visible {
        outline: thin dotted;
        outline-offset: -1px
    }
}

@media (min-width: 960px) {
    .global-search.open {
        background: #fff;
        pointer-events: auto
    }

        .global-search.open .header-search__form {
            transform: translateX(-40px);
            z-index: 86
        }

    [dir="rtl"] .global-search.open .header-search__form {
        transform: translateX(-48px)
    }
}

@media (min-width: 960px) and (min-width: 1680px) {
    .global-search.open .header-search__form {
        transform: translateX(-32px)
    }

    @supports (hanging-punctuation: first) and (-webkit-appearance: none) {
        .global-search.open .header-search__form {
            transform: translateX(-48px)
        }
    }

    @-moz-document url-prefix() {
        .global-search.open .header-search__form {
            transform: translateX(-48px)
        }
    }
}

@media (min-width: 960px) {
    .global-search.open .header-search__button {
        right: 68.8px;
        z-index: 86
    }

    [dir="rtl"] .global-search.open .header-search__button {
        right: 72px
    }
}

@media (min-width: 960px) and (min-width: 1680px) {
    .global-search.open .header-search__button {
        right: 56px
    }

    @supports (hanging-punctuation: first) and (-webkit-appearance: none) {
        .global-search.open .header-search__button {
            right: 76px
        }
    }

    @-moz-document url-prefix() {
        .global-search.open .header-search__button {
            right: 76px
        }
    }
}

@media (min-width: 960px) {
    .global-search.open .search-overlay__modal {
        max-width: 1000px;
        z-index: 85
    }

        .global-search.open .search-overlay__modal.hide {
            max-width: 0;
            max-height: 0
        }

    .global-search.open .search-overlay__container .close-button {
        opacity: 1;
        z-index: 86
    }
}

@media (min-width: 960px) and (min-width: 960px) and (max-width: 1299px) {
    .global-search.open input[name="q"] {
        min-width: 203px;
        padding: 0.7rem 48px 0.7rem 24px
    }
}

@media (min-width: 960px) {
    .global-search .search-contents__container {
        margin-top: 16px
    }

        .global-search .search-contents__container:first-child {
            margin-top: 0
        }

    .global-search .search-panel__title {
        color: #000;
        border-bottom: 1px solid rgba(102,102,102,0.1);
        margin-bottom: 24px;
        padding-bottom: 4px
    }

    .global-search .search-suggestion__list {
        display: flex;
        flex-flow: row wrap;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%
    }

        .global-search .search-suggestion__list li {
            margin-right: 16px
        }

            .global-search .search-suggestion__list li a, .global-search .search-suggestion__list li a * {
                color: #4f2d7f;
                text-decoration: none;
                word-break: break-word;
                --tag-button-inactive-background: transparent;
                --tag-button-inactive-text-color: #ccc4bd;
                --tag-button-active-background: #f2f0ee;
                --tag-button-active-text-color: #2b144d;
                --tag-button-hovered-background: #ccc4bd;
                --tag-button-hovered-text-color: #2b144d;
                --tag-button-selected-background: #2b144d;
                --tag-button-selected-text-color: #fff;
                --tag-button-padding-right: 16px;
                font-size: 1.4rem;
                line-height: 2.2rem;
                padding: 0.1rem var(--tag-button-padding-right, 16px) 0.1rem 16px;
                border-radius: 2rem;
                color: var(--tag-button-active-text-color, #ccc4bd);
                border: 1px solid transparent;
                background: var(--tag-button-active-background, #f2f0ee);
                text-decoration: none;
                display: inline-block;
                margin-top: 16px;
                transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
            }

                .global-search .search-suggestion__list li a:not(:last-of-type), .global-search .search-suggestion__list li a *:not(:last-of-type) {
                    margin-right: 16px
                }
}

@media (min-width: 960px) and (hover: none) {
    .global-search .search-suggestion__list li a, .global-search .search-suggestion__list li a * {
        outline: none
    }
}

@media (min-width: 960px) and (hover: hover) {
    .global-search .search-suggestion__list li a, .global-search .search-suggestion__list li a * {
        cursor: pointer
    }

        .global-search .search-suggestion__list li a:hover, .global-search .search-suggestion__list li a:active, .global-search .search-suggestion__list li a:focus-visible, .global-search .search-suggestion__list li a *:hover, .global-search .search-suggestion__list li a *:active, .global-search .search-suggestion__list li a *:focus-visible {
            color: var(--tag-button-hovered-text-color, #2b144d);
            background: var(--tag-button-hovered-background, #ccc4bd)
        }
}

@media (min-width: 960px) {
    .global-search .search-suggestion__list li a.selected, .global-search .search-suggestion__list li a.active, .global-search .search-suggestion__list li a *.selected, .global-search .search-suggestion__list li a *.active {
        color: var(--tag-button-selected-text-color, #fff);
        background: var(--tag-button-selected-background, #2b144d)
    }
}

@media (min-width: 960px) and (min-width: 960px) {
    .global-search .search-suggestion__list li a.selected:hover, .global-search .search-suggestion__list li a.active:hover, .global-search .search-suggestion__list li a *.selected:hover, .global-search .search-suggestion__list li a *.active:hover {
        color: var(--tag-button-hovered-text-color, #2b144d);
        background: var(--tag-button-hovered-background, #ccc4bd)
    }

    .global-search .search-suggestion__list li a.selected.focus:hover, .global-search .search-suggestion__list li a.active.focus:hover, .global-search .search-suggestion__list li a *.selected.focus:hover, .global-search .search-suggestion__list li a *.active.focus:hover {
        color: var(--tag-button-selected-text-color, #fff);
        background: var(--tag-button-selected-background, #2b144d)
    }

    .global-search .search-suggestion__list li a.selected:focus-visible, .global-search .search-suggestion__list li a.active:focus-visible, .global-search .search-suggestion__list li a *.selected:focus-visible, .global-search .search-suggestion__list li a *.active:focus-visible {
        outline-color: #ce2c2c;
        outline-width: 1px
    }
}

@media (min-width: 960px) {
    .global-search .search-suggestion__list li a.in-active, .global-search .search-suggestion__list li a *.in-active {
        color: var(--tag-button-inactive-text-color, #ccc4bd);
        background: var(--tag-button-inactive-background, transparent);
        text-decoration: line-through;
        border-color: rgba(var(--tag-button-inactive-text-color, #ccc4bd), 0.6);
        pointer-events: none;
        cursor: auto
    }
}

@media (min-width: 960px) and (hover: none) {
    .global-search .search-suggestion__list li a.in-active, .global-search .search-suggestion__list li a *.in-active {
        outline: none
    }
}

@media (min-width: 960px) and (hover: hover) {
    .global-search .search-suggestion__list li a.in-active, .global-search .search-suggestion__list li a *.in-active {
        cursor: pointer
    }

        .global-search .search-suggestion__list li a.in-active:hover, .global-search .search-suggestion__list li a.in-active:active, .global-search .search-suggestion__list li a.in-active:focus-visible, .global-search .search-suggestion__list li a *.in-active:hover, .global-search .search-suggestion__list li a *.in-active:active, .global-search .search-suggestion__list li a *.in-active:focus-visible {
            background: var(--tag-button-inactive-background, transparent);
            color: var(--tag-button-inactive-text-color, #ccc4bd);
            border-color: rgba(var(--tag-button-inactive-text-color, #ccc4bd), 0.6)
        }
}

@media (min-width: 960px) and (min-width: 960px) {
    .global-search .search-suggestion__list li a, .global-search .search-suggestion__list li a * {
        margin-top: 0;
        margin-bottom: 16px
    }
}

@media (min-width: 960px) {
    .global-search .results-search__container.popular-search__container:first-child {
        padding-top: 32px
    }

    .global-search .results-search__container .search-panel__title {
        display: flex
    }

    .global-search .results-search__container .search-results__title {
        max-width: 75%
    }

        .global-search .results-search__container .search-results__title .text-normal {
            font-weight: var(--font-weight-normal)
        }

    .global-search .results-search__container .viewall-results {
        border-radius: 4px;
        padding: 1.4rem 4rem 1.4rem 4.6rem;
        cursor: pointer;
        position: relative;
        font-size: 1.6rem;
        border: 0.2rem solid #ce2c2c;
        font-weight: 400;
        display: inline-flex;
        vertical-align: middle;
        transition: all 0.3s linear;
        color: var(--button-vi-text-color, #ce2c2c);
        justify-content: center;
        text-decoration: none;
        padding: 1.5rem 4.6rem;
        background: transparent;
        z-index: 0;
        --svg-animate-duration-2nd-out: 0.6s;
        align-items: center;
        border: 0;
        background: none;
        padding: 0 16px 0 0;
        border-radius: 0;
        justify-content: start;
        text-decoration: none;
        margin-left: auto;
        align-self: flex-end;
        text-decoration: none
    }
}

@media (min-width: 960px) and (max-width: 479px) {
    .global-search .results-search__container .viewall-results {
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 3.2rem
    }
}

@media (min-width: 960px) {
    .global-search .results-search__container .viewall-results .svg-animation-vi {
        width: 3rem;
        min-width: 3rem;
        height: 2.4rem;
        --svg-animate-duration: 0.3s;
        --svg-animate-delay: 0s;
        display: inline-flex;
        vertical-align: middle;
        pointer-events: none
    }
}

@media (min-width: 960px) and (hover: none) {
    .global-search .results-search__container .viewall-results {
        outline: none
    }
}

@media (min-width: 960px) and (hover: hover) {
    .global-search .results-search__container .viewall-results {
        cursor: pointer
    }

        .global-search .results-search__container .viewall-results:hover, .global-search .results-search__container .viewall-results:active, .global-search .results-search__container .viewall-results:focus-visible {
            text-decoration: none
        }

            .global-search .results-search__container .viewall-results:hover .button-vi-text, .global-search .results-search__container .viewall-results:active .button-vi-text, .global-search .results-search__container .viewall-results:focus-visible .button-vi-text {
                transform: translate3d(0, 0, 0)
            }

            .global-search .results-search__container .viewall-results:hover .svg-animation-vi, .global-search .results-search__container .viewall-results:active .svg-animation-vi, .global-search .results-search__container .viewall-results:focus-visible .svg-animation-vi {
                --svg-animate-delay: 0.3s;
                --svg-animate-name: svg-animate;
                --svg-animate-name2: svg-animate2;
                --svg-animate-duration: 1s;
                opacity: 1
            }

    @supports not (d: path("M0 0")) {
        .global-search .results-search__container .viewall-results:hover .svg-animation-vi, .global-search .results-search__container .viewall-results:active .svg-animation-vi, .global-search .results-search__container .viewall-results:focus-visible .svg-animation-vi {
            translate: var(--fallback-translate-safari) 0
        }
    }
}

@media (min-width: 960px) {
    .global-search .results-search__container .viewall-results .button-vi-text {
        color: var(--button-vi-text-color, #fff);
        display: inline-flex;
        vertical-align: middle;
        font-size: 1.6rem
    }
}

@media (min-width: 960px) and (max-width: 479px) {
    .global-search .results-search__container .viewall-results {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
}

@media (min-width: 960px) {
    .global-search .results-search__container .viewall-results .button-vi-text {
        transition: all .5s ease-in-out
    }

    .global-search .results-search__container .viewall-results::after {
        content: ' ';
        position: absolute;
        z-index: -1;
        left: 0;
        display: block;
        height: 100%;
        width: 0;
        background: #ce2c2c;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        opacity: 0;
        transition: opacity 0s var(--svg-animate-duration-2nd-out);
        animation: secondary-button-animate-out var(--svg-animate-duration-2nd-out) ease forwards
    }
}

@media (min-width: 960px) and (hover: none) {
    .global-search .results-search__container .viewall-results {
        outline: none
    }
}

@media (min-width: 960px) and (hover: hover) {
    .global-search .results-search__container .viewall-results {
        cursor: pointer
    }

        .global-search .results-search__container .viewall-results:hover::after, .global-search .results-search__container .viewall-results:active::after, .global-search .results-search__container .viewall-results:focus-visible::after {
            opacity: 1;
            transition: opacity 0s 0s;
            animation: secondary-button-animate var(--svg-animate-duration-2nd-out) ease forwards
        }
}

@media (min-width: 960px) {
    .global-search .results-search__container .viewall-results::after {
        content: none
    }

    @supports (d: path("M0 0")) {
        .global-search .results-search__container .viewall-results .svg-animation-vi {
            transition: color .5s ease-in-out
        }
    }

    .global-search .results-search__container .viewall-results .svg-animation-vi {
        transition: all .5s ease-in-out;
        transform: translateX(0)
    }

    [dir="rtl"] .global-search .results-search__container .viewall-results .svg-animation-vi {
        transform: translateX(0) scale(-1)
    }

    .global-search .results-search__container .viewall-results .button-vi-text, .global-search .results-search__container .viewall-results .svg-animation-vi {
        color: var(--button-vi-text-color, #ce2c2c);
        font-size: 1.6rem;
        line-height: 1
    }

    .global-search .results-search__container .viewall-results .button-vi-text {
        display: inline
    }
}

@media (min-width: 960px) and (hover: none) {
    .global-search .results-search__container .viewall-results {
        outline: none
    }
}

@media (min-width: 960px) and (hover: hover) {
    .global-search .results-search__container .viewall-results {
        cursor: pointer
    }

        .global-search .results-search__container .viewall-results:hover .button-vi-text, .global-search .results-search__container .viewall-results:hover .svg-animation-vi, .global-search .results-search__container .viewall-results:active .button-vi-text, .global-search .results-search__container .viewall-results:active .svg-animation-vi, .global-search .results-search__container .viewall-results:focus-visible .button-vi-text, .global-search .results-search__container .viewall-results:focus-visible .svg-animation-vi {
            color: var(--button-vi-text-hover-color, #ce2c2c)
        }

        .global-search .results-search__container .viewall-results:hover .svg-animation-vi, .global-search .results-search__container .viewall-results:active .svg-animation-vi, .global-search .results-search__container .viewall-results:focus-visible .svg-animation-vi {
            transform: translateX(0.8rem);
            transition-delay: .1s
        }

    [dir="rtl"] .global-search .results-search__container .viewall-results:hover .svg-animation-vi, [dir="rtl"] .global-search .results-search__container .viewall-results:active .svg-animation-vi, [dir="rtl"] .global-search .results-search__container .viewall-results:focus-visible .svg-animation-vi {
        transform: translateX(0.8rem) scale(-1)
    }
}

@media (min-width: 960px) and (hover: hover) and (max-width: 1023px) {
    .global-search .results-search__container .viewall-results:hover .button-vi-text, .global-search .results-search__container .viewall-results:active .button-vi-text, .global-search .results-search__container .viewall-results:focus-visible .button-vi-text {
        transform: none
    }
}

@media (min-width: 960px) and (max-width: 479px) {
    .global-search .results-search__container .viewall-results {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 960px) and (max-width: 1023px) {
    .global-search .results-search__container .viewall-results .button-vi-text {
        transform: none
    }
}

@media (min-width: 960px) {
    .global-search .results-search__container.has-search__results .search-panel__details {
        padding: 32px
    }

        .global-search .results-search__container.has-search__results .search-panel__details .search-results__list {
            padding: 8px 32px 0;
            max-height: 40rem;
            margin-top: 0;
            margin-right: -32px;
            margin-bottom: -32px;
            margin-left: -64px;
            overflow-y: auto
        }

            .global-search .results-search__container.has-search__results .search-panel__details .search-results__list::-webkit-scrollbar {
                width: 3px;
                height: 3px;
                background: #f2f0ee
            }

            .global-search .results-search__container.has-search__results .search-panel__details .search-results__list::-webkit-scrollbar-thumb {
                border: 3px solid rgba(0,0,0,0);
                background-clip: padding-box;
                border-radius: 100px;
                background-color: #a06dff
            }
}

@media (min-width: 960px) and (min-width: 1680px) {
    .global-search .results-search__container.has-search__results .search-panel__details .search-results__list {
        max-height: 56rem
    }
}

@media (min-width: 960px) {
    .global-search .results-search__container.has-search__results .search-panel__details .search-results__list::-webkit-scrollbar-thumb {
        border-radius: 0;
        border: 0
    }

    .global-search .results-search__container.has-search__results .search-panel__title {
        margin-bottom: 0
    }

    .global-search .results-search__container .search-results__list {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        list-style: none;
        padding: 0;
        margin: 0
    }

        .global-search .results-search__container .search-results__list .search-result__item {
            width: calc(50% - 16px);
            padding: 12px 2rem;
            margin-bottom: 32px;
            background: #fff;
            overflow: hidden;
            border-radius: 16px;
            box-shadow: 0px 4px 16px 0px rgba(43,20,77,0.16);
            transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
        }

            .global-search .results-search__container .search-results__list .search-result__item:hover {
                box-shadow: 0px 4px 16px 0px rgba(43,20,77,0.4)
            }

        .global-search .results-search__container .search-results__list .search-result__item--category, .global-search .results-search__container .search-results__list .people-title {
            display: block;
            margin-bottom: 4px
        }

        .global-search .results-search__container .search-results__list .search-result__item--title {
            text-decoration: none;
            display: block
        }

            .global-search .results-search__container .search-results__list .search-result__item--title:hover {
                text-decoration: underline;
                text-underline-offset: .18em
            }

        .global-search .results-search__container .search-results__list .people-title {
            text-transform: none;
            margin-bottom: 0
        }

        .global-search .results-search__container .search-results__list .search-result__item--people {
            padding-right: 104px;
            position: relative;
            min-height: 104px
        }

        .global-search .results-search__container .search-results__list .people-avatar {
            width: 72px;
            height: 72px;
            overflow: hidden;
            border-radius: 100%;
            border: 1px solid rgba(102,102,102,0.1);
            position: absolute;
            right: 16px;
            top: 16px
        }

            .global-search .results-search__container .search-results__list .people-avatar img {
                width: 100%;
                height: auto;
                object-position: top
            }

    .global-search .recently-visited__container:last-child {
        padding-bottom: 16px
    }

    .global-search .recently-visited__container .search-panel__title {
        margin-bottom: 32px
    }

    .global-search .suggestions-search__container {
        margin-bottom: 24px
    }

    .header-search__form {
        background: none;
        position: relative;
        transition: transform .5s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }

        .header-search__form input[name="q"] {
            font-size: 1.4rem;
            color: #4f2d7f;
            line-height: 2.1rem;
            border: 1px solid #e0dcd7;
            box-sizing: border-box;
            margin: 0;
            border-radius: 32px
        }
}

@media (min-width: 960px) and (min-width: 960px) and (max-width: 1299px) {
    .header-search__form input[name="q"] {
        width: 0;
        min-width: 0;
        padding: 0.7rem 1.8rem 0.7rem 1.8rem;
        transition: min-width .3s 0s cubic-bezier(0.4, 0, 0.2, 1);
        position: absolute;
        right: 1px;
        top: -50%;
        transform: translateY(-50%)
    }
}

@media (min-width: 960px) and (min-width: 1300px) {
    .header-search__form input[name="q"] {
        width: 203px;
        padding: 0.7rem 48px 0.7rem 24px
    }
}

@media (min-width: 960px) {
    .header-search__form input[name="q"]::-webkit-input-placeholder {
        color: #4f2d7f
    }

    .header-search__form input[name="q"]::-moz-placeholder {
        color: #4f2d7f
    }

    .header-search__form input[name="q"]:-ms-input-placeholder {
        color: #4f2d7f
    }

    .header-search__form input[name="q"]:-moz-placeholder {
        color: #4f2d7f
    }

    .header-search__form input[name="q"]:focus, .header-search__form input[name="q"]:focus-visible {
        outline-color: #00a4b3
    }

    .header-search__form .header-search__label {
        display: none
    }

    .global-search--opening {
        overflow: hidden
    }

        .global-search--opening .gt-wrapper, .global-search--opening .header-container {
            overflow-y: scroll
        }

        .global-search--opening .main-header {
            pointer-events: none
        }
}

@media (min-width: 960px) and (min-width: 1024px) {
    .global-search--opening .global-search::before {
        opacity: 0.8
    }

    .global-search--opening .header-overlay {
        background: transparent
    }
}

@media (max-width: 959px) {
    .no-scroll {
        height: 100%;
        overflow-y: hidden
    }

    .opening-mobile-menu .header {
        z-index: 79
    }

    .main-header {
        height: 64px;
        padding-left: 16px;
        padding-right: 16px;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 11
    }

        .main-header .header-logo {
            /*height: 32px;*/
            max-width: 172px
        }

            .main-header .header-logo .desktop-logo svg, .main-header .header-logo .desktop-logo img {
                width: 100%;
                height: auto;
                display: block
            }

        .main-header .header-menu {
            position: fixed;
            z-index: 11;
            left: -100%;
            top: 64px;
            width: 100%;
            background: #f2f0ee;
            overflow-y: auto;
            visibility: hidden
        }

            .main-header .header-menu.open {
                left: 0px;
                visibility: visible
            }

        .main-header .primary-menu {
            padding: 16px 0
        }

            .main-header .primary-menu > li {
                display: block
            }

                .main-header .primary-menu > li.hide-webex {
                    display: none
                }

                .main-header .primary-menu > li .nav-link {
                    font-weight: var(--font-weight-semibold);
                    font-size: 1.6rem;
                    line-height: 2.4rem;
                    /*color: #4f2d7f;*/
                    padding: 8px 16px;
                    width: 100%;
                    text-align: left
                }

                    .main-header .primary-menu > li .nav-link::after {
                        height: auto;
                        width: auto;
                        margin-left: 4px
                    }

                    .main-header .primary-menu > li .nav-link.nav-link--dropdown:after {
                        content: "\f107";
                        font: normal normal normal 14px / 1 FontAwesome;                       
                        font-size: 14px;
                  
                        font-style: normal;
                        font-weight: 400;
                        font-variant: normal;
                        text-transform: none;
                        line-height: 1;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        display: inline-block;
                        vertical-align: middle;
                        background-color: transparent;
                        margin-left: 8px;
                        position: absolute;
                        right: 3.2rem;
                        left: auto;
                        top: 50%;
                        transform: translateY(-50%)
                    }

    [dir="rtl"] .main-header .primary-menu > li .nav-link.nav-link--dropdown:after {
        transform: translateY(-50%) rotate(-180deg);
        -ms-transform: translateY(-50%) rotate(-180deg)
    }

    .main-header .primary-menu > li .nav-link:hover, .main-header .primary-menu > li .nav-link:focus, .main-header .primary-menu > li .nav-link:active {
        color: #ce2c2c;
        text-decoration: underline;
        text-underline-offset: .18em
    }

    .main-header .primary-menu > li.selected {
        background-color: #eceae7
    }

        .main-header .primary-menu > li.selected .nav-link {
            color: #ce2c2c;
            text-decoration: underline;
            text-underline-offset: .18em
        }

            .main-header .primary-menu > li.selected .nav-link::after {
                opacity: 1
            }

    .main-header .primary-menu > li.menu-link {
        display: none
    }

    .main-header.search-open .header-logo {
        display: none
    }

    .menu-toggle {
        padding: 0;
        margin: 0;
        display: block;
        position: absolute;
        right: 18px;
        /*top: 50%;*/
        width: 24px;
        height: 20px;
        cursor: pointer;
        margin-top: -8px;
        z-index: 10;
        background: none;
        box-sizing: content-box;
        border: none;
        transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media (max-width: 959px) and (hover: none) {
    .menu-toggle:focus-visible {
        outline: none
    }
}

@media (max-width: 959px) and (hover: hover) {
    .menu-toggle:focus-visible {
        outline: thin dotted #ce2c2c;
        outline-offset: -1px
    }
}

@media (max-width: 959px) {
    .menu-toggle span.ir {
        text-indent: -9999px
    }

    .menu-toggle span:not(.ir) {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #4f2d7f;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out
    }

    .menu-toggle span:nth-child(1) {
        top: 0px;
        transform-origin: left center
    }

    .menu-toggle span:nth-child(2) {
        top: 8px;
        transform-origin: left center
    }

    .menu-toggle span:nth-child(3) {
        top: 16px;
        transform-origin: left center
    }

    .menu-toggle.open span:not(.ir) {
        height: 1px
    }

    .menu-toggle.open span:nth-child(1) {
        transform: rotate(45deg);
        top: 0px;
        left: 3px
    }

    .menu-toggle.open span:nth-child(2) {
        width: 0%;
        opacity: 0
    }

    .menu-toggle.open span:nth-child(3) {
        transform: rotate(-45deg);
        top: 17px;
        left: 3px
    }

    .global-search {
        position: relative;
        margin-left: auto;
        z-index: 10
    }

        .global-search .header-search__button {
            right: -8px;
            top: 50%;
            margin-top: -11px;
            position: absolute;
            padding: 0 8px
        }

            .global-search .header-search__button svg {
                pointer-events: none
            }

            .global-search .header-search__button .header-search__icon {
                display: flex;
                padding: 0
            }

            .global-search .header-search__button .header-search__close {
                display: none;
                padding: 0
            }

        .global-search .search-overlay__modal {
            display: none
        }

        .global-search.search-open .header-search__button .header-search__close {
            display: flex
        }

        .global-search.search-open .header-search__button .header-search__icon {
            display: none
        }

        .global-search.search-open .header-search__form {
            width: calc(100vw - 74px);
            position: absolute;
            right: 40px;
            top: 0;
            margin-top: -16px;
            visibility: visible
        }

            .global-search.search-open .header-search__form input[name="q"] {
                padding: 0 48px 0 16px;
                border-left: 1px solid #4f2d7f
            }

                .global-search.search-open .header-search__form input[name="q"]:focus, .global-search.search-open .header-search__form input[name="q"]:focus-visible, .global-search.search-open .header-search__form input[name="q"]:focus-within {
                    outline-color: transparent
                }

    .header-search__form {
        overflow: hidden;
        width: 0;
        visibility: hidden
    }

        .header-search__form .header-search__label {
            display: none
        }

        .header-search__form input[name="q"] {
            padding: 0;
            border: 0;
            margin: 0;
            height: 32px;
            line-height: 3.2rem;
            width: 100%
        }

            .header-search__form input[name="q"]::-webkit-input-placeholder {
                color: #4f2d7f
            }

            .header-search__form input[name="q"]::-moz-placeholder {
                color: #4f2d7f
            }

            .header-search__form input[name="q"]:-ms-input-placeholder {
                color: #4f2d7f
            }

            .header-search__form input[name="q"]:-moz-placeholder {
                color: #4f2d7f
            }

    .mega-wrapper {
        width: 100%;
        height: 100vh;
        background-color: #f2f0ee;
        /*left: -100%;*/
        overflow-y: auto;
        overflow-x: hidden;
        position: fixed;
        visibility: hidden
    }

        .mega-wrapper.open {
            /*left: 16px;*/
            visibility: visible
        }

    .mega__level--2, .bleed__col {
        background-color: #f2f0ee
    }

    .mega__level--2 {
        right: 0
    }

        .mega__level--2 .group-name-text.mega-link, .mega__level--2 .group-name-line {
            display: none
        }

        .mega__level--2.open {
            right: 0
        }

    .mega__level--3 {
        padding-left: 0
    }

    .mega__level--3__listing {
        border: none
    }

        .mega__level--3__listing .mega__content--listing {
            width: 100%;
            margin: 0;
            display: block
        }

            .mega__level--3__listing .mega__content--listing li.mega-content__item {
                padding-top: 8px;
                padding-bottom: 8px
            }

                .mega__level--3__listing .mega__content--listing li.mega-content__item:hover {
                    background: none
                }

    /*.mega__level--3 .mega-featured {
        display: none
    }*/

    .mega__level--3 .mega__level--3--container {
        display: block
    }

    .mega__level--3 .mega__level--3__listing {
        width: 100%
    }

    .mega-header__title {
        padding-top: 12px;
        padding-bottom: 12px
    }

        .mega-header__title a {
            font-size: 1.8rem
        }
}

@media (max-width: 959px) and (hover: none) {
    .mega-header__title a {
        outline: none
    }
}

@media (max-width: 959px) and (hover: hover) {
    .mega-header__title a {
        cursor: pointer
    }

        .mega-header__title a:hover, .mega-header__title a:active, .mega-header__title a:focus-visible {
            color: #ce2c2c
        }
}

@media (max-width: 959px) {
    .mega-link {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .mega-link--level-2 {
        padding: 0 48px 0 16px;
        font-weight: var(--font-weight-semibold)
    }

        .mega-link--level-2::after {
            position: absolute;
            right: 3.2rem;
            top: 50%;
            transform: translateY(-50%)
        }

    [dir="rtl"] .mega-link--level-2::after {
        transform: translateY(-50%) rotate(-180deg)
    }

    .bleed {
        /*display: none;*/
        flex-flow: row nowrap;
        position: relative
    }

        /*.bleed.open {
            right: 0
        }

            .bleed.open.slide-left {
                right: 0
            }*/

                .bleed.open.slide-left .bleed__col--left {
                    display: none
                }

                .bleed.open.slide-left .bleed__col--right {
                    display: block
                }

    .bleed__col {
        width: 100%;
        padding-top: 0;
        padding-bottom: 8px
    }

    /*.bleed__col--right {
        padding-top: 0;
        display: none
    }*/

    .bleed .bleed__col--left .mega__content ul.list > li {
        padding-top: 8px;
        padding-bottom: 8px
    }

        .bleed .bleed__col--left .mega__content ul.list > li.selected {
            background-color: #eceae7
        }

            .bleed .bleed__col--left .mega__content ul.list > li.selected .mega-link {
                background-color: #eceae7
            }

    .mega-header {
        padding: 0 16px;
        background: #eceae7;
        border-bottom: 1px solid rgba(102,102,102,0.1)
    }

        /*.mega-header .mega__content--listing li.mega-content__item .mega-content__item--descriptions, .mega-header .mega-descriptions {
            display: none
        }*/

        .mega-header.current-page__header {
            background-color: #eceae7
        }

            .mega-header.current-page__header .mega-header__title a {
                color: #ce2c2c;
                text-decoration: underline;
                text-underline-offset: .18em
            }

    .mobile__level-header {
        border-bottom: 1px solid rgba(102,102,102,0.1)
    }

        .mobile__level-header.hide {
            opacity: 0
        }

    .nav-level-toggle {
        display: block;
        padding-top: 8px;
        font-weight:700;
        padding-bottom: 8px;
        margin-left: 16px;
        font-size: 1.4rem;
        line-height: 2.4rem;
        cursor: pointer
    }

        .nav-level-toggle::before {
            display: inline-block;
            vertical-align: middle;
            font-style: normal;
            font-weight: bold;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font: normal normal normal 14px / 1 FontAwesome;
            content: "\f104 ";
            /*transform: rotate(-180deg);*/
            font-size: 1.6rem;
            margin-top: -1px;
            margin-right: 8px
        }

    [dir="rtl"] .nav-level-toggle::before {
        transform: rotate(0)
    }

    .mobile__footer {
        padding-top: 16px;
        padding-bottom: 32px;
        border-top: 1px solid rgba(102,102,102,0.1)
    }

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

        .mobile__footer li {
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 16px;
            font-weight: var(--font-weight-semibold)
        }

            .mobile__footer li a {
                display: block
            }

        .mobile__footer [class^='ic-'] svg {
            width: 22px
        }

        .mobile__footer [class^='ic-'] path {
            fill: #4f2d7f
        }

        .mobile__footer .profile-link, .mobile__footer .global-toggle-m, .mobile__footer .externalLoginButton {
            display: inline-flex;
            color: #4f2d7f;
            font-weight: var(--font-weight-semibold)
        }

            .mobile__footer .profile-link span, .mobile__footer .global-toggle-m span, .mobile__footer .externalLoginButton span {
                font-size: 1.6rem
            }

        .mobile__footer .ic-globe__reach, .mobile__footer .ic-login__bookmarks {
            font-size: 0;
            margin-right: 8px
        }

        .mobile__footer .global-toggle-m {
            border: none;
            padding: 0;
            background-color: transparent
        }

        .mobile__footer .lang__elem .unactive {
            color: #e0dcd7
        }
}

.global-reach__list ul li a, .reach-region-selector li a, .reach-region-selector li {
    font-size: 1.6rem;
    font-weight: var(--font-weight-semibold);
    color: #4f2d7f;
    text-decoration: none;
    display: block;
    padding-bottom: 21.33333px;
    transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
}

@media (hover: none) {
    .global-reach__list ul li a, .reach-region-selector li a, .reach-region-selector li {
        outline: none
    }
}

@media (hover: hover) {
    .global-reach__list ul li a, .reach-region-selector li a, .reach-region-selector li {
        cursor: pointer
    }

        .global-reach__list ul li a:hover, .reach-region-selector li a:hover, .reach-region-selector li:hover, .global-reach__list ul li a:active, .reach-region-selector li a:active, .reach-region-selector li:active, .global-reach__list ul li a:focus-visible, .reach-region-selector li a:focus-visible, .reach-region-selector li:focus-visible {
            color: #ce2c2c
        }
}

.global-reach {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    background: #fff
}

@media (min-width: 960px) {
    .global-reach {
        transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 15;
        position: relative
    }
}

@media (min-width: 960px) {
    .global-reach > .container {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.global-reach.open {
    max-height: 2000px;
    visibility: visible
}

@media (min-width: 960px) {
    .global-reach.open {
        overflow: visible
    }
}

@media (max-width: 959px) {
    .global-reach.open {
        padding-bottom: 32px
    }
}

.global-reach .title {
    font-size: 1.6rem;
    color: #4f2d7f;
    display: inline-block;
    text-decoration: none
}

    .global-reach .title .global-reach--main-site {
        color: var(--button-vi-text-hover-color, #4f2d7f);
        text-decoration: none;
        --hyperlink-animate-duration: .35s;
        --hyperlink-bg-color: #ce2c2c;
        display: inline;
        padding-bottom: 0.5rem;
        margin-bottom: -0.5rem;
        background-position-y: var(--link-tertiary--bg-position, 1.2em)
    }

@media (min-width: 1024px) {
    .global-reach .title .global-reach--main-site {
        overflow: hidden;
        background-repeat: no-repeat;
        background-image: linear-gradient(var(--hyperlink-bg-color), var(--hyperlink-bg-color));
        animation: hyperlink-animate-out var(--hyperlink-animate-duration) linear forwards
    }
}

@media (hover: none) {
    .global-reach .title .global-reach--main-site {
        outline: none
    }
}

@media (hover: hover) {
    .global-reach .title .global-reach--main-site {
        cursor: pointer
    }

        .global-reach .title .global-reach--main-site:hover, .global-reach .title .global-reach--main-site:active, .global-reach .title .global-reach--main-site:focus-visible {
            color: var(--button-vi-text-hover-color, #ce2c2c);
            text-decoration: none
        }
}

@media (hover: hover) and (min-width: 1024px) {
    .global-reach .title .global-reach--main-site:hover, .global-reach .title .global-reach--main-site:active, .global-reach .title .global-reach--main-site:focus-visible {
        animation: hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards
    }
}

@media (hover: none) {
    .global-reach .title {
        outline: none
    }
}

@media (hover: hover) {
    .global-reach .title {
        cursor: pointer
    }

        .global-reach .title:hover .social-icon__vi, .global-reach .title:active .social-icon__vi, .global-reach .title:focus-visible .social-icon__vi {
            color: #ce2c2c
        }

        .global-reach .title:hover .global-reach--main-site, .global-reach .title:active .global-reach--main-site, .global-reach .title:focus-visible .global-reach--main-site {
            color: var(--button-vi-text-hover-color, #ce2c2c);
            text-decoration: none
        }
}

@media (hover: hover) and (min-width: 1024px) {
    .global-reach .title:hover .global-reach--main-site, .global-reach .title:active .global-reach--main-site, .global-reach .title:focus-visible .global-reach--main-site {
        animation: hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards
    }
}

.global-reach .title i {
    padding-right: 16px;
    position: relative;
    transform: translateY(10%);
    display: inline-block
}

@media (hover: none) {
    .global-reach__toggle {
        outline: none
    }
}

@media (hover: hover) {
    .global-reach__toggle {
        cursor: pointer
    }

        .global-reach__toggle:hover, .global-reach__toggle:active, .global-reach__toggle:focus-visible {
            cursor: pointer
        }

            .global-reach__toggle:hover .single-social__icon .social-icon__vi, .global-reach__toggle:active .single-social__icon .social-icon__vi, .global-reach__toggle:focus-visible .single-social__icon .social-icon__vi {
                color: #ce2c2c
            }
}

@media (hover: none) {
    .global-reach__toggle:focus-visible {
        outline: none
    }
}

@media (hover: hover) {
    .global-reach__toggle:focus-visible {
        outline: thin dotted;
        outline-offset: -1px
    }
}

.global-reach__head {
    position: relative
}

    .global-reach__head .ic-globe__reach {
        display: block;
        width: 24px;
        height: 24px
    }

        .global-reach__head .ic-globe__reach .ic-globe__path {
            fill: #4f2d7f;
            width: 100%;
            height: auto;
            display: block
        }

    .global-reach__head .ic-globe__reach, .global-reach__head a {
        display: inline-block;
        vertical-align: middle;
        font-weight: var(--font-weight-semibold)
    }

    .global-reach__head .ic-globe__reach {
        margin-right: 4px
    }

.global-reach__close {
    text-decoration: none;
    display: block;
    z-index: 5;
    position: absolute;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0
}

@media (hover: none) {
    .global-reach__close {
        outline: none
    }
}

@media (hover: hover) {
    .global-reach__close {
        cursor: pointer
    }

        .global-reach__close:hover .ic-close .ic-close__path, .global-reach__close:active .ic-close .ic-close__path, .global-reach__close:focus-visible .ic-close .ic-close__path {
            fill: #ce2c2c
        }
}

.global-reach__close .ic-close {
    width: 24px;
    height: 24px;
    display: block
}

    .global-reach__close .ic-close .ic-close__path {
        fill: #4f2d7f;
        transition: fill .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }

.global-reach__tabs {
    overflow: hidden;
    white-space: nowrap;
    padding: 32px 0 0 0
}

    .global-reach__tabs:after {
        content: '';
        display: block;
        margin-bottom: 36px
    }

.global-reach__list {
    opacity: 0;
    position: absolute;
    width: 100%;
    transition: opacity .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 960px) {
    .global-reach__list {
        top: -250vh;
        display: block
    }

        .global-reach__list.off-screen {
            position: absolute;
            top: -9999px
        }
}

@media (max-width: 959px) {
    .global-reach__list {
        top: -500vh
    }
}

.global-reach__list ul {
    column-count: 1;
    column-gap: 64px;
    -webkit-column-break-inside: avoid;
    list-style: none;
    padding: 0;
    visibility: hidden
}

    .global-reach__list ul li a {
        color: var(--button-vi-text-hover-color, #4f2d7f);
        text-decoration: none;
        --hyperlink-animate-duration: .35s;
        --hyperlink-bg-color: #ce2c2c;
        display: inline;
        padding-bottom: 0.5rem;
        margin-bottom: -0.5rem;
        background-position-y: var(--link-tertiary--bg-position, 1.2em);
        display: inline-block
    }

@media (min-width: 1024px) {
    .global-reach__list ul li a {
        overflow: hidden;
        background-repeat: no-repeat;
        background-image: linear-gradient(var(--hyperlink-bg-color), var(--hyperlink-bg-color));
        animation: hyperlink-animate-out var(--hyperlink-animate-duration) linear forwards
    }
}

@media (hover: none) {
    .global-reach__list ul li a {
        outline: none
    }
}

@media (hover: hover) {
    .global-reach__list ul li a {
        cursor: pointer
    }

        .global-reach__list ul li a:hover, .global-reach__list ul li a:active, .global-reach__list ul li a:focus-visible {
            color: var(--button-vi-text-hover-color, #ce2c2c);
            text-decoration: none
        }
}

@media (hover: hover) and (min-width: 1024px) {
    .global-reach__list ul li a:hover, .global-reach__list ul li a:active, .global-reach__list ul li a:focus-visible {
        animation: hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards
    }
}

@media (min-width: 1024px) {
    .global-reach__list ul li a {
        padding-bottom: 21.33333px
    }
}

.global-reach__list.active {
    position: relative;
    top: 0;
    opacity: 1
}

@media (min-width: 960px) {
    .global-reach__list.active ul {
        visibility: visible
    }
}

.global-reach__list.column-2 ul {
    column-count: 2
}

.global-reach__list.column-3 ul {
    column-count: 3
}

.global-reach__list.column-4 ul {
    column-count: 4
}

.global-reach__list.column-5 ul {
    column-count: 5
}

.global-reach--opening {
    overflow: hidden
}

    .global-reach--opening .rpi-progress-bar {
        display: none
    }

    .global-reach--opening .gt-wrapper, .global-reach--opening header .header-container, .global-reach--opening body:not(.header-is-sticking) .header-message-top-banner-wrapper {
        overflow-y: scroll
    }

    .global-reach--opening header > div:not(.mega-wrapper) {
        max-height: 100vh;
        height: auto
    }

        .global-reach--opening header > div:not(.mega-wrapper) .header-message-top-banner-wrapper {
            overflow: unset
        }

    .global-reach--opening .header-top-wrapper {
        overflow-y: scroll;
        height: 100vh
    }

    .global-reach--opening body:not(.header-is-sticking) .header .header-top-wrapper {
        max-height: 100vh
    }

    .global-reach--opening body:not(.header-is-sticking) .header-message-top-banner-wrapper + .header .header-top-wrapper {
        max-height: calc(100vh - 30px)
    }

    .global-reach--opening header.sticky nav, .global-reach--opening header.insight-sticky nav {
        margin-top: -67px
    }

    .global-reach--opening .shortcuts li a {
        display: none
    }

.global-reach__content {
    height: var(--globalreach-height, 0);
    transition: height .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
}

.reach-region-selector {
    width: 100%;
    padding: 0
}

    .reach-region-selector li a, .reach-region-selector li {
        display: inline-block;
        margin: 0 64px 0 0;
        border-bottom: 2px solid transparent;
        transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1);
        letter-spacing: 0.2em;
        text-transform: uppercase;
        font-weight: var(--font-weight-normal);
        opacity: .5;
        padding: 0 0 16px 0;
        background: none;
        transition: all .3s 0s cubic-bezier(0.4, 0, 0.2, 1)
    }

@media (hover: none) {
    .reach-region-selector li a, .reach-region-selector li {
        outline: none
    }
}

@media (hover: hover) {
    .reach-region-selector li a, .reach-region-selector li {
        cursor: pointer
    }

        .reach-region-selector li a:hover, .reach-region-selector li a:active, .reach-region-selector li a:focus-visible, .reach-region-selector li:hover, .reach-region-selector li:active, .reach-region-selector li:focus-visible {
            opacity: 1;
            color: #4f2d7f
        }
}

.reach-region-selector li a.active, .reach-region-selector li.active {
    border-color: #4f2d7f;
    position: relative;
    z-index: 1;
    opacity: 1
}

.reach-region-selector:after {
    background-color: #f2f1ef;
    content: '';
    display: block;
    position: relative;
    top: -3px;
    width: 100%;
    height: 1px
}

@media (min-width: 960px) {
    .reach-region-selector .global-reach-mobile-link {
        display: none
    }
}

@media (max-width: 959px) {
    .reach-region-selector .global-reach-mobile-link {
        transition: none
    }
}

@media (hover: none) {
    .local-site-link {
        outline: none
    }
}

@media (hover: hover) {
    .local-site-link {
        cursor: pointer
    }

        .local-site-link:hover, .local-site-link:active, .local-site-link:focus-visible {
            text-decoration: underline;
            text-underline-offset: .18em
        }
}

.global-reach .icon-spinner3, .mobile__global .icon-spinner3 {
    margin: auto;
    font-size: 3.6rem;
    display: table
}

@keyframes anim-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.global-reach .icon-spinner3.icon-spinner3, .mobile__global .icon-spinner3.icon-spinner3 {
    animation: anim-rotate 1s infinite steps(12)
}

.mobile__global .list .nav-link {
    padding: 8px 0 14px;
    border: none
}

    .mobile__global .list .nav-link.header {
        padding: 0
    }

    .mobile__global .list .nav-link a {
        padding: 0
    }

.mobile__global .global-reach-mobile-link a {
    z-index: 12
}

.global-reach .global-reach-toggle-header {
    display: none;
    border-bottom: 1px solid rgba(102,102,102,0.1)
}

    .global-reach .global-reach-toggle-header .nav-level-toggle {
        pointer-events: none
    }

    .global-reach .global-reach-toggle-header ul {
        margin: 0
    }

.global-reach-mobile-header {
    background-color: #f2f1ef;
    padding: 0 16px;
    display: none;
    border-bottom: 1px solid rgba(102,102,102,0.1)
}

.global-reach-mobile-header__title {
    font-size: 1.8rem;
    font-weight: var(--font-weight-semibold);
    line-height: 4.8rem
}

.global-reach-mobile {
    position: fixed;
    overflow-y: auto;
    z-index: 100;
    left: 16px;
    width: calc(100% - 16px);
    padding: 0;
    transition: none;
    display: block;
    background: #f2f0ee
}

    .global-reach-mobile .global-reach__head {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .global-reach-mobile .global-reach-mobile-header, .global-reach-mobile .global-reach-toggle-header {
        display: block
    }

    .global-reach-mobile .reach-region-selector {
        margin: 0
    }

        .global-reach-mobile .reach-region-selector::after {
            display: none
        }

        .global-reach-mobile .reach-region-selector li {
            padding: 8px 0;
            text-transform: initial;
            letter-spacing: initial;
            display: block;
            width: 100%;
            margin: 0;
            border: none;
            opacity: 1;
            font-size: 1.6rem;
            font-weight: var(--font-weight-semibold);
            transition: none;
            position: relative
        }

            .global-reach-mobile .reach-region-selector li::after {
                font-family: "GT-IconSet" !important;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e95f';
                display: inline-block;
                vertical-align: middle;
                background-color: transparent;
                position: absolute;
                margin-left: 8px;
                right: 0;
                top: 50%;
                transform: translateY(-50%)
            }

[dir="rtl"] .global-reach-mobile .reach-region-selector li::after {
    transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg)
}

.global-reach-mobile .reach-region-selector .global-reach-mobile-link {
    display: none
}

.global-reach-mobile .global-reach__list.active {
    display: none
}

.global-reach-mobile .global-reach__list ul {
    columns: 1
}

    .global-reach-mobile .global-reach__list ul li a {
        display: block;
        padding: 8px 0
    }

.global-reach-mobile .global-reach__head .ic-globe__reach {
    display: none
}

.global-reach-mobile .global-reach__head .global-reach__close {
    display: none
}

.global-reach-mobile .global-reach__tabs {
    padding-top: 0
}

.global-reach-mobile.opening-lv2 .global-reach__head {
    display: none
}

.global-reach-mobile.opening-lv2 .global-reach__tabs {
    display: none
}

.global-reach-mobile.opening-lv2 .global-reach__list.active {
    display: block
}

    .global-reach-mobile.opening-lv2 .global-reach__list.active ul {
        visibility: visible
    }


/*================header Css End===========*/

.scrolling .main-header {
    position: fixed;
    width: 100%;
    top: 0px;
   
}