.b-navigation {
    --navigation-background: transparent;
    --navigation-min-height: 110px;
    --navigation-grid-dropdown: minmax(0,1fr) minmax(0,11fr);
    --navigation-border: 1px solid var(--color-white-15a);
    --search-container-min-height: 118px;
    --color-accent: var(--color-gold);
    --color-dark-accent: var(--color-gold-dark);
    --color-accent-hover: var(--color-gold-hover);
    bottom: auto;
    color: var(--color-white);
    display: none;
    left: 0;
    min-height: var(--navigation-min-height);
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    z-index: 13
}

.b-navigation.-hasSecondaryNavigation {
    --navigation-background: var(--color-deep-black-30a)
}

.b-navigation.-backgroundTint {
    --navigation-background: var(--color-black-90a)
}

.b-navigation.-isScrolled,.b-navigation.-isScrollingToTop {
    --navigation-background: var(--color-black)
}

.b-navigation.-isScrolled.-hasSecondaryNavigation,.b-navigation.-isScrollingToTop.-hasSecondaryNavigation {
    --navigation-background: var(--color-black);
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.b-navigation.-isSearchOpen {
    background: var(--gradient-navigation-open-search)
}

.b-navigation.-isSearchOpen .o-secondaryNavigation {
    visibility: hidden
}

.b-navigation.-minimal {
    --navigation-border: none
}

.b-navigation__search-container {
    --search-container-offset: var(--navigation-min-height);
    --offsetY: calc((var(--search-container-offset) + var(--dropdown-navigation-offset))*-1);
    background: var(--color-black);
    display: block;
    grid-template-areas: "search links";
    grid-template-columns: var(--navigation-grid-dropdown);
    height: auto;
    left: 0;
    max-height: calc(100vh - var(--dropdown-navigation-offset));
    min-height: 97px;
    overflow: auto;
    position: fixed;
    right: 0;
    top: var(--search-container-offset);
    -webkit-transform: translateY(var(--offsetY));
    -ms-transform: translateY(var(--offsetY));
    transform: translateY(var(--offsetY));
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    width: 100%
}

@media(min-width: 1440px) {
    .b-navigation__search-container {
        --search-container-offset:var(--dropdown-navigation-offset);
        min-height: var(--search-container-min-height)
    }
}

.b-navigation__search-container.-isStickySearch {
    display: block;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.b-navigation__search-container:not(.-isStickySearch) {
    display: none
}

.b-navigation__container {
    -webkit-backdrop-filter: var(--navigation-filter);
    backdrop-filter: var(--navigation-filter);
    background-color: var(--navigation-background);
    border-bottom: var(--navigation-border);
    position: relative;
    -webkit-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.b-navigation__primary {
    gap: var(--grid-gap);
    grid-template-areas: "logo nav";
    grid-template-columns: var(--navigation-grid-dropdown);
    min-height: var(--navigation-min-height);
    position: relative
}

@media(min-width: 1240px) {
    .b-navigation__primary {
        -webkit-margin-start:auto;
        -webkit-margin-end: auto;
        -webkit-padding-start: var(--container-margin);
        -webkit-padding-end: var(--container-margin);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: grid;
        margin-inline-end:auto;margin-inline-start:auto;margin-inline:0;max-width: var(--containerMaxWidth);
        max-width: none;
        padding-inline-end:var(--container-margin);padding-inline-start: var(--container-margin)
    }
}

.b-navigation .m-logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    grid-area: logo;
    height: 64px;
    position: absolute;
    top: 23px;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    width: 50px;
    z-index: 14
}

[dir=ltr] .b-navigation .m-logo {
    left: var(--containerMargin)
}

[dir=rtl] .b-navigation .m-logo {
    right: var(--containerMargin)
}

.b-navigation__mask {
    background-color: var(--modal-mask-color);
    height: 100vw;
    height: calc(var(--vh)*100);
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
    width: 100vw;
    z-index: 11
}

@supports(height: 1svh) {
    .b-navigation__mask {
        height:calc(1svh*100)
    }
}

[data-editor=true] .b-navigation__mask {
    height: 800px
}

.b-navigation.-isOpen .b-navigation__mask {
    opacity: 1;
    pointer-events: all
}

.b-navigation.-isDropdown {
    min-height: 100px
}

.b-navigation.-isDropdown.-isOpen {
    background-color: var(--color-black-50)
}

.b-navigation.-isDropdown.-isOpen.-isSearchOpen {
    background: var(--gradient-navigation-open-search)
}

.b-navigation.-isDropdown.-isOpen.-isSearchOpen .b-navigation__mask {
    background-color: transparent
}

.b-navigation.-isDropdown.-isScrolled {
    --dropdown-navigation-offset: 140px
}

.b-navigation.-isDropdown .m-logo {
    grid-area: logo
}

.b-navigation .o-dropdownNavigation {
    grid-area: nav
}

@media(min-width: 1240px) {
    .b-navigation {
        --navigation-min-height:140px
    }

    .b-navigation .m-logo {
        height: 88px;
        position: relative;
        top: 0;
        width: 68px
    }

    [dir=ltr] .b-navigation .m-logo {
        left: 0
    }

    [dir=rtl] .b-navigation .m-logo {
        right: 0
    }

    .b-navigation__mask {
        z-index: 8
    }
}

@media(min-width: 1440px) {
    .b-navigation {
        --navigation-grid-dropdown:minmax(0,0.4fr) minmax(0,5fr)
    }
}

.o-panelNavigation {
    --icon-size: 12px;
    --icon-fill: var(--color-gold);
    --hamburgerPosition: calc(var(--containerMargin)*-1 - 36px);
    --hamburger-size: 44px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color: var(--color-white);
    height: 100%;
    min-width: 360px;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 13
}

@media(min-width: 480px) {
    .o-panelNavigation {
        max-width:460px
    }
}

[dir=ltr] .o-panelNavigation {
    right: 0
}

[dir=rtl] .o-panelNavigation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    left: 0
}

.o-panelNavigation.-isOpen {
    z-index: 15
}

.o-panelNavigation__wrapper {
    height: 100%;
    width: 100%
}

.o-panelNavigation__CTA {
    inset-inline-end: calc(var(--hamburgerPosition)*-1 - var(--hamburger-size)/2);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.o-panelNavigation__CTA.-hasMenu {
    -webkit-margin-end: 25px;
    inset-inline-end: calc(var(--hamburgerPosition)*-1);
    margin-inline-end:25px}

.o-panelNavigation__overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: var(--color-black);
    color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(var(--vh)*100);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@supports(height: 1dvh) {
    .o-panelNavigation__overlay {
        height:calc(1dvh*100)
    }
}

[data-editor=true] .o-panelNavigation__overlay {
    height: 800px
}

.o-panelNavigation__container {
    -webkit-box-flex: 1;
    background: var(--color-black);
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: calc((var(--vh) - 72px)*100);
    overflow-y: auto
}

.o-panelNavigation__container.-noLanguageSelector {
    height: calc(var(--vh)*100)
}

@supports(height: 1svh) {
    .o-panelNavigation__container.-noLanguageSelector {
        height:calc(1svh*100)
    }
}

[data-editor=true] .o-panelNavigation__container.-noLanguageSelector {
    height: 800px
}

.o-panelNavigation__items {
    font-family: var(--type-navigation-large-font-family);
    font-size: var(--type-navigation-large-font-size);
    font-size: 16px;
    font-weight: var(--type-navigation-large-font-weight);
    height: 100%;
    letter-spacing: var(--type-navigation-large-letter-spacing);
    line-height: var(--type-navigation-large-line-height);
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: var(--type-navigation-large-text-transform)
}

.o-panelNavigation__item {
    border-bottom: 1px solid var(--color-black-90);
    cursor: pointer;
    text-transform: uppercase
}

.o-panelNavigation__item.-isActive {
    background-color: var(--color-mobile-language-selector-background)
}

.o-panelNavigation__item.-search {
    cursor: default;
    max-height: 110px
}

.o-panelNavigation__item.-search .o-searchBar {
    height: 110px
}

.o-panelNavigation__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 25px 30px;
    width: 100%
}

[dir=rtl] .o-panelNavigation__link .a-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.o-panelNavigation__menu {
    background: var(--color-black);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 13
}

.o-panelNavigation__menuContainer {
    height: calc(100% - 100px);
    overflow: auto;
    padding-bottom: 85px
}

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

.o-panelNavigation__menuItem {
    border-bottom: 1px solid var(--color-black-90);
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .o-panelNavigation__menuItem {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.o-panelNavigation__menuItem.-projectMenu {
    border-bottom: none
}

.o-panelNavigation__menuLink {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 25px 30px;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 768px) {
    .o-panelNavigation__link {
        -webkit-transition:background-color .3s ease;
        -o-transition: background-color .3s ease;
        transition: background-color .3s ease
    }
}

@media(min-width: 768px)and (hover:hover) {
    .o-panelNavigation__link:hover {
        background-color:var(--color-mobile-language-selector-background)
    }
}

@media(max-width: 820px)and (orientation:landscape) {
    .o-panelNavigation__menuContainer {
        height:calc(100% - 70px)
    }
}

@media(min-width: 1024px) {
    .o-panelNavigation__menuItem {
        -webkit-transition:background-color .3s ease;
        -o-transition: background-color .3s ease;
        transition: background-color .3s ease
    }
}

@media(min-width: 1024px)and (hover:hover) {
    .o-panelNavigation__menuItem:hover {
        background-color:var(--color-mobile-language-selector-background)
    }
}

@media(min-width: 1240px) {
    .o-panelNavigation__menuLink {
        color:var(--color-white-70a)
    }
}

@media(min-width: 1240px)and (hover:hover) {
    .o-panelNavigation__menuLink:hover {
        color:var(--color-white)
    }
}

.m-hamburgerMenu {
    --hamburger-icon-color: var(--color-white);
    --breadcrumb-color: var(--color-white);
    --hamburger-open-icon-size: 24px;
    --hamburger-close-icon-size: 22px;
    --min-touch-size: 44px;
    min-height: var(--min-touch-size);
    min-width: var(--min-touch-size)
}

.m-hamburgerMenu,.m-hamburgerMenu__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.m-hamburgerMenu__container {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0;
    position: relative;
    -webkit-transition: color .4s ease,background-color .4s ease;
    -o-transition: color .4s ease,background-color .4s ease;
    transition: color .4s ease,background-color .4s ease
}

@media(hover: hover) {
    .m-hamburgerMenu__container:hover {
        cursor:pointer
    }
}

.m-hamburgerMenu__menu {
    height: var(--hamburger-open-icon-size);
    width: var(--hamburger-open-icon-size)
}

.m-hamburgerMenu__svg {
    color: var(--hamburger-icon-color)
}

.m-hamburgerMenu__breadcrumb {
    -webkit-margin-end: 20px;
    color: var(--breadcrumb-color);
    display: inline-block;
    font-family: var(--type-navigation-small-font-family);
    font-size: var(--type-navigation-small-font-size);
    font-weight: var(--type-navigation-small-font-weight);
    font-weight: 500;
    letter-spacing: var(--type-navigation-small-letter-spacing);
    line-height: var(--type-navigation-small-line-height);
    margin-inline-end:20px;text-align: center;
    text-transform: var(--type-navigation-small-text-transform);
    text-transform: uppercase
}

.m-hamburgerMenu.-mainSiteNavigation {
    inset-inline-start: var(--hamburgerPosition);
    position: absolute;
    top: 30%
}

@media(min-width: 1240px) {
    .m-hamburgerMenu.-mainSiteNavigation {
        top:35%
    }
}

.m-hamburgerMenu.-mainSiteNavigation.-isOpen {
    -webkit-border-start: 1px solid #282a2d;
    border-inline-start:1px solid #282a2d;bottom: 0;
    display: grid;
    height: 90px;
    inset-inline-end: 0;
    inset-inline-start: unset;
    min-height: 110px;
    min-width: 62px;
    place-items: center;
    top: 0;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    z-index: 15
}

@media(hover: hover) {
    .m-hamburgerMenu.-mainSiteNavigation.-isOpen:hover {
        cursor:pointer
    }
}

.m-hamburgerMenu.-mainSiteNavigation.-isOpen .m-hamburgerMenu__container,.m-hamburgerMenu.-mainSiteNavigation.-isOpen .m-hamburgerMenu__svg {
    height: var(--hamburger-close-icon-size);
    width: var(--hamburger-close-icon-size)
}

.m-hamburgerMenu.-mainSiteNavigation.-isOpen .m-hamburgerMenu__menu {
    height: 100%;
    right: 0;
    top: 0;
    width: 100%
}

.o-searchBar {
    --search-form-padding: 35px 21px;
    --search-form-justify-content: flex-start;
    --input-width: calc(100% - 62px);
    --input-placeholder-color: $colorBlack-50;
    --input-max-width: calc(100% - 15vw);
    background: var(--gradient-navigation-open-search)
}

.o-searchBar.desktop-only {
    --search-form-padding: 20px;
    --search-form-justify-content: space-between;
    --input-placeholder-color: var(--color-white);
    --search-icon-display: none;
    --action-container-display: flex;
    --input-max-width: 100%
}

@media(min-width: 768px) {
    .o-searchBar.desktop-only {
        --search-form-padding:30px 70px
    }
}

.o-searchBar__searchForm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: var(--search-form-justify-content);
    -ms-flex-pack: var(--search-form-justify-content);
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: var(--search-form-justify-content);
    padding: var(--search-form-padding);
    width: 100%
}

.o-searchBar__searchForm>.a-icon {
    --icon-size: 16px;
    --icon-fill: var(--color-white);
    -webkit-margin-end: 15px;
    display: var(--search-icon-display,inline-block);
    margin-inline-end:15px}

.o-searchBar .a-input {
    width: 100%
}

.o-searchBar .a-input__input {
    background-color: transparent;
    border: none;
    color: var(--color-white);
    font-family: var(--type-subTitle-small-font-family);
    font-size: var(--type-subTitle-small-font-size);
    font-weight: var(--type-subTitle-small-font-weight);
    letter-spacing: var(--type-subTitle-small-letter-spacing);
    line-height: var(--type-subTitle-small-line-height);
    max-width: var(--input-max-width);
    text-transform: var(--type-subTitle-small-text-transform)
}

.o-searchBar .a-input__input::-webkit-search-cancel-button {
    display: none
}

.o-searchBar .a-input__input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.o-searchBar .a-input__input.placeholder {
    color: var(--input-placeholder-color);
    overflow: visible
}

.o-searchBar .a-input__input:-moz-placeholder,.o-searchBar .a-input__input::-moz-placeholder {
    color: var(--input-placeholder-color);
    overflow: visible
}

.o-searchBar .a-input__input:-ms-input-placeholder {
    color: var(--input-placeholder-color);
    overflow: visible
}

.o-searchBar .a-input__input::-webkit-input-placeholder {
    color: var(--input-placeholder-color);
    overflow: visible
}

.o-searchBar .a-input__input.-isPlaceholderHidden.placeholder {
    color: transparent
}

.o-searchBar .a-input__input.-isPlaceholderHidden:-moz-placeholder,.o-searchBar .a-input__input.-isPlaceholderHidden::-moz-placeholder {
    color: transparent
}

.o-searchBar .a-input__input.-isPlaceholderHidden:-ms-input-placeholder {
    color: transparent
}

.o-searchBar .a-input__input.-isPlaceholderHidden::-webkit-input-placeholder {
    color: transparent
}

.o-searchBar .m-button.-isDisabled {
    cursor: not-allowed;
    pointer-events: none
}

.o-searchBar .m-button.-isDisabled .a-icon {
    opacity: .2
}

.o-searchBar__actionContainer {
    display: var(--action-container-display,none)
}

.o-searchBar__actionContainer>.m-button {
    --button-size: 40px;
    --button-icon-size: 16px;
    -webkit-margin-start: calc(16.66667px + .92593vw);
    margin-inline-start:calc(16.66667px + .92593vw)}

@media(min-width: 768px) {
    .o-searchBar__actionContainer>.m-button {
        --button-size:60px;
        --button-icon-size: 24px
    }
}

.o-searchBar__actionContainer>.m-button:hover {
    --button-background-color-hover: var(--color-white,#fff);
    --button-border-color-hover: transparent;
    --icon-fill: var(--color-black,#000)
}

.a-input {
    position: relative
}

.a-input__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--input-background-color);
    border: var(--input-border-width) solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--input-text-color);
    display: block;
    font-size: 16px;
    font-weight: 100;
    line-height: var(--input-height);
    margin: 0;
    padding: 8.5px;
    text-transform: none;
    width: 100%
}

.a-input__input:active,.a-input__input:focus {
    border-color: var(--input-border-color-focus);
    outline: none
}

.a-input__input:focus {
    -webkit-box-shadow: 0 0 0 var(--input-border-radius) var(--input-box-shadow-focus);
    box-shadow: 0 0 0 var(--input-border-radius) var(--input-box-shadow-focus)
}

.a-input__input.-hasError {
    border-color: var(--form-error-color)
}

.m-panelMenuButton {
    --component-background-color: transparent;
    --icon-size: 12px;
    --icon-fill: var(--color-gold);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--component-background-color);
    border: none;
    color: var(--color-white);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: var(--type-navigation-large-font-family);
    font-size: var(--type-navigation-large-font-size);
    font-size: 16px;
    font-weight: var(--type-navigation-large-font-weight);
    justify-content: space-between;
    letter-spacing: var(--type-navigation-large-letter-spacing);
    line-height: var(--type-navigation-large-line-height);
    margin: 0;
    padding: 0;
    text-transform: var(--type-navigation-large-text-transform);
    text-transform: uppercase;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    width: 100%
}

.m-panelMenuButton__label {
    white-space: nowrap
}

.m-panelMenuButton__icon,.m-panelMenuButton__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 30px
}

.m-panelMenuButton__icon {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.m-panelMenuButton .a-icon {
    height: 19.646px
}

[dir=rtl] .m-panelMenuButton .a-icon svg:not([class$=noFlip]) {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.m-panelMenuButton .a-label {
    line-height: 20px
}

@media(hover: hover) {
    .m-panelMenuButton:hover {
        --component-background-color:var(--color-mobile-language-selector-background)
    }
}

.m-panelMenuButton.-back {
    --component-background-color: var(--color-mobile-language-selector-background);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 47px 30px
}

.m-panelMenuButton.-back .a-icon {
    -webkit-margin-end: 20px;
    margin-inline-end:20px}

@media(max-width: 345px) {
    .m-panelMenuButton {
        --component-padding:10px 20px
    }
}

.m-projectMenuItem {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-projectMenuItem,.m-projectMenuItem__image {
    overflow: hidden;
    position: relative
}

.m-projectMenuItem__image:before {
    content: "";
    display: block;
    padding-top: 45%
}

.m-projectMenuItem__image:after {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .65;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear;
    width: 100%;
    z-index: 1
}

.m-projectMenuItem__image .a-image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out,-webkit-transform .5s ease-out
}

.m-projectMenuItem__link {
    -webkit-padding-start: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    padding-bottom: 20px;
    padding-inline-start:20px;position: absolute;
    width: 100%;
    z-index: 2
}

.m-projectMenuItem__link.focus-visible {
    border: 2px solid var(--color-light-blue);
    border-radius: 2px
}

.m-projectMenuItem__title {
    --icon-size: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--type-overline-large-font-family);
    font-size: var(--type-overline-large-font-size);
    font-weight: var(--type-overline-large-font-weight);
    letter-spacing: var(--type-overline-large-letter-spacing);
    line-height: var(--type-overline-large-line-height);
    text-transform: var(--type-overline-large-text-transform)
}

.m-projectMenuItem__title .a-icon {
    -webkit-margin-start: 10px;
    margin-inline-start:10px;opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: opacity .5s ease-in,-webkit-transform .5s ease;
    transition: opacity .5s ease-in,-webkit-transform .5s ease;
    -o-transition: opacity .5s ease-in,transform .5s ease;
    transition: opacity .5s ease-in,transform .5s ease;
    transition: opacity .5s ease-in,transform .5s ease,-webkit-transform .5s ease
}

[dir=rtl] .m-projectMenuItem__title .a-icon {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px)
}

.m-projectMenuItem.-dropdown .m-projectMenuItem__image:after {
    content: normal
}

.m-projectMenuItem.-dropdown .m-projectMenuItem__label {
    font-family: var(--type-body-medium-font-family);
    font-size: var(--type-body-medium-font-size);
    font-weight: var(--type-body-medium-font-weight);
    letter-spacing: var(--type-body-medium-letter-spacing);
    line-height: var(--type-body-medium-line-height);
    margin: 40px 0 0;
    position: static;
    text-transform: var(--type-body-medium-text-transform);
    text-transform: none;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

[lang=ar] .m-projectMenuItem.-dropdown .m-projectMenuItem__label {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

@media(min-width: 1440px) {
    .m-projectMenuItem__image {
        position:relative
    }

    .m-projectMenuItem__image:before {
        content: "";
        display: block;
        padding-top: 56.25%
    }

    .m-projectMenuItem__image:after {
        opacity: .25
    }

    .m-projectMenuItem__link {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        align-items: flex-start;
        justify-content: flex-end
    }

    .m-projectMenuItem__copy {
        font-family: var(--type-body-small-font-family);
        font-size: var(--type-body-small-font-size);
        font-weight: var(--type-body-small-font-weight);
        height: 0;
        letter-spacing: var(--type-body-small-letter-spacing);
        line-height: var(--type-body-small-line-height);
        opacity: 0;
        overflow: hidden;
        text-transform: var(--type-body-small-text-transform);
        visibility: hidden
    }

    [lang=ar] .m-projectMenuItem__copy {
        font-size: var(--type-body-small-ar-font-size);
        letter-spacing: var(--type-body-small-ar-letter-spacing);
        line-height: var(--type-body-small-ar-line-height)
    }

    .m-projectMenuItem__copy p {
        padding-top: 16px
    }
}

@media(min-width: 1440px)and (hover:hover) {
    .m-projectMenuItem:hover .m-projectMenuItem__image:after {
        opacity:.75
    }

    .m-projectMenuItem:hover .m-projectMenuItem__image .a-image {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .m-projectMenuItem:hover .m-projectMenuItem__title .a-icon {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    [dir=rtl] .m-projectMenuItem:hover .m-projectMenuItem__title .a-icon {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media(min-width: 1240px) {
    .m-projectMenuItem {
        max-width:500px
    }
}

.m-sectorMenuItem {
    --icon-fill: var(--color-gold);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

.m-sectorMenuItem .a-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    -webkit-transition: fill .3s ease;
    -o-transition: fill .3s ease;
    transition: fill .3s ease
}

.m-sectorMenuItem__label {
    font-family: var(--type-overline-small-font-family);
    font-size: var(--type-overline-small-font-size);
    font-weight: var(--type-overline-small-font-weight);
    letter-spacing: var(--type-overline-small-letter-spacing);
    line-height: var(--type-overline-small-line-height);
    position: relative;
    text-transform: var(--type-overline-small-text-transform);
    text-transform: uppercase;
    z-index: 1
}

.m-sectorMenuItem.-panel {
    --icon-size: 28px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 25px 30px 25px 28px;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.m-sectorMenuItem.-panel .a-icon {
    -webkit-margin-end: 10px;
    color: var(--color-gold);
    margin-inline-end:10px}

@media(hover: hover) {
    .m-sectorMenuItem.-panel:hover {
        background-color:var(--color-mobile-language-selector-background)
    }
}

.m-sectorMenuItem.-dropdown {
    --icon-size: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 70px;
    padding: 0;
    -webkit-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    transition: background-color .25s linear
}

.m-sectorMenuItem.-dropdown .m-sectorMenuItem__label {
    -webkit-margin-start: 10px;
    margin-inline-start:10px}

.m-sectorMenuItem.-dropdown .a-image {
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .25s linear,-webkit-transform .5s ease-out;
    transition: opacity .25s linear,-webkit-transform .5s ease-out;
    -o-transition: opacity .25s linear,transform .5s ease-out;
    transition: opacity .25s linear,transform .5s ease-out;
    transition: opacity .25s linear,transform .5s ease-out,-webkit-transform .5s ease-out;
    z-index: 0
}

@media(hover: hover) {
    .m-sectorMenuItem.-dropdown:hover {
        --icon-fill:var(--color-white);
        background-color: var(--color-deep-black)
    }

    .m-sectorMenuItem.-dropdown:hover .a-image {
        opacity: .2;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.m-sectorMenuItem.-isUnderConstruction {
    --icon-fill: var(--color-white-20a);
    color: var(--color-white-20a);
    pointer-events: none
}

@media(min-width: 1440px) {
    .m-sectorMenuItem {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.m-mobileLanguageSelector {
    --toggle-button-height: 72px;
    position: relative;
    z-index: 16
}

.m-mobileLanguageSelector__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: var(--color-mobile-language-selector-background);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--toggle-button-height);
    position: relative;
    width: 100%;
    z-index: 16
}

.m-mobileLanguageSelector__link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.m-mobileLanguageSelector__link .a-icon {
    --icon-size: 12px;
    color: transparent
}

.m-mobileLanguageSelector__toggle {
    --icon-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    color: var(--color-black-20);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    letter-spacing: .1em;
    line-height: 120%;
    padding: 28px 30px;
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    width: 100%
}

@media screen and (min-width: 480px) {
    .m-mobileLanguageSelector__toggle {
        font-size:calc(15px - .20833vw)
    }
}

@media screen and (min-width: 1440px) {
    .m-mobileLanguageSelector__toggle {
        font-size:12px
    }
}

.m-mobileLanguageSelector__toggle .a-icon {
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out
}

.-isActive .m-mobileLanguageSelector__toggle {
    color: var(--color-white)
}

.-isActive .m-mobileLanguageSelector__toggle .a-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.m-mobileLanguageSelector__languageList {
    background-color: var(--color-black);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100vh - var(--toggle-button-height));
    left: 0;
    overflow: scroll;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
    width: 100%;
    z-index: 2
}

@supports(height: 1svh) {
    .m-mobileLanguageSelector__languageList {
        height:calc(100svh - var(--toggle-button-height))
    }
}

.-isActive .m-mobileLanguageSelector__languageList {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.m-mobileLanguageSelector__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    justify-content: flex-end;
    letter-spacing: .1em;
    line-height: 120%;
    list-style: none;
    overflow: auto;
    text-transform: uppercase;
    width: 100%
}

@media screen and (min-width: 480px) {
    .m-mobileLanguageSelector__items {
        font-size:calc(15px - .20833vw)
    }
}

@media screen and (min-width: 1440px) {
    .m-mobileLanguageSelector__items {
        font-size:12px
    }
}

.m-mobileLanguageSelector__item {
    border-bottom: 1px solid var(--color-black-90);
    color: var(--color-black-20);
    padding: 25px 30px
}

.m-mobileLanguageSelector__item:first-child {
    border-top: 1px solid var(--color-black-90)
}

.m-mobileLanguageSelector__item.-isActive {
    color: var(--color-white)
}

@media(min-width: 768px) {
    .m-mobileLanguageSelector__toggle {
        --icon-size:14px
    }
}

.o-dropdownNavigation {
    --navigation-highlight-color: var(--color-gold);
    --navigation-item-color: var(--color-black-20);
    --navigation-item-hover-color: var(--color-white);
    -webkit-box-flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    justify-content: space-between;
    min-height: 140px;
    z-index: 9
}

.o-dropdownNavigation__indicator {
    background-color: var(--navigation-highlight-color);
    bottom: 0;
    display: block;
    height: 1px;
    position: absolute;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 0
}

.o-dropdownNavigation__item {
    color: var(--navigation-item-color);
    margin: 40px 0;
    padding: 10px 19px;
    -webkit-transition: background .25s ease-out,color .25s ease-out,border .25s ease-out;
    -o-transition: background .25s ease-out,color .25s ease-out,border .25s ease-out;
    transition: background .25s ease-out,color .25s ease-out,border .25s ease-out
}

@media(min-width: 1600px) {
    .o-dropdownNavigation__item {
        padding:10px 25px
    }
}

@media(hover: hover) {
    .o-dropdownNavigation__item:hover {
        color:var(--navigation-item-hover-color)
    }

    .o-dropdownNavigation__item:hover .o-dropdownNavigation__link {
        color: inherit
    }

    .o-dropdownNavigation__item:hover .o-dropdownNavigation__button.-highlighted {
        --highlighted-border-color: var(--color-white)
    }

    .o-dropdownNavigation__item:hover .o-dropdownNavigation__button.-highlighted.-isOpen {
        --highlighted-border-color: var(--color-gold);
        color: var(--color-black)
    }
}

.o-dropdownNavigation__item.-isActive {
    --navigation-item-color: var(--color-white)
}

.b-navigation.-isOpen .o-dropdownNavigation__item.-isActive {
    --navigation-item-color: var(--color-black-20)
}

.o-dropdownNavigation__item.-isOpen {
    --navigation-item-color: var(--color-white)
}

.o-dropdownNavigation__section.-aside {
    -webkit-margin-start: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-inline-start:auto}

.o-dropdownNavigation__section.-aside .o-dropdownNavigation__button {
    -webkit-margin-end: var(--grid-gap);
    background-color: var(--color-white);
    color: var(--color-black);
    margin-inline-end:var(--grid-gap)}

@media(hover: hover) {
    .o-dropdownNavigation__section.-aside .o-dropdownNavigation__button:hover {
        background-color:var(--color-gold);
        border-color: var(--color-gold)
    }
}

.o-dropdownNavigation__section.-aside .o-dropdownNavigation__item:last-child {
    -webkit-padding-end: 0;
    padding-inline-end:0}

.o-dropdownNavigation__section.-aside>.m-button {
    --button-icon-size: 24px;
    --button-size: 30px;
    -webkit-margin-end: 30px;
    margin-inline-end:30px}

.o-dropdownNavigation__section.-aside>.m-button .m-button__container {
    border: none
}

.o-dropdownNavigation__section.-aside>.m-button .m-button__container svg {
    --icon-fill: transparent
}

.o-dropdownNavigation__section.-aside>.m-button .m-button__container:hover {
    --button-background-color: transparent
}

.o-dropdownNavigation__section.-aside>.m-button:hover {
    cursor: pointer
}

.o-dropdownNavigation__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.o-dropdownNavigation__link {
    --icon-size: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: color .25s ease-out;
    -o-transition: color .25s ease-out;
    transition: color .25s ease-out
}

.o-dropdownNavigation__link .a-icon {
    -webkit-margin-start: 8px;
    margin-inline-start:8px}

.o-dropdownNavigation__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    -webkit-transition: background .25s ease-out,color .25s ease-out,border .25s ease-out;
    -o-transition: background .25s ease-out,color .25s ease-out,border .25s ease-out;
    transition: background .25s ease-out,color .25s ease-out,border .25s ease-out
}

.o-dropdownNavigation__button .a-icon {
    --icon-size: 10px;
    -webkit-margin-start: 10px;
    margin-inline-start:10px}

.o-dropdownNavigation__button.-isOpen .a-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s
}

.o-dropdownNavigation__button.-highlighted {
    --highlighted-border-color: var(--color-white-30a);
    border: 1px solid var(--highlighted-border-color);
    border-radius: 40px;
    padding: 0 25px
}

.o-dropdownNavigation__button.-highlighted.-isOpen {
    --highlighted-border-color: var(--color-gold);
    background-color: var(--color-gold);
    color: var(--color-black)
}

.o-dropdownNavigation__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--type-navigation-large-font-family);
    font-size: var(--type-navigation-large-font-size);
    font-weight: var(--type-navigation-large-font-weight);
    letter-spacing: var(--type-navigation-large-letter-spacing);
    line-height: var(--type-navigation-large-line-height);
    padding: 6px 0 7px;
    text-transform: var(--type-navigation-large-text-transform);
    text-transform: uppercase
}

.o-dropdownNavigation .o-languageSelector {
    -webkit-padding-end: 20px;
    padding-inline-end:20px}

.o-dropdownNavigation .m-button.-CTA {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.o-dropdownNavigationList {
    background-color: transparent;
    border-top: 1px solid var(--color-white-15a);
    cursor: default;
    display: none;
    height: auto;
    left: 0;
    max-height: calc(100vh - var(--dropdown-navigation-offset));
    opacity: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: var(--dropdown-navigation-offset);
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    visibility: hidden;
    width: 100%
}

.o-dropdownNavigationList .-line {
    -webkit-border-end: 1px solid hsla(0,0%,100%,.07);
    border-inline-end:1px solid hsla(0,0%,100%,.07)}

.o-dropdownNavigationList.-isOpen {
    background-color: var(--color-deep-black);
    padding: 60px
}

.o-dropdownNavigationList__container {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: var(--container-margin);
    -webkit-padding-end: var(--container-margin);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-inline-end:auto;margin-inline-start:auto;max-width: var(--containerMaxWidth);
    overflow: auto;
    padding-inline-end:var(--container-margin);padding-inline-start: var(--container-margin);
    padding: 0
}

.o-dropdownNavigationList__container.-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px 0 130px
}

.o-dropdownNavigationList__items {
    --project-grid-columns: 4;
    list-style: none;
    margin: 0;
    padding: 0
}

.o-dropdownNavigationList__items.-menu {
    -webkit-padding-start: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 25px;
    padding-inline-start:10px}

.o-dropdownNavigationList__items.-projectMenu {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(var(--project-grid-columns,auto-fit),minmax(0,1fr))
}

.o-dropdownNavigationList__items.-sectorMenu {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(var(--grid-columns,3),minmax(0,1fr));
    overflow: hidden
}

.o-dropdownNavigationList__item.-menu:not(:last-child) {
    margin: 0 0 40px
}

.o-dropdownNavigationList__button,.o-dropdownNavigationList__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-white-70a);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(hover: hover) {
    .o-dropdownNavigationList__button:hover,.o-dropdownNavigationList__link:hover {
        color:var(--color-white)
    }

    .o-dropdownNavigationList__button:hover .o-dropdownNavigationList__index,.o-dropdownNavigationList__link:hover .o-dropdownNavigationList__index {
        color: var(--color-gold)
    }
}

.o-dropdownNavigationList__button.-isActive,.o-dropdownNavigationList__link.-isActive {
    color: var(--color-white)
}

.o-dropdownNavigationList__button.-isActive .o-dropdownNavigationList__index,.o-dropdownNavigationList__link.-isActive .o-dropdownNavigationList__index {
    color: var(--color-gold)
}

.o-dropdownNavigationList__button {
    -webkit-padding-start: 0;
    background: none;
    border: none;
    cursor: pointer;
    padding-inline-start:0}

.o-dropdownNavigationList__index {
    -webkit-margin-end: var(--grid-gap);
    color: var(--color-white-30a);
    display: inline-block;
    font-family: var(--type-navigation-large-font-family);
    font-size: var(--type-navigation-large-font-size);
    font-weight: var(--type-navigation-large-font-weight);
    font-weight: 100;
    letter-spacing: var(--type-navigation-large-letter-spacing);
    line-height: var(--type-navigation-large-line-height);
    margin-inline-end:var(--grid-gap);padding-top: 8px;
    position: relative;
    text-transform: var(--type-navigation-large-text-transform);
    top: -1.44ex
}

.o-dropdownNavigationList__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--type-heading-h6-font-family);
    font-size: var(--type-heading-h6-font-size);
    font-weight: var(--type-heading-h6-font-weight);
    letter-spacing: var(--type-heading-h6-letter-spacing);
    line-height: var(--type-heading-h6-line-height);
    text-transform: var(--type-heading-h6-text-transform)
}

.o-dropdownNavigationList__label .a-icon {
    --icon-size: 10px;
    -webkit-margin-start: 16px;
    margin-inline-start:16px}

[dir=rtl] .o-dropdownNavigationList__label .a-icon {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media(min-width: 1600px)and (max-width:1610px) {
    .o-dropdownNavigationList__label {
        white-space:nowrap
    }
}

.o-dropdownNavigationList__sideMenu {
    -webkit-padding-start: 70px;
    display: none;
    opacity: 0;
    padding-bottom: 20px;
    padding-inline-start:70px}

.o-dropdownNavigationList .m-button {
    padding-top: 30px
}

@media(min-width: 1600px) {
    .o-dropdownNavigationList__sideMenu {
        -webkit-padding-start:80px;
        padding-inline-start:80px}

    .o-dropdownNavigationList__items.-menu {
        -webkit-box-flex: 0;
        -webkit-padding-start: 40px;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        padding-inline-start:40px}
}

.m-languageToggle__items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.m-languageToggle__item {
    -webkit-padding-start: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    opacity: .5;
    padding-inline-start:10px;text-transform: uppercase
}

.m-languageToggle__item.-isActive {
    cursor: default;
    opacity: 1
}

.m-languageToggle__item[lang=ar] {
    font-family: brown,Zarid,Arial,sans-serif;
    font-size: 17px;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

.m-languageToggle__item:first-child {
    -webkit-padding-end: 10px;
    -webkit-padding-start: 0;
    padding-inline-end:10px;padding-inline-start:0}

[dir=rtl] .m-languageToggle__item:first-child {
    border-width: 0 0 0 1px
}

.o-languageSelector {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.o-languageSelector__list {
    background: var(--color-black-75a);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    height: 100%;
    height: calc(var(--vh)*100);
    left: 0;
    padding: 120px 0 0;
    position: fixed;
    text-transform: uppercase;
    top: 0;
    width: 100%
}

@supports(height: 1svh) {
    .o-languageSelector__list {
        height:calc(1svh*100)
    }
}

[data-editor=true] .o-languageSelector__list {
    height: 800px
}

@media(min-width: 768px) {
    .o-languageSelector__list {
        padding:139px 0 0
    }
}

.o-languageSelector__wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    border-top: 1px solid var(--color-white-15a);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    overflow-x: visible;
    overflow-y: auto;
    width: 100%
}

.o-languageSelector__toggle {
    --icon-size: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--color-white);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.25;
    position: relative;
    text-transform: uppercase;
    z-index: 1
}

.o-languageSelector__toggle.-ar {
    font-family: brown,Zarid,Arial,sans-serif;
    font-size: 17px;
    letter-spacing: 0
}

.o-languageSelector__toggle.-ar .o-languageSelector__code {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

.o-languageSelector__toggle .a-icon {
    -webkit-margin-start: 5px;
    margin-inline-start:5px;-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out
}

.o-languageSelector__items {
    list-style: none;
    margin: 0;
    max-width: 280px;
    padding: 0 4.8611111111vw;
    text-align: right;
    width: 100%
}

@media(min-width: 768px) {
    .o-languageSelector__items {
        padding:0 4.8611111111vw
    }
}

.o-languageSelector__item {
    --icon-size: 12px;
    min-width: 90px;
    opacity: .6;
    position: relative;
    width: 100%
}

.o-languageSelector__item.-isActive,.o-languageSelector__item:hover {
    opacity: 1
}

.o-languageSelector__item.-isActive {
    pointer-events: none
}

.o-languageSelector__item .a-icon {
    color: transparent;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

[dir=rtl] .o-languageSelector__item .a-icon {
    left: -6px;
    right: auto
}

.o-languageSelector__link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-end;
    letter-spacing: .1em;
    line-height: 1.25;
    padding: min(1.6vh,16px) 16px min(1.7vh,17px) 12px;
    white-space: nowrap
}

.o-languageSelector__link.-ar {
    letter-spacing: 0
}

.o-languageSelector.-isExpanded .o-languageSelector__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.o-languageSelector.-isExpanded .o-languageSelector__toggle .a-icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

@media(min-width: 768px) {
    .o-languageSelector__items {
        padding-top:40px
    }

    .o-languageSelector__wrapper {
        overflow: visible
    }
}

.m-logo {
    height: 80px;
    position: relative;
    width: 62px;
    z-index: 14
}

.m-logo__link {
    height: 100%;
    width: 100%
}

.o-secondaryNavigation {
    --component-transition-speed: 0.33s;
    border-top: 1px solid var(--color-white-15a);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .12em;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: background-color var(--component-transition-speed) ease,height var(--component-transition-speed) ease;
    -o-transition: background-color var(--component-transition-speed) ease,height var(--component-transition-speed) ease;
    transition: background-color var(--component-transition-speed) ease,height var(--component-transition-speed) ease;
    width: 100%
}

.o-secondaryNavigation__container {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: var(--container-margin);
    -webkit-padding-end: var(--container-margin);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-inline-end:auto;margin-inline-start:auto;max-width: var(--containerMaxWidth);
    max-width: none;
    padding-inline-end:var(--container-margin);padding-inline-start: var(--container-margin)
}

.o-secondaryNavigation__itemButton {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: transparent;
    border: none;
    color: var(--color-black-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    letter-spacing: .12em;
    line-height: 20px;
    text-transform: uppercase;
    width: 100%
}

.o-secondaryNavigation__itemButton .a-icon {
    --icon-size: 10px;
    -webkit-margin-start: 10px;
    margin-inline-start:10px}

.o-secondaryNavigation__sectorButton {
    --icon-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%
}

.o-secondaryNavigation__sectorButton svg {
    max-height: 17px;
    width: auto
}

.o-secondaryNavigation__sectorButton .a-icon {
    -webkit-transition: -webkit-transform var(--component-transition-speed) ease;
    transition: -webkit-transform var(--component-transition-speed) ease;
    -o-transition: transform var(--component-transition-speed) ease;
    transition: transform var(--component-transition-speed) ease;
    transition: transform var(--component-transition-speed) ease,-webkit-transform var(--component-transition-speed) ease
}

.-isExpanded .o-secondaryNavigation__sectorButton .a-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.o-secondaryNavigation__items {
    height: 80vh;
    list-style: none;
    margin: 0;
    overflow-y: scroll;
    padding: 0;
    width: 100%
}

@media(min-width: 1440px) {
    .o-secondaryNavigation__items {
        height:auto;
        overflow-y: initial
    }
}

.o-secondaryNavigation__itemButton,.o-secondaryNavigation__itemLink {
    padding: 20px 0;
    -webkit-transition: color .25s ease-out;
    -o-transition: color .25s ease-out;
    transition: color .25s ease-out;
    width: 100%
}

@media(hover: hover) {
    .o-secondaryNavigation__itemButton:hover,.o-secondaryNavigation__itemLink:hover {
        color:var(--color-white);
        cursor: pointer
    }
}

.o-secondaryNavigation__item {
    color: var(--color-black-20);
    line-height: 19px
}

.o-secondaryNavigation__item:first-child {
    margin: 4px 0 0
}

.o-secondaryNavigation__item:last-child {
    margin: 0 0 4px
}

.o-secondaryNavigation__item .a-icon {
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease,-webkit-transform .25s ease
}

.o-secondaryNavigation__item.-isActive>.o-secondaryNavigation__itemButton,.o-secondaryNavigation__item.-isActive>.o-secondaryNavigation__itemLink,.o-secondaryNavigation__item.-isOpen>.o-secondaryNavigation__itemButton,.o-secondaryNavigation__item.-isOpen>.o-secondaryNavigation__itemLink {
    color: var(--color-white);
    font-weight: 400
}

.o-secondaryNavigation__item.-isOpen .a-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.o-secondaryNavigation__childList {
    display: none
}

.-isOpen .o-secondaryNavigation__childList {
    display: block
}

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

.o-secondaryNavigation__childLink {
    padding: 13px 0
}

@media(hover: hover) {
    .o-secondaryNavigation__childLink:hover {
        color:var(--color-white)
    }
}

.o-secondaryNavigation .-parent .o-secondaryNavigation__itemMain {
    color: var(--color-white);
    padding: 20px 0
}

.o-secondaryNavigation .-parent .o-secondaryNavigation__itemMain svg {
    max-height: 14px;
    width: auto
}

.-isDropdown .o-secondaryNavigation {
    font-size: 14px;
    height: 61px;
    overflow: visible
}

.-isDropdown .o-secondaryNavigation__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.-isDropdown .o-secondaryNavigation__sectorButton {
    display: none;
    width: auto
}

.-isDropdown .o-secondaryNavigation__items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.-isDropdown .o-secondaryNavigation__item {
    margin: 0 17px
}

.-isDropdown .o-secondaryNavigation__item:first-child {
    -webkit-margin-end: 17px;
    -webkit-margin-start: 0;
    margin-inline-end:17px;margin-inline-start:0}

.-isDropdown .o-secondaryNavigation__item:last-child {
    -webkit-margin-end: 0;
    margin-inline-end:0}

.-isDropdown .o-secondaryNavigation__item.-parent+:not(.-parent),.-isDropdown .o-secondaryNavigation__item:first-child:not(.-parent) {
    -webkit-margin-start: auto;
    margin-inline-start:auto}

.-isDropdown .o-secondaryNavigation__itemLink {
    width: auto
}

.-isDropdown .o-secondaryNavigation__itemButton {
    font-size: 14px;
    width: auto
}

.-isDropdown .o-secondaryNavigation__itemButton .a-icon {
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease,-webkit-transform .25s ease
}

.-isDropdown .o-secondaryNavigation__item.-isActive .o-secondaryNavigation__itemButton,.-isDropdown .o-secondaryNavigation__item.-isActive .o-secondaryNavigation__itemLink,.-isDropdown .o-secondaryNavigation__item.-isOpen .o-secondaryNavigation__itemButton,.-isDropdown .o-secondaryNavigation__item.-isOpen .o-secondaryNavigation__itemLink {
    border-bottom: 1px solid var(--color-gold)
}

.-isDropdown .o-secondaryNavigation__childList {
    background-color: var(--navigation-background);
    height: 100vw;
    height: calc(var(--vh)*100);
    left: 0;
    position: absolute;
    top: auto;
    width: 100vw
}

@supports(height: 1svh) {
    .-isDropdown .o-secondaryNavigation__childList {
        height:calc(1svh*100)
    }
}

[data-editor=true] .-isDropdown .o-secondaryNavigation__childList {
    height: 800px
}

.-isDropdown .o-secondaryNavigation__childWrapper {
    -webkit-padding-before: 24px;
    padding-block-start:24px;position: absolute
}

.-isDropdown .o-secondaryNavigation__childLink {
    display: block;
    text-align: end
}

.-isDropdown .o-secondaryNavigation .-parent .o-secondaryNavigation__itemMain svg {
    max-height: 17px;
    width: 100%
}

.o-secondaryNavigation__childItem.-isActive,.o-secondaryNavigation__itemButton.-isActive,.o-secondaryNavigation__itemLink.-isActive {
    color: var(--color-white)
}

.-isScrolled .o-secondaryNavigation {
    height: 0;
    opacity: 0;
    visibility: hidden
}

@media(max-width: 1439px) {
    .o-secondaryNavigation__childItems {
        -webkit-padding-start:18px;
        padding-inline-start:18px}

    .o-secondaryNavigation__childItem,.o-secondaryNavigation__itemButton,.o-secondaryNavigation__itemLink {
        color: var(--color-black-50)
    }

    .o-secondaryNavigation .-parent {
        display: none
    }
}

.b-brandbookNavigation {
    --container-height: 100px;
    --navigation-item-color: var(--color-black-50);
    --navigation-item-active-color: var(--color-black)
}

.b-brandbookNavigation__overlay {
    background-color: var(--color-white);
    display: none;
    height: calc(var(--vh)*100);
    opacity: 0;
    position: fixed;
    visibility: hidden;
    width: 100%;
    z-index: 8
}

@supports(height: 1svh) {
    .b-brandbookNavigation__overlay {
        height:calc(1svh*100)
    }
}

[data-editor=true] .b-brandbookNavigation__overlay {
    height: 800px
}

.b-brandbookNavigation__hamburgerContainer {
    position: fixed;
    right: 5vw;
    top: 28px;
    z-index: 15
}

.b-brandbookNavigation.-isScrolled .b-brandbookNavigation__hamburgerContainer .m-hamburgerMenu,.b-brandbookNavigation__hamburgerContainer .m-hamburgerMenu.-isOpen {
    --hamburger-icon-color: var(--color-black);
    --breadcrumb-color: var(--color-black)
}

.b-brandbookNavigation__logoContainer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--container-height)
}

.b-brandbookNavigation__logoContainer,.b-brandbookNavigation__logoContainer.-light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b-brandbookNavigation__closeButtonContainer,.b-brandbookNavigation__logoContainer.-dark {
    display: none
}

.b-brandbookNavigation__container {
    background-color: transparent;
    border-bottom: 1px solid var(--color-white-15a);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: var(--container-height);
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
    width: 100%;
    z-index: 13
}

.b-brandbookNavigation.-isScrolled .b-brandbookNavigation__container {
    background-color: var(--color-white)
}

.b-brandbookNavigation.-isScrolled .b-brandbookNavigation__container .b-brandbookNavigation__logoContainer.-light {
    display: none
}

.b-brandbookNavigation.-isScrolled .b-brandbookNavigation__container .b-brandbookNavigation__logoContainer.-dark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b-brandbookNavigation.-isOpen .b-brandbookNavigation__container {
    background-color: var(--color-white)
}

.b-brandbookNavigation.-isOpen .b-brandbookNavigation__container .b-brandbookNavigation__content {
    border-bottom: 1px solid var(--color-border-grey)
}

.b-brandbookNavigation.-isOpen .b-brandbookNavigation__container .b-brandbookNavigation__logoContainer.-light {
    display: none
}

.b-brandbookNavigation.-isOpen .b-brandbookNavigation__container .b-brandbookNavigation__logoContainer.-dark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b-brandbookNavigation__content {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: var(--container-margin);
    -webkit-padding-end: var(--container-margin);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: var(--container-height);
    margin-inline-end:auto;margin-inline-start:auto;max-width: var(--containerMaxWidth);
    padding-inline-end:var(--container-margin);padding-inline-start: var(--container-margin)
}

.b-brandbookNavigation__items {
    color: var(--navigation-item-color);
    display: none;
    font-family: var(--type-navigation-large-font-family);
    font-size: var(--type-navigation-large-font-size);
    font-size: 16px;
    font-weight: var(--type-navigation-large-font-weight);
    letter-spacing: var(--type-navigation-large-letter-spacing);
    line-height: var(--type-navigation-large-line-height);
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: var(--type-navigation-large-text-transform)
}

.b-brandbookNavigation__items.-primary {
    height: calc(100vh - var(--container-height));
    overflow-y: auto
}

.b-brandbookNavigation__items.-secondary {
    -webkit-margin-start: 20px;
    font-family: var(--type-overline-large-font-family);
    font-size: var(--type-overline-large-font-size);
    font-weight: var(--type-overline-large-font-weight);
    letter-spacing: var(--type-overline-large-letter-spacing);
    line-height: var(--type-overline-large-line-height);
    list-style-type: decimal;
    margin-inline-start:20px;text-transform: var(--type-overline-large-text-transform)
}

.b-brandbookNavigation__items.-tertiary {
    color: var(--navigation-item-color);
    font-family: var(--type-overline-small-font-family);
    font-size: var(--type-overline-small-font-size);
    font-weight: var(--type-overline-small-font-weight);
    letter-spacing: var(--type-overline-small-letter-spacing);
    line-height: var(--type-overline-small-line-height);
    text-transform: var(--type-overline-small-text-transform)
}

.b-brandbookNavigation__item .a-icon {
    -webkit-margin-start: 3px;
    height: 12px;
    margin-bottom: 3px;
    margin-inline-start:3px;width: 12px
}

.b-brandbookNavigation__item.-isActive::marker {
    color: var(--navigation-item-active-color)
}

.b-brandbookNavigation__item.-primary {
    -webkit-padding-end: 3%;
    border-bottom: 1px solid var(--color-border-grey);
    line-height: 40px;
    padding: 15px 0;
    padding-inline-end:3%;position: relative;
    text-transform: uppercase;
    width: 100%
}

.b-brandbookNavigation__item.-tertiary {
    margin: 25px 0
}

.b-brandbookNavigation__item.-secondary {
    line-height: 1;
    margin: 20px 0 0
}

.b-brandbookNavigation__item.-secondary.-isOpen .b-brandbookNavigation__items.-tertiary {
    display: block
}

.b-brandbookNavigation__item.-secondary.-isOpen .a-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.b-brandbookNavigation__item.-secondary.-isActive .b-brandbookNavigation__button.-secondary {
    color: var(--navigation-item-active-color)
}

.b-brandbookNavigation__item.-primary.-isOpen .b-brandbookNavigation__button.-primary .a-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-brandbookNavigation__item.-primary.-isOpen .b-brandbookNavigation__menuContainer,.b-brandbookNavigation__item.-primary.-isOpen .b-brandbookNavigation__menuContainer .b-brandbookNavigation__items.-secondary {
    display: block
}

.b-brandbookNavigation__item:last-child {
    border-bottom: none
}

.b-brandbookNavigation__button,.b-brandbookNavigation__link {
    color: var(--navigation-item-color);
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

.b-brandbookNavigation__button.-secondary,.b-brandbookNavigation__link.-secondary {
    display: inline-block
}

@media(hover: hover) {
    .b-brandbookNavigation__button:hover,.b-brandbookNavigation__link:hover {
        color:var(--navigation-item-active-color)
    }
}

.b-brandbookNavigation__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0;
    outline: inherit;
    text-transform: inherit
}

.b-brandbookNavigation__button.-primary {
    padding: 10px 0
}

.b-brandbookNavigation__button.-primary,.b-brandbookNavigation__button.-secondary {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--type-overline-large-font-family);
    font-size: var(--type-overline-large-font-size);
    font-weight: var(--type-overline-large-font-weight);
    justify-content: space-between;
    letter-spacing: var(--type-overline-large-letter-spacing);
    line-height: var(--type-overline-large-line-height);
    text-transform: var(--type-overline-large-text-transform);
    width: 100%
}

.b-brandbookNavigation__button.-secondary {
    padding: 0
}

.b-brandbookNavigation .m-button {
    -webkit-margin-start: auto;
    justify-self: flex-end;
    margin-inline-start:auto}

@media(min-width: 768px) {
    .b-brandbookNavigation {
        --container-height:140px;
        --navigation-item-color: var(--color-white-70a);
        --navigation-item-active-color: var(--color-white)
    }

    .b-brandbookNavigation.-isOpen,.b-brandbookNavigation.-isScrolled {
        --navigation-item-color: var(--color-black-50);
        --navigation-item-active-color: var(--color-black)
    }

    .b-brandbookNavigation.-isScrolled .b-brandbookNavigation__item.-primary.-isActive {
        border-bottom: none
    }

    .b-brandbookNavigation__closeButtonContainer {
        display: none
    }

    .b-brandbookNavigation__menuContainer {
        display: none;
        height: calc(100vh - 140px);
        left: 0;
        overflow: auto;
        position: absolute;
        right: -140px;
        top: 140px;
        -webkit-transition: .3s ease-in;
        -o-transition: .3s ease-in;
        transition: .3s ease-in
    }

    .b-brandbookNavigation__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        border-bottom: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .b-brandbookNavigation__logoHamburgerContainer {
        width: 15%
    }

    .b-brandbookNavigation__items {
        color: var(--navigation-item-color)
    }

    .b-brandbookNavigation__items.-primary {
        -webkit-box-flex: 8;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 8 1 0px;
        flex: 8 1 0;
        height: unset;
        justify-content: center;
        overflow-y: unset
    }

    .b-brandbookNavigation__items.-secondary {
        margin: 0
    }

    .b-brandbookNavigation__items.-tertiary {
        margin: 0 0 0 -32px
    }

    .b-brandbookNavigation__item.-isActive::marker {
        color: var(--navigation-item-color)
    }

    .b-brandbookNavigation__item.-primary {
        border-bottom: none;
        margin: 0 25px;
        padding: 50px 0;
        width: unset
    }

    .b-brandbookNavigation__item.-primary.-isActive {
        border-bottom: 1px solid var(--color-gold)
    }

    .b-brandbookNavigation__item.-secondary {
        margin: 0 0 0 34px
    }

    .b-brandbookNavigation__item.-secondary.-isActive .b-brandbookNavigation__button.-secondary,.b-brandbookNavigation__item.-secondary.-isOpen .b-brandbookNavigation__button.-secondary {
        color: var(--navigation-item-color)
    }

    .b-brandbookNavigation__item.-tertiary {
        font-family: var(--type-overline-medium-font-family);
        font-size: var(--type-overline-medium-font-size);
        font-weight: var(--type-overline-medium-font-weight);
        letter-spacing: var(--type-overline-medium-letter-spacing);
        line-height: var(--type-overline-medium-line-height);
        margin: 20px 0;
        text-transform: var(--type-overline-medium-text-transform)
    }

    .b-brandbookNavigation__item .a-icon {
        height: 10px;
        width: 10px
    }

    .b-brandbookNavigation__button.-primary,.b-brandbookNavigation__link.-primary {
        font-family: var(--type-navigation-small-font-family);
        font-size: var(--type-navigation-small-font-size);
        font-weight: var(--type-navigation-small-font-weight);
        font-weight: 500;
        letter-spacing: var(--type-navigation-small-letter-spacing);
        line-height: var(--type-navigation-small-line-height);
        text-transform: var(--type-navigation-small-text-transform)
    }

    .b-brandbookNavigation__button.-secondary,.b-brandbookNavigation__link.-secondary {
        margin: 40px 0 30px;
        width: auto
    }

    .b-brandbookNavigation__button.-primary,.b-brandbookNavigation__button.-secondary {
        display: inline-block
    }

    .b-brandbookNavigation__button.-primary {
        padding: 0
    }

    .b-brandbookNavigation__hamburgerContainer {
        display: none;
        position: fixed;
        right: 2vw;
        top: 40px;
        z-index: 15
    }

    .b-brandbookNavigation__hamburgerContainer .m-hamburgerMenu__menu {
        background-color: var(--color-white-70a);
        border-radius: 50%;
        display: grid;
        height: var(--min-touch-size);
        place-items: center;
        position: relative;
        -webkit-transition: background-color .25s ease-out;
        -o-transition: background-color .25s ease-out;
        transition: background-color .25s ease-out;
        width: var(--min-touch-size)
    }

    .b-brandbookNavigation__hamburgerContainer .m-hamburgerMenu__breadcrumb {
        -webkit-margin-end: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-padding-start: 40px;
        align-items: center;
        background-color: var(--color-white);
        border-radius: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: var(--min-touch-size);
        margin-inline-end:0;opacity: 0;
        overflow: hidden;
        padding-inline-start:40px;pointer-events: none;
        position: absolute;
        right: 0;
        -webkit-transition: opacity .25s ease-out,-webkit-padding-end .25s ease-out;
        transition: opacity .25s ease-out,-webkit-padding-end .25s ease-out;
        -o-transition: padding-inline-end .25s ease-out,opacity .25s ease-out;
        transition: padding-inline-end .25s ease-out,opacity .25s ease-out;
        transition: padding-inline-end .25s ease-out,opacity .25s ease-out,-webkit-padding-end .25s ease-out
    }
}

@media(min-width: 768px)and (hover:hover) {
    .b-brandbookNavigation__hamburgerContainer:hover .m-hamburgerMenu__menu {
        background-color:var(--color-white)
    }

    .b-brandbookNavigation__hamburgerContainer:hover .m-hamburgerMenu__breadcrumb {
        -webkit-padding-end: calc(var(--min-touch-size) + 10px);
        opacity: 1;
        padding-inline-end:calc(var(--min-touch-size) + 10px);pointer-events: all
    }
}

@media(min-width: 768px) {
    .b-brandbookNavigation__container {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .b-brandbookNavigation.-isOpen {
        --icon-size: 32px
    }

    .b-brandbookNavigation.-isOpen .b-brandbookNavigation__closeButtonContainer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: var(--color-white);
        border-radius: 50px;
        color: var(--color-black);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        justify-content: center;
        opacity: .75;
        padding: 30px;
        position: fixed;
        right: 2vw;
        top: 40px;
        width: 50px;
        z-index: 15
    }

    .b-brandbookNavigation.-isOpen .b-brandbookNavigation__closeButtonContainer .a-icon {
        cursor: pointer;
        height: 32px;
        position: absolute;
        width: 32px
    }
}

@media(min-width: 1024px) {
    .b-brandbookNavigation__button.-primary,.b-brandbookNavigation__link.-primary {
        font-family:var(--type-navigation-large-font-family);
        font-size: var(--type-navigation-large-font-size);
        font-weight: var(--type-navigation-large-font-weight);
        letter-spacing: var(--type-navigation-large-letter-spacing);
        line-height: var(--type-navigation-large-line-height);
        text-transform: var(--type-navigation-large-text-transform)
    }

    .b-brandbookNavigation.-isScrolled .b-brandbookNavigation__container {
        background-color: transparent
    }

    .b-brandbookNavigation__item .a-icon {
        height: 12px;
        width: 12px
    }

    .b-brandbookNavigation__item.-primary {
        margin: 0 40px
    }
}

.b-anchorLinkButton {
    height: 100%;
    height: calc(var(--vh)*100);
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

@supports(height: 1dvh) {
    .b-anchorLinkButton {
        height:calc(1dvh*100)
    }
}

[data-editor=true] .b-anchorLinkButton {
    height: 800px
}

.b-anchorLinkButton__buttonContainer {
    bottom: 20px;
    display: none;
    height: 80px;
    pointer-events: all;
    position: absolute;
    right: 20px;
    width: 80px
}

[dir=rtl] .b-anchorLinkButton__buttonContainer {
    left: 20px;
    right: auto
}

@media(min-width: 1024px) {
    .b-anchorLinkButton__buttonContainer {
        bottom:60px;
        height: 100px;
        right: 60px;
        -webkit-transition: bottom .6s ease-in-out;
        -o-transition: bottom .6s ease-in-out;
        transition: bottom .6s ease-in-out;
        width: 100px
    }

    [dir=rtl] .b-anchorLinkButton__buttonContainer {
        left: 60px;
        right: auto
    }
}

.m-actionButton {
    --action-button-background-color: var(--color-white);
    --action-button-size: 80px;
    --action-button-text-color: var(--color-black);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-flex: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: var(--action-button-size);
    -webkit-box-shadow: 0 4px 6px 0 var(--button-shadow-color);
    box-shadow: 0 4px 6px 0 var(--button-shadow-color);
    color: var(--action-button-text-color);
    cursor: pointer;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: var(--type-overline-large-font-family);
    font-size: var(--type-overline-large-font-size);
    font-weight: var(--type-overline-large-font-weight);
    height: var(--action-button-size);
    letter-spacing: var(--type-overline-large-letter-spacing);
    letter-spacing: .09em;
    line-height: var(--type-overline-large-line-height);
    margin: 0;
    overflow: visible;
    padding: 0;
    text-transform: var(--type-overline-large-text-transform);
    width: var(--action-button-size)
}

.m-actionButton__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--action-button-background-color);
    border-radius: var(--action-button-size);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.m-actionButton__label {
    display: block;
    font-size: 1em;
    text-align: center;
    -webkit-transition: opacity .3s cubic-bezier(1,0,0,1);
    -o-transition: opacity .3s cubic-bezier(1,0,0,1);
    transition: opacity .3s cubic-bezier(1,0,0,1)
}

.m-actionButton__label.-small {
    font-size: .4761904762em;
    letter-spacing: .06em;
    line-height: 1
}

[dir=rtl] .m-actionButton__label {
    font-size: 1.25em;
    letter-spacing: 0
}

[dir=rtl] .m-actionButton__label.-small {
    font-size: .7894736842em
}

.m-actionButton__closeButton {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: opacity .3s cubic-bezier(1,0,0,1);
    -o-transition: opacity .3s cubic-bezier(1,0,0,1);
    transition: opacity .3s cubic-bezier(1,0,0,1)
}

.m-actionButton.-isActive .m-actionButton__closeButton {
    opacity: 1
}

.m-actionButton.-isActive .m-actionButton__label {
    opacity: 0
}

@media(min-width: 1024px) {
    .m-actionButton {
        --action-button-size:100px
    }
}

@media(min-width: 1024px)and (hover:hover) {
    .m-actionButton:hover {
        --action-button-background-color:var(--color-gold);
        --action-button-text-color: var(--color-white)
    }
}

.b-scrollToTop {
    display: none
}

@media(min-width: 1024px) {
    .b-scrollToTop {
        bottom:20px;
        height: 60px;
        opacity: .75;
        overflow: hidden;
        position: fixed;
        right: 2vw;
        -webkit-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease;
        width: 60px;
        z-index: 7
    }

    [dir=rtl] .b-scrollToTop {
        left: 2vw;
        right: auto
    }

    .b-scrollToTop:hover {
        opacity: 1
    }
}

@media(min-width: 1024px)and (hover:hover) {
    .b-scrollToTop .m-button__container:hover {
        --button-background-color:var(--color-white);
        --button-icon-color: var(--color-black);
        --button-text-color: var(--color-black)
    }
}

.o-pageTransition {
    bottom: 0;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 21
}

.o-pageTransition__box {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.o-pageTransition__box.-box1 {
    background-color: var(--color-black-90)
}

.o-pageTransition__box.-box2 {
    background-color: var(--color-black)
}

[dir=rtl] .o-pageTransition__box {
    left: 0;
    right: auto
}

.b-map-overlay {
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 37%;
    z-index: 101
}

.b-map-overlay .o-map-modal__panel {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.m-cursor {
    height: calc(var(--vh)*100);
    left: 0;
    max-width: 100vw;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 20
}

@supports(height: 1svh) {
    .m-cursor {
        height:calc(1svh*100)
    }
}

[data-editor=true] .m-cursor {
    height: 800px
}

.m-cursor__pointer {
    --icon-size: 40px;
    --icon-fill: var(--color-white);
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.m-cursor .a-icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: var(--color-black);
    border-radius: 50%;
    padding: 10px
}

[dir=rtl] .m-cursor {
    direction: ltr
}

.o-loadingSpinner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--color-white-30a);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(var(--vh)*100);
    justify-content: center;
    left: 0;
    max-height: calc(var(--vh)*100);
    max-width: 100vw;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 19
}

@supports(height: 1svh) {
    .o-loadingSpinner {
        height:calc(1svh*100)
    }
}

[data-editor=true] .o-loadingSpinner {
    height: 800px
}

@supports(height: 1svh) {
    .o-loadingSpinner {
        max-height:calc(1svh*100)
    }
}

[data-editor=true] .o-loadingSpinner {
    max-height: 800px
}

.o-loadingSpinner.-withBackground {
    background-color: var(--modal-background-color)
}

.a-spinner {
    display: inline-block;
    height: var(--spinner-size,24px);
    position: relative;
    width: var(--spinner-size,24px)
}

.a-spinner__asset {
    stroke: var(--color-dark-accent);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.a-spinner.-large {
    --spinner-size: 80px
}

html[data-theme=oxagon] .a-spinner__asset {
    stroke: var(--color-accent)
}

.b-promotionHero {
    --color-background: var(--color-black);
    --component-text-color: var(--color-white);
    height: calc(var(--vh)*100);
    position: relative
}

@supports(height: 1svh) {
    .b-promotionHero {
        height:calc(1svh*100)
    }
}

[data-editor=true] .b-promotionHero {
    height: 800px
}

.b-promotionHero__container {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: var(--container-margin);
    -webkit-padding-end: var(--container-margin);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin-inline-end:auto;margin-inline-start:auto;max-width: var(--containerMaxWidth);
    padding-block:20px;padding-inline-end:var(--container-margin);padding-inline-start: var(--container-margin)
}

@media(min-width: 768px) {
    .b-promotionHero__container {
        padding-block:70px
    }
}

.o-theLine {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    position: relative;
    width: 100%
}

.o-theLine .a-moustache {
    -webkit-margin-after: 30px;
    margin-block-end:30px;text-transform: uppercase
}

.o-theLine__logo {
    height: 40px;
    margin-block:20px}

.o-theLine__logo svg {
    height: 100%;
    width: 100%;
    width: auto
}

.o-theLine__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    width: 100%
}

.o-theLine__buttons .m-button:not(.-iconOnly) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(min-width: 768px) {
    .o-theLine .a-moustache {
        -webkit-margin-after:70px;
        margin-block-end:70px}

    .o-theLine__buttons .m-button:not(.-iconOnly) {
        -webkit-box-flex: initial;
        -ms-flex-positive: initial;
        flex-grow: 0
    }
}

.a-moustache {
    color: var(--moustache-text-color)
}

.a-moustache.-transform-uppercase {
    text-transform: uppercase!important
}

.a-moustache.-transform-lowercase {
    text-transform: lowercase!important
}

.a-moustache.-transform-capitalize {
    text-transform: capitalize!important
}

.a-moustache.-transform-none {
    text-transform: none!important
}

.a-moustache.-small {
    font-family: var(--type-subTitle-small-font-family);
    font-size: var(--type-subTitle-small-font-size);
    font-weight: var(--type-subTitle-small-font-weight);
    letter-spacing: var(--type-subTitle-small-letter-spacing);
    line-height: var(--type-subTitle-small-line-height);
    text-transform: var(--type-subTitle-small-text-transform)
}

.a-moustache.-large {
    font-family: var(--type-subTitle-large-font-family);
    font-size: var(--type-subTitle-large-font-size);
    font-weight: var(--type-subTitle-large-font-weight);
    letter-spacing: var(--type-subTitle-large-letter-spacing);
    line-height: var(--type-subTitle-large-line-height);
    text-transform: var(--type-subTitle-large-text-transform)
}

.m-scrollButton {
    --scroll-button-size: 2.9vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    bottom: calc(var(--containerMargin) - 14px);
    display: none;
    height: var(--scroll-button-size);
    justify-content: center;
    left: calc(50% - var(--scroll-button-size)/2);
    padding: 0;
    position: absolute;
    width: var(--scroll-button-size)
}

.m-scrollButton:before {
    background: var(--scroll-button-background-color);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    width: 100%
}

@media(prefers-reduced-motion:no-preference) {
    .m-scrollButton:before {
        -webkit-transition: .6s cubic-bezier(.19,1,.22,1);
        -o-transition: .6s cubic-bezier(.19,1,.22,1);
        transition: .6s cubic-bezier(.19,1,.22,1);
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,-webkit-transform;
        -o-transition-property: transform,opacity;
        transition-property: transform,opacity;
        transition-property: transform,opacity,-webkit-transform
    }
}

.m-scrollButton .mouse_svg__mouse-drop {
    -webkit-animation: mouse-scroll 1.7s infinite;
    animation: mouse-scroll 1.7s infinite
}

@media(hover: hover) {
    .m-scrollButton:hover {
        cursor:pointer
    }

    .m-scrollButton:hover:before {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@media(min-width: 768px) {
    .m-scrollButton {
        --scroll-button-size:37px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 1024px)and (orientation:portrait) {
    .m-scrollButton {
        --scroll-button-size:37px;
        height: var(--scroll-button-size);
        width: var(--scroll-button-size)
    }
}

.a-timeIndicator {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    pointer-events: none;
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .a-timeIndicator {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.a-timeIndicator.-tooltip {
    background: var(--color-white);
    bottom: calc(100% + 1.5em);
    color: var(--color-black);
    opacity: 0;
    padding: .25em .5em;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .8s cubic-bezier(.19,1,.22,1);
    -o-transition: opacity .8s cubic-bezier(.19,1,.22,1);
    transition: opacity .8s cubic-bezier(.19,1,.22,1)
}

.m-paragraph {
    --eyebrow-text-color: var(--component-highlight-color);
    --icon-fill: var(--color-gold);
    --icon-size-width: 240px;
    --icon-size: 160px;
    --icon-size-width-mobile: 170px;
    --icon-size-mobile: 110px;
    color: #fff;
}

.m-paragraph__asset {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 auto 30px;
    position: relative;
    width: 100%
}

.m-paragraph__asset.-image .a-image {
    height: auto
}

.m-paragraph__asset.-image .a-image__img {
    height: var(--icon-size);
    margin: auto;
    max-height: var(--icon-size);
    max-width: var(--icon-size-width);
    -o-object-fit: contain;
    object-fit: contain;
    width: var(--icon-size-width)
}

@media(min-width: 1024px) {
    .m-paragraph__asset.-image .a-image__img {
        height:var(--icon-size);
        max-height: var(--icon-size);
        max-width: var(--icon-size-width);
        width: var(--icon-size-width)
    }
}

@media(min-width: 768px) {
    .m-paragraph__asset.-image .a-image__img {
        height:var(--icon-size);
        max-height: var(--icon-size);
        max-width: var(--icon-size-width);
        width: var(--icon-size-width)
    }
}

@media(max-width: 479px) {
    .m-paragraph__asset.-image .a-image__img {
        height:var(--icon-size);
        max-height: var(--icon-size-mobile);
        max-width: var(--icon-size-width-mobile);
        width: var(--icon-size-width)
    }
}

@media(max-width: 345px) {
    .m-paragraph__asset.-image .a-image__img {
        height:var(--icon-size);
        max-height: var(--icon-size-mobile);
        max-width: var(--icon-size-width-mobile);
        width: var(--icon-size-width)
    }
}

.m-paragraph__asset.-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.m-paragraph__asset.-start .a-image__img {
    -webkit-margin-start: 0;
    margin-inline-start:0}

.m-paragraph__asset.-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.m-paragraph__asset.-end .a-image__img {
    -webkit-margin-end: 0;
    margin-inline-end:0}

.m-paragraph *~.m-paragraph__content {
    margin: 30px 0 0
}

.m-paragraph .a-eyebrow {
    margin: 0 0 28px
}

.m-paragraph .a-moustache {
    margin: 20px 0 0
}

.m-paragraph .a-heading {
    overflow-wrap: break-word
}

.m-paragraph .a-heading>span {
    color: var(--component-highlight-color,inherit)
}

.top-image .m-paragraph__asset {
    margin-bottom: 18px
}

@media(min-width: 768px) {
    .top-image .m-paragraph__asset {
        margin-bottom:0
    }
}

.top-image .m-paragraph__asset .a-image__img {
    height: auto;
    margin: 0;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width: 768px) {
    .top-image .m-paragraph__asset .a-image__img {
        width:74%
    }
}

.bottom-image .m-paragraph__asset .a-image__img {
    height: auto;
    margin: 0;
    width: 86px
}

@media(min-width: 768px) {
    .bottom-image .m-paragraph__asset .a-image__img {
        margin-top:30px;
        width: 130px
    }
}

@media(min-width: 1024px) {
    .bottom-image .m-paragraph__asset .a-image__img {
        width:140px
    }
}

@media(min-width: 1240px) {
    .bottom-image .m-paragraph__asset .a-image__img {
        width:150px
    }
}

@media(min-width: 1440px) {
    .bottom-image .m-paragraph__asset .a-image__img {
        width:160px
    }
}

.center-image .m-paragraph__asset.-image .a-image__img {
    height: auto;
    max-height: none;
    max-width: none
}

@media(max-width: 345px) {
    .center-image .m-paragraph__asset.-image .a-image__img {
        height:205px;
        width: 307px
    }
}

@media(max-width: 479px) {
    .center-image .m-paragraph__asset.-image .a-image__img {
        height:205px;
        width: 307px
    }
}

@media(min-width: 768px) {
    .center-image .m-paragraph__asset.-image .a-image__img {
        width:350px
    }
}

@media(min-width: 1024px) {
    .center-image .m-paragraph__asset.-image .a-image__img {
        width:400px
    }
}

@media(min-width: 1240px) {
    .center-image .m-paragraph__asset.-image .a-image__img {
        width:550px
    }
}

@media(min-width: 1440px) {
    .center-image .m-paragraph__asset.-image .a-image__img {
        width:770px
    }
}

.o-form[data-submitview=newScreen] .o-submitStep__error .a-eyebrow,.o-form[data-submitview=newScreen] .o-submitStep__success .a-eyebrow {
    font-size: 37px;
    font-weight: 400;
    line-height: 40px
}

.o-form[data-submitview=newScreen] .m-paragraph .m-paragraph__heading .a-heading {
    text-transform: none
}

.o-form[data-submitview=newScreen] .m-paragraph .m-paragraph__heading .a-heading.-h6 {
    font-size: 21px;
    font-weight: 300;
    line-height: 31px;
    text-transform: none
}

.a-heading {
    color: var(--component-heading-color);
    font-weight: 400
}

.a-heading.-transform-uppercase {
    text-transform: uppercase!important
}

.a-heading.-transform-lowercase {
    text-transform: lowercase!important
}

.a-heading.-transform-capitalize {
    text-transform: capitalize!important
}

.a-heading.-transform-none {
    text-transform: none!important
}

.a-heading.-h1 {
    font-family: var(--type-heading-h1-font-family);
    font-size: var(--type-heading-h1-font-size);
    font-weight: var(--type-heading-h1-font-weight);
    letter-spacing: var(--type-heading-h1-letter-spacing);
    line-height: var(--type-heading-h1-line-height);
    text-transform: var(--type-heading-h1-text-transform)
}

.a-heading.-h2 {
    font-family: var(--type-heading-h2-font-family);
    font-size: var(--type-heading-h2-font-size);
    font-weight: var(--type-heading-h2-font-weight);
    letter-spacing: var(--type-heading-h2-letter-spacing);
    line-height: var(--type-heading-h2-line-height);
    text-transform: var(--type-heading-h2-text-transform)
}

.a-heading.-h3 {
    font-family: var(--type-heading-h3-font-family);
    font-size: var(--type-heading-h3-font-size);
    font-weight: var(--type-heading-h3-font-weight);
    letter-spacing: var(--type-heading-h3-letter-spacing);
    line-height: var(--type-heading-h3-line-height);
    text-transform: var(--type-heading-h3-text-transform)
}

.a-heading.-h4 {
    font-family: var(--type-heading-h4-font-family);
    font-size: var(--type-heading-h4-font-size);
    font-weight: var(--type-heading-h4-font-weight);
    letter-spacing: var(--type-heading-h4-letter-spacing);
    line-height: var(--type-heading-h4-line-height);
    text-transform: var(--type-heading-h4-text-transform)
}

.a-heading.-h5 {
    font-family: var(--type-heading-h5-font-family);
    font-size: var(--type-heading-h5-font-size);
    font-weight: var(--type-heading-h5-font-weight);
    letter-spacing: var(--type-heading-h5-letter-spacing);
    line-height: var(--type-heading-h5-line-height);
    text-transform: var(--type-heading-h5-text-transform)
}

.a-heading.-h6 {
    font-family: var(--type-heading-h6-font-family);
    font-size: var(--type-heading-h6-font-size);
    font-weight: var(--type-heading-h6-font-weight);
    letter-spacing: var(--type-heading-h6-letter-spacing);
    line-height: var(--type-heading-h6-line-height);
    text-transform: var(--type-heading-h6-text-transform)
}

.a-heading.-h7 {
    font-family: var(--type-heading-h7-font-family);
    font-size: var(--type-heading-h7-font-size);
    font-weight: var(--type-heading-h7-font-weight);
    letter-spacing: var(--type-heading-h7-letter-spacing);
    line-height: var(--type-heading-h7-line-height);
    text-transform: var(--type-heading-h7-text-transform)
}

.a-heading.-hn {
    font-size: 20px;
    line-height: 24px
}

@media(min-width: 768px) {
    .a-heading.-hn {
        font-size:24px;
        line-height: 28.8px
    }
}

@media screen and (min-width: 1025px) {
    .a-heading.-hn {
        font-size:32px;
        line-height: 38.4px
    }
}

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

.a-heading.-end {
    text-align: end
}

.a-heading strong {
    color: var(--component-highlight-color);
    font-weight: 400
}

.a-heading span {
    font-weight: 100
}

.m-componentHeader {
    --eyebrow-text-color: var(--component-highlight-color);
    --moustache-text-color: var(--component-text-color)
}

.m-componentHeader.-center {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end:auto;margin-inline-start:auto;text-align: center
}

.m-componentHeader.-center .a-heading {
    margin: auto
}

.m-componentHeader.-left,.m-componentHeader.-start {
    text-align: start
}

.m-componentHeader.-end,.m-componentHeader.-right {
    text-align: end
}

.m-componentHeader .a-eyebrow {
    margin: 0 0 1em
}

.m-componentHeader .a-moustache {
    margin: 1em 0 0
}

.m-componentHeader .a-image {
    height: unset;
    left: unset;
    top: 0;
    width: unset
}

.m-componentHeader .a-image,.m-componentHeader .a-image__picture {
    position: relative
}

.m-componentHeader .a-image__img {
    height: auto;
    width: auto
}

.m-componentHeader__headingWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.m-componentHeader__headingWrapper .a-image,.m-componentHeader__headingWrapper .a-image__img,.m-componentHeader__headingWrapper .a-image__picture {
    display: block;
    height: 70px;
    width: auto
}

.m-componentHeader__asset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content
}

.m-componentHeader__asset.-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.m-componentHeader__asset.-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-componentHeader__asset.-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.m-componentHeader__asset .a-image__picture .a-image__img {
    height: 46px;
    width: 46px
}

@media(min-width: 1024px) {
    .m-componentHeader__asset .a-image__picture .a-image__img {
        height:95px;
        width: 96px
    }
}

@media(min-width: 768px) {
    .m-componentHeader {
        max-width:66.6666666667vw
    }

    .m-componentHeader__headingWrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(max-width: 479px) {
    .m-componentHeader .a-image__img {
        max-width:110px
    }
}

.a-flipHeading {
    color: var(--component-heading-color);
    font-weight: 400;
    text-transform: uppercase;
    width: 100%
}

.a-flipHeading.-h1 {
    font-family: var(--type-heading-h1-font-family);
    font-size: var(--type-heading-h1-font-size);
    font-weight: var(--type-heading-h1-font-weight);
    letter-spacing: var(--type-heading-h1-letter-spacing);
    line-height: var(--type-heading-h1-line-height);
    text-transform: var(--type-heading-h1-text-transform)
}

.a-flipHeading.-h2 {
    font-family: var(--type-heading-h2-font-family);
    font-size: var(--type-heading-h2-font-size);
    font-weight: var(--type-heading-h2-font-weight);
    letter-spacing: var(--type-heading-h2-letter-spacing);
    line-height: var(--type-heading-h2-line-height);
    text-transform: var(--type-heading-h2-text-transform)
}

.a-flipHeading.-h3 {
    font-family: var(--type-heading-h3-font-family);
    font-size: var(--type-heading-h3-font-size);
    font-weight: var(--type-heading-h3-font-weight);
    letter-spacing: var(--type-heading-h3-letter-spacing);
    line-height: var(--type-heading-h3-line-height);
    text-transform: var(--type-heading-h3-text-transform)
}

[dir=rtl] .a-flipHeading.-h3 {
    line-height: 140%
}

.a-flipHeading.-h4 {
    font-family: var(--type-heading-h4-font-family);
    font-size: var(--type-heading-h4-font-size);
    font-weight: var(--type-heading-h4-font-weight);
    letter-spacing: var(--type-heading-h4-letter-spacing);
    line-height: var(--type-heading-h4-line-height);
    text-transform: var(--type-heading-h4-text-transform)
}

.a-flipHeading.-h5 {
    font-family: var(--type-heading-h5-font-family);
    font-size: var(--type-heading-h5-font-size);
    font-weight: var(--type-heading-h5-font-weight);
    letter-spacing: var(--type-heading-h5-letter-spacing);
    line-height: var(--type-heading-h5-line-height);
    text-transform: var(--type-heading-h5-text-transform)
}

.a-flipHeading.-h6 {
    font-family: var(--type-heading-h6-font-family);
    font-size: var(--type-heading-h6-font-size);
    font-weight: var(--type-heading-h6-font-weight);
    letter-spacing: var(--type-heading-h6-letter-spacing);
    line-height: var(--type-heading-h6-line-height);
    text-transform: var(--type-heading-h6-text-transform)
}

.a-flipHeading__prefix {
    font-weight: 100
}

.a-flipHeading__labelContainer {
    display: block;
    position: relative
}

.a-flipHeading__flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: absolute
}

.-noPrefix .a-flipHeading__flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.a-flipHeading__label {
    -ms-flex-negative: 0;
    display: block;
    flex-shrink: 0;
    font-weight: 400;
    -webkit-mask-image: url(../../../etc.clientlibs/neom/clientlibs/clientlib-site/resources/asset/image/title-mask.5a49d9b..png);
    mask-image: url(../../../etc.clientlibs/neom/clientlibs/clientlib-site/resources/asset/image/title-mask.5a49d9b..png);
    -webkit-mask-size: 2600% 100%;
    mask-size: 2600% 100%;
    opacity: 0;
    position: relative;
    width: 100%
}

[dir=rtl] .a-flipHeading__label {
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAIAAAAAAaBAMAAADtdM8LAAAAHlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABaVcReAAAACXRSTlMAEeoqSWzPkbIxR78YAAANsElEQVR42u2dPW4jRxCFp+ELaDA+AKFMmQBxcwYSNqVhGHJI6ASKDIbEBo4tSxTp25qSlmuRnJ/u+nvPxPQJHlbLeq+/qq6p/mE+Lz/dLS9p1c2q99N8WT7wiVtXn089/Z1K47w6PTQaN1Xnqaf3aI2P1cBJ0/tvVyBx2yrvpObrn/EaF1XJSc1dpMbXSnB2Gv8I0Tip5Mdd498XlfY0fkbzXBmdeupgNNeV6bEt4i+Vx7Eq4rPK7yStxnXlfnYapQVyXgUdidFsqthTZjSPFeJkGs22Qp5dEb+y8383jQ92/l85FcgTjZOK7Hw2GgP/9/rV7ErkoqI+3AAgNoOLAkBYBlcEADqN89gMbggA4LBnFZvBfQAABqQUAoBYjTIAIM/gYQAg3XjDHn0A8IQ9z2ZpwqOIGwOAoQzOAACsiP3MNd8u6QGAwmjCAIDEaMIBQBGxX1WIk26yjAYKAAZhD8FVrNtoeABAm9HQAYDPtwVWAJB2/5L3f04q6sMNAH6+f+BVN4M3XPMBwFcukDKHN1xFAYABpDwOl+8lTGNuANhlcADsKctOwbBHFADCYI/Cxfxhjz4A7DR+81L3FJvBoQDA2GhenPKtjUZHAKA3Gn8AoDGaMAAggT3RAKDMaDATAJlGAwUAg0azquCn22iIAECL0bDdYg+MhnYCoL65Wz6MAEARAKZLegDANl3fFgAIJteHAQCNxh4AMMWDlFVJaSQFACDYsyizmFjYIwoAYbBHAwDcn0hZAAC/Iv5slh09NNoCAGOj8QEAVrDHEwCop2ZCAIBYYxQAEGkMBgCFRoO5xWYaDRQANEO3BYIJgO4izgMA2jSy3WIPjIZ2AuDtBcDVCAAULvaFcbr+MAAgG665AWBXGrlWKcyBzUxFAGDQ+FhSGlkBgGPD1Q4AxIKUV5HDRIGUicIF3UGKOgC4arSaAPB5ImUNAJb0AMCsiM+C8i0pANBoDAMAkvHMcABQZDSQCYBco0ECgOEiTgAAujXyAIC28Uw+ALDkBwD128KHq79GACB3sa/EKwA+AkAiXVOwBjYzJQGASOMG33BVdAB+Qk7NbHPLNwSkLMosJhakvIpsMEqjAgD4P5HSBwDPNQVGEwBORmMKAKyLuAcAsNPoCAD0sCcCACzpAYDIaIIBQGERh0wA5BJ7JAC4GDQaPADogT00AKDVaNgAwEERpwUA07eNjyMAULgY8wqAjwBAN13fEgBqTMO1EADQwJ4NvuEq7wBgQco212IgGldFNhi8pkAGAJb0ACAA9qgDgGsRf7JKEy4aTQFAbbymwAcAWBmNHwAwMBp3AKAq4kEAQLamIBgAFK4pQEwApFyjQQKAYaNZVejTU8RpAEDrbYEMABwaDSkAqN9eAFyOAEBzFSP+COD3ANCQrilY4xuuRQGACKRsWJrCEhdLN8idlLkAAAN7SjoA4bBHEAACQYo4AETspFQHgObW0WierXLZkh8AGBvNi0++NdLoCAD0xN4fAEy/yo0mDgAIingsACjViLjFZhsNEgAMGw1+AqDntkAEAFqKOBsAONBICgDS+wuAEQBormLMKwDeAwDpRwAPAkDiW1Mwb/uxsMCejZaDAycAEhb2bDPLNwakLIosJnhqRhAA6pv7KEghDgB1AOzRBgBf2PNklSZcjObaOPGYanzxSGVmOyndAICF0axjMzgnAJAZTSwAKDUayARArtEAAUA9XMThAKDPaFgAQLvRcAGAo9sCJwBIHy8ARgCguU98Y1Y3qwI/xK0IABc3dKsU5vCGqyQAUMCelZaD4wFAc7f8HwCAYI0SABAHe+QTAAGwRxsAfGGPzQRAcoI9tgDA2GhcAICZ0cwc863aaNaxGZwTADS3y/8BACgr4ogJgGyNSAAwbDRwAFD3rCmgAQCtX7qiAwCfNXICgIvm4244AgBFKGZeAfAWABLpRwAPAgDhmoI5vOEqCAA1Bex5hDdctQGgRsGeVZHFBMOeV4kNhsGeidyql+wAwHmyx2QCwM1oLAGAudE4AIDabielGwCwMBpvAKAr4jEAQKgxFAAUGw1gAiAf9uAAQI7RrCrs6S3iJAAgtRdxLgBwpJF0AuDjBcAIADSh+IpZ3Yxyuv4kACRUw7UkADCtUtjgG65iFwPDnm1m+f4G+dEsiiwmGFIIAEDgZI8CAPhr1AIAX9hjMwHg9UTq2jjxsAMAQ6NxBAB6o1nHZnBKACD8AEkoACg2GsAtNt9ooABgUCN6AqDXaFgmANqNhgoApPrQaCgBwP4FwAgANMmOHQAEvsLVAAA6jfNTVs+zSmHD0hQu7wCgYc82ywZRsGdRUr2jYc+rwGHiYI80AITAHmUAcIY9JhMAtRfssQUAxhrtAYCl0XgBAJN9OM4AQGk0IQBAajTBAKDQaOInAAqMBgcAcowGDQB6jYYEAHQYDRcAODIaTgDw8Q2AEQCokh21uhnvRwA/BwBGjXN4w7U8ANRTilUKq35Wj4U9eQAABVIWJRYTvZOyPABEwp6J1AVvAzSqAYAr7Hk2yo4+Gq9N860x7LEHAJY7e7wAgAnsWcdmcE4AIDOaSABQbjSACYB8o4EBgCzYgwcAPUbDAgDajYYKABwbDSMASPsXACMAONszo9pd3xUAGF8AnAQAqo8pbiD3BJMOABr2bAXlm4SdoIFUcQCoI2GPGABEwB5dAPCePrKYAPAr4nYAwEGjOQDY3RPsivjML9/qNa5jMzgjAJAW8UgAUK4xfgKgYJUCEABkFPFVBT39twUOANBVxJkAwMmHXCgnAHbx7EPlCADOFwCQNIX7AcAN3wuA4wBA9QKgIwCwwJ4V5J5gBwBwLwAKOgAA2FMOACJhjzAAxMAeXQDw/pDLs0ma8DIaUwBgXcQdAIChxplXvrUo4mvnDK7TGAEAxEYTDAAKNcbfYgs0wgBAFkgBTwD0a+QAAF1dBS4AcFTEKScAmv1fewQA5wwAWF8A/AgACddwLQAAVB9T3LA0hYs7ADUa9mQEACDsyQ4ANQD2lAaAOhT2TIQuGPECQBcATJvCbcdgAsBx3YMZAPAwGmsAkEyLuBMAsOkq+AIArdFEAACx0QQCAEERD58AKIE9KACQB3uwAGBgrxAFAHg3GnIAcFrEGQFAvX8BMAKA8wUAlNP1xwCAUuP86Cd9y/QxxU0X0aPQuII3XJUAAAdS8gEAQGNpAIid7JlIXTAC9qgCgDvsMZgAcCzidgDAQaP5BIAp7Jm55VsDjc4AQGk0IQBAWsQjAUC5xvAJgBLYgwIAb0Zzaef/biDlkh0AdBVxJgBwopESAOxfAIwA4HwBAFfjuj0A1IwvAI4CwE7jH0SrFDb4hqusA4DXuM0o37cwjatsiwGse3gttcFQ2CMKACmoQOoAgLfGJ4s04fbU7Now8ZjDHmsAYAt7fACAURF3BQBqjQEAQF7E4wCApKsQPQFQNNkDAgCZRrOqgGdIIwUA6LwtEAGAU6MhBADvf+3LEQCcNwBoOuZlqAAAJaSYszSF8wEAi8YeF0tTNOzZZpVvFOzJ7QBApmaKAUCoRhkACNKoCQD+sEc/AZAcjcYOADgUSHMAYKrRCQDYaHQFAOrpI38AkJLYaCIBQHmBjL7FFmkEAYCLPI3YCYAB2MMAALphDxMAOCmQhACgbu72lj0CgPMFALwvAPYBoObUOD/8sdxSadwEZ3CrDgDBuodtjsXAIMUi3wbjNb6WWnXo/lFRAIiCPZoA4L/u4ckiTbgVyGu7xGOv8cU6lX2xhD0uAMDKaDwBgL5ABkwAyDWGAQDRv2PwBEAqGiEFAYBMo4ECgKECyQAAujXyAIAWjXwA4A0/7lWOAOBcz5z4BcAPAED5AuAwACSuFwCtAYAHpKy4GtelAACpMRcAIF4AlAaAYCA1EWXHoAKpAgDuGp/1acJRoxUAeGsKmxdxYwBgbDROAMCmQLoCALXGgAmA5k5axOMmACRFPHoCoKirgAIAeQUSCwAGNFJMAEx/69DIAwBaijjhBEDz4wXACADO9vxC/ALgewBIpGsK5ixN4WwAQKPxsY+DozUOBgDouofM7ISBPWUBIFqjCABEaVQEgADY82SRHd2MxggA+BRxWwBgrdEDAJhp9AQA+nUP/gBAMdkTBgBERTx6AqBIIwYA5I6QrircGZzsIQAAPSOkNACgrUDyAYDd/8gff+0RAJwtACB+AbAPAKSvFOaHtOx3Ko0bfMNV5GIEkGIYACA15k4AQDQWPgEIhj0TkQsGwR4VAHAvkPoJAE+NVgDARaPxBICx0bhMAFjBHlcAoC6QAQBArjHuCUBnw5XnFlsGezAAIGUaDXICYLBAMgCAbo08EwAtsIcQAPz3AmAEAGd7fr3jfQHwPQCEZXBFAKBbU7BhaQqXdQBS8wWucTtoMciPKeYFANAqhcIJgGBIIQIAURoVAaC++c1b45NBmvD7mKIhALA3mpeofEsDAMw0OgIAg6kZdwCg+ZhiFACQGU3wBEBZEQdNAGRqRAKAwfFMAgDQ89VeGgDQNtlDBwA+fQNgBABnDADu+QEA6ZqCObCZKQkAKeaD5qoOQHJfZ2YBAJAgJTMAYDSWBYDoqRkhAIjRqAEA/rDnOSrfIgGAz05KYwBgbDSz2AxOBADURuMPABRFPGwCQLT8OHgCoMxoYADgwdD/MZCCAQB0a6QBAKnFaOgAwEXz6V+SGwD8CxhM2Xd7uF2HAAAAAElFTkSuQmCC);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAIAAAAAAaBAMAAADtdM8LAAAAHlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABaVcReAAAACXRSTlMAEeoqSWzPkbIxR78YAAANsElEQVR42u2dPW4jRxCFp+ELaDA+AKFMmQBxcwYSNqVhGHJI6ASKDIbEBo4tSxTp25qSlmuRnJ/u+nvPxPQJHlbLeq+/qq6p/mE+Lz/dLS9p1c2q99N8WT7wiVtXn089/Z1K47w6PTQaN1Xnqaf3aI2P1cBJ0/tvVyBx2yrvpObrn/EaF1XJSc1dpMbXSnB2Gv8I0Tip5Mdd498XlfY0fkbzXBmdeupgNNeV6bEt4i+Vx7Eq4rPK7yStxnXlfnYapQVyXgUdidFsqthTZjSPFeJkGs22Qp5dEb+y8383jQ92/l85FcgTjZOK7Hw2GgP/9/rV7ErkoqI+3AAgNoOLAkBYBlcEADqN89gMbggA4LBnFZvBfQAABqQUAoBYjTIAIM/gYQAg3XjDHn0A8IQ9z2ZpwqOIGwOAoQzOAACsiP3MNd8u6QGAwmjCAIDEaMIBQBGxX1WIk26yjAYKAAZhD8FVrNtoeABAm9HQAYDPtwVWAJB2/5L3f04q6sMNAH6+f+BVN4M3XPMBwFcukDKHN1xFAYABpDwOl+8lTGNuANhlcADsKctOwbBHFADCYI/Cxfxhjz4A7DR+81L3FJvBoQDA2GhenPKtjUZHAKA3Gn8AoDGaMAAggT3RAKDMaDATAJlGAwUAg0azquCn22iIAECL0bDdYg+MhnYCoL65Wz6MAEARAKZLegDANl3fFgAIJteHAQCNxh4AMMWDlFVJaSQFACDYsyizmFjYIwoAYbBHAwDcn0hZAAC/Iv5slh09NNoCAGOj8QEAVrDHEwCop2ZCAIBYYxQAEGkMBgCFRoO5xWYaDRQANEO3BYIJgO4izgMA2jSy3WIPjIZ2AuDtBcDVCAAULvaFcbr+MAAgG665AWBXGrlWKcyBzUxFAGDQ+FhSGlkBgGPD1Q4AxIKUV5HDRIGUicIF3UGKOgC4arSaAPB5ImUNAJb0AMCsiM+C8i0pANBoDAMAkvHMcABQZDSQCYBco0ECgOEiTgAAujXyAIC28Uw+ALDkBwD128KHq79GACB3sa/EKwA+AkAiXVOwBjYzJQGASOMG33BVdAB+Qk7NbHPLNwSkLMosJhakvIpsMEqjAgD4P5HSBwDPNQVGEwBORmMKAKyLuAcAsNPoCAD0sCcCACzpAYDIaIIBQGERh0wA5BJ7JAC4GDQaPADogT00AKDVaNgAwEERpwUA07eNjyMAULgY8wqAjwBAN13fEgBqTMO1EADQwJ4NvuEq7wBgQco212IgGldFNhi8pkAGAJb0ACAA9qgDgGsRf7JKEy4aTQFAbbymwAcAWBmNHwAwMBp3AKAq4kEAQLamIBgAFK4pQEwApFyjQQKAYaNZVejTU8RpAEDrbYEMABwaDSkAqN9eAFyOAEBzFSP+COD3ANCQrilY4xuuRQGACKRsWJrCEhdLN8idlLkAAAN7SjoA4bBHEAACQYo4AETspFQHgObW0WierXLZkh8AGBvNi0++NdLoCAD0xN4fAEy/yo0mDgAIingsACjViLjFZhsNEgAMGw1+AqDntkAEAFqKOBsAONBICgDS+wuAEQBormLMKwDeAwDpRwAPAkDiW1Mwb/uxsMCejZaDAycAEhb2bDPLNwakLIosJnhqRhAA6pv7KEghDgB1AOzRBgBf2PNklSZcjObaOPGYanzxSGVmOyndAICF0axjMzgnAJAZTSwAKDUayARArtEAAUA9XMThAKDPaFgAQLvRcAGAo9sCJwBIHy8ARgCguU98Y1Y3qwI/xK0IABc3dKsU5vCGqyQAUMCelZaD4wFAc7f8HwCAYI0SABAHe+QTAAGwRxsAfGGPzQRAcoI9tgDA2GhcAICZ0cwc863aaNaxGZwTADS3y/8BACgr4ogJgGyNSAAwbDRwAFD3rCmgAQCtX7qiAwCfNXICgIvm4244AgBFKGZeAfAWABLpRwAPAgDhmoI5vOEqCAA1Bex5hDdctQGgRsGeVZHFBMOeV4kNhsGeidyql+wAwHmyx2QCwM1oLAGAudE4AIDabielGwCwMBpvAKAr4jEAQKgxFAAUGw1gAiAf9uAAQI7RrCrs6S3iJAAgtRdxLgBwpJF0AuDjBcAIADSh+IpZ3Yxyuv4kACRUw7UkADCtUtjgG65iFwPDnm1m+f4G+dEsiiwmGFIIAEDgZI8CAPhr1AIAX9hjMwHg9UTq2jjxsAMAQ6NxBAB6o1nHZnBKACD8AEkoACg2GsAtNt9ooABgUCN6AqDXaFgmANqNhgoApPrQaCgBwP4FwAgANMmOHQAEvsLVAAA6jfNTVs+zSmHD0hQu7wCgYc82ywZRsGdRUr2jYc+rwGHiYI80AITAHmUAcIY9JhMAtRfssQUAxhrtAYCl0XgBAJN9OM4AQGk0IQBAajTBAKDQaOInAAqMBgcAcowGDQB6jYYEAHQYDRcAODIaTgDw8Q2AEQCokh21uhnvRwA/BwBGjXN4w7U8ANRTilUKq35Wj4U9eQAABVIWJRYTvZOyPABEwp6J1AVvAzSqAYAr7Hk2yo4+Gq9N860x7LEHAJY7e7wAgAnsWcdmcE4AIDOaSABQbjSACYB8o4EBgCzYgwcAPUbDAgDajYYKABwbDSMASPsXACMAONszo9pd3xUAGF8AnAQAqo8pbiD3BJMOABr2bAXlm4SdoIFUcQCoI2GPGABEwB5dAPCePrKYAPAr4nYAwEGjOQDY3RPsivjML9/qNa5jMzgjAJAW8UgAUK4xfgKgYJUCEABkFPFVBT39twUOANBVxJkAwMmHXCgnAHbx7EPlCADOFwCQNIX7AcAN3wuA4wBA9QKgIwCwwJ4V5J5gBwBwLwAKOgAA2FMOACJhjzAAxMAeXQDw/pDLs0ma8DIaUwBgXcQdAIChxplXvrUo4mvnDK7TGAEAxEYTDAAKNcbfYgs0wgBAFkgBTwD0a+QAAF1dBS4AcFTEKScAmv1fewQA5wwAWF8A/AgACddwLQAAVB9T3LA0hYs7ADUa9mQEACDsyQ4ANQD2lAaAOhT2TIQuGPECQBcATJvCbcdgAsBx3YMZAPAwGmsAkEyLuBMAsOkq+AIArdFEAACx0QQCAEERD58AKIE9KACQB3uwAGBgrxAFAHg3GnIAcFrEGQFAvX8BMAKA8wUAlNP1xwCAUuP86Cd9y/QxxU0X0aPQuII3XJUAAAdS8gEAQGNpAIid7JlIXTAC9qgCgDvsMZgAcCzidgDAQaP5BIAp7Jm55VsDjc4AQGk0IQBAWsQjAUC5xvAJgBLYgwIAb0Zzaef/biDlkh0AdBVxJgBwopESAOxfAIwA4HwBAFfjuj0A1IwvAI4CwE7jH0SrFDb4hqusA4DXuM0o37cwjatsiwGse3gttcFQ2CMKACmoQOoAgLfGJ4s04fbU7Now8ZjDHmsAYAt7fACAURF3BQBqjQEAQF7E4wCApKsQPQFQNNkDAgCZRrOqgGdIIwUA6LwtEAGAU6MhBADvf+3LEQCcNwBoOuZlqAAAJaSYszSF8wEAi8YeF0tTNOzZZpVvFOzJ7QBApmaKAUCoRhkACNKoCQD+sEc/AZAcjcYOADgUSHMAYKrRCQDYaHQFAOrpI38AkJLYaCIBQHmBjL7FFmkEAYCLPI3YCYAB2MMAALphDxMAOCmQhACgbu72lj0CgPMFALwvAPYBoObUOD/8sdxSadwEZ3CrDgDBuodtjsXAIMUi3wbjNb6WWnXo/lFRAIiCPZoA4L/u4ckiTbgVyGu7xGOv8cU6lX2xhD0uAMDKaDwBgL5ABkwAyDWGAQDRv2PwBEAqGiEFAYBMo4ECgKECyQAAujXyAIAWjXwA4A0/7lWOAOBcz5z4BcAPAED5AuAwACSuFwCtAYAHpKy4GtelAACpMRcAIF4AlAaAYCA1EWXHoAKpAgDuGp/1acJRoxUAeGsKmxdxYwBgbDROAMCmQLoCALXGgAmA5k5axOMmACRFPHoCoKirgAIAeQUSCwAGNFJMAEx/69DIAwBaijjhBEDz4wXACADO9vxC/ALgewBIpGsK5ixN4WwAQKPxsY+DozUOBgDouofM7ISBPWUBIFqjCABEaVQEgADY82SRHd2MxggA+BRxWwBgrdEDAJhp9AQA+nUP/gBAMdkTBgBERTx6AqBIIwYA5I6QrircGZzsIQAAPSOkNACgrUDyAYDd/8gff+0RAJwtACB+AbAPAKSvFOaHtOx3Ko0bfMNV5GIEkGIYACA15k4AQDQWPgEIhj0TkQsGwR4VAHAvkPoJAE+NVgDARaPxBICx0bhMAFjBHlcAoC6QAQBArjHuCUBnw5XnFlsGezAAIGUaDXICYLBAMgCAbo08EwAtsIcQAPz3AmAEAGd7fr3jfQHwPQCEZXBFAKBbU7BhaQqXdQBS8wWucTtoMciPKeYFANAqhcIJgGBIIQIAURoVAaC++c1b45NBmvD7mKIhALA3mpeofEsDAMw0OgIAg6kZdwCg+ZhiFACQGU3wBEBZEQdNAGRqRAKAwfFMAgDQ89VeGgDQNtlDBwA+fQNgBABnDADu+QEA6ZqCObCZKQkAKeaD5qoOQHJfZ2YBAJAgJTMAYDSWBYDoqRkhAIjRqAEA/rDnOSrfIgGAz05KYwBgbDSz2AxOBADURuMPABRFPGwCQLT8OHgCoMxoYADgwdD/MZCCAQB0a6QBAKnFaOgAwEXz6V+SGwD8CxhM2Xd7uF2HAAAAAElFTkSuQmCC)
}

.a-flipHeading__label.-isVisible {
    -webkit-animation: maskImageAnimation 2.5s steps(25) .35s forwards;
    animation: maskImageAnimation 2.5s steps(25) .35s forwards
}

[dir=rtl] .a-flipHeading__label.-isVisible {
    -webkit-animation: maskImageAnimationArabic 2.5s steps(25) .35s forwards;
    animation: maskImageAnimationArabic 2.5s steps(25) .35s forwards
}

.m-blockquote {
    --blockquote-asset-size: 60px;
    --blockquote-asset-margin: 30px;
    font-family: var(--font-base);
    margin: 40px 0 30px;
    padding: 0;
    position: relative
}

.m-blockquote__asset {
    --icon-fill: var(--component-highlight-color);
    --icon-size: var(--blockquote-asset-size);
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--blockquote-asset-size);
    justify-content: center;
    margin: 0 auto var(--blockquote-asset-margin);
    position: relative;
    text-align: center;
    width: 100%
}

.m-blockquote__asset.-image .a-image {
    height: auto
}

.m-blockquote__asset.-image .a-image__img {
    height: 100%;
    margin: auto;
    max-height: var(--blockquote-asset-size);
    width: auto
}

.m-blockquote__asset.-photo {
    --blockquote-asset-size: 60px;
    border-radius: var(--blockquote-asset-size);
    overflow: hidden;
    width: var(--blockquote-asset-size)
}

.m-blockquote .a-eyebrow {
    --eyebrow-text-color: var(--component-highlight-color);
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.m-blockquote__quote {
    margin: 0 0 1em
}

.m-blockquote__quote.-size-small {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-blockquote__quote.-size-small {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-blockquote__quote.-size-medium {
    font-family: var(--type-body-medium-font-family);
    font-size: var(--type-body-medium-font-size);
    font-weight: var(--type-body-medium-font-weight);
    letter-spacing: var(--type-body-medium-letter-spacing);
    line-height: var(--type-body-medium-line-height);
    text-transform: var(--type-body-medium-text-transform)
}

[lang=ar] .m-blockquote__quote.-size-medium {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

.m-blockquote__quote.-size-large {
    font-family: var(--type-body-large-font-family);
    font-size: var(--type-body-large-font-size);
    font-weight: var(--type-body-large-font-weight);
    letter-spacing: var(--type-body-large-letter-spacing);
    line-height: var(--type-body-large-line-height);
    text-transform: var(--type-body-large-text-transform)
}

[lang=ar] .m-blockquote__quote.-size-large {
    font-size: var(--type-body-large-ar-font-size);
    letter-spacing: var(--type-body-large-ar-letter-spacing);
    line-height: var(--type-body-large-ar-line-height)
}

.m-blockquote__cite {
    font-style: normal
}

.m-blockquote__author {
    font-family: var(--type-body-medium-font-family);
    font-size: var(--type-body-medium-font-size);
    font-weight: var(--type-body-medium-font-weight);
    font-weight: 400;
    letter-spacing: var(--type-body-medium-letter-spacing);
    line-height: var(--type-body-medium-line-height);
    line-height: 1.66;
    text-transform: var(--type-body-medium-text-transform)
}

[lang=ar] .m-blockquote__author {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

.m-blockquote__role {
    color: var(--blockquote-color-highlight,var(--color-black-75));
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    font-weight: 100;
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    line-height: 1.66;
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-blockquote__role {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-blockquote__prefix {
    color: var(--color-black-50);
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-blockquote__prefix {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-blockquote.-generic .m-blockquote__quote,.m-blockquote.-royalAnnouncement .m-blockquote__quote {
    font-family: var(--type-body-xlarge-font-family);
    font-size: var(--type-body-xlarge-font-size);
    font-weight: var(--type-body-xlarge-font-weight);
    letter-spacing: var(--type-body-xlarge-letter-spacing);
    line-height: var(--type-body-xlarge-line-height);
    text-transform: var(--type-body-xlarge-text-transform)
}

[lang=ar] .m-blockquote.-generic .m-blockquote__quote,[lang=ar] .m-blockquote.-royalAnnouncement .m-blockquote__quote {
    font-size: var(--type-body-xlarge-ar-font-size);
    letter-spacing: var(--type-body-xlarge-ar-letter-spacing);
    line-height: var(--type-body-xlarge-ar-line-height)
}

.m-blockquote.-generic .m-blockquote__quote.-small,.m-blockquote.-royalAnnouncement .m-blockquote__quote.-small {
    font-family: var(--type-body-medium-font-family);
    font-size: var(--type-body-medium-font-size);
    font-weight: var(--type-body-medium-font-weight);
    letter-spacing: var(--type-body-medium-letter-spacing);
    line-height: var(--type-body-medium-line-height);
    text-transform: var(--type-body-medium-text-transform)
}

[lang=ar] .m-blockquote.-generic .m-blockquote__quote.-small,[lang=ar] .m-blockquote.-royalAnnouncement .m-blockquote__quote.-small {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

.m-blockquote.-generic .m-blockquote__author,.m-blockquote.-royalAnnouncement .m-blockquote__author {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    font-weight: 400;
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-blockquote.-generic .m-blockquote__author,[lang=ar] .m-blockquote.-royalAnnouncement .m-blockquote__author {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-blockquote.-testimonial {
    font-weight: 400;
    margin: 0 auto;
    max-width: 640px;
    padding: 30px;
    text-align: center
}

.m-blockquote.-testimonial .m-blockquote__author,.m-blockquote.-testimonial .m-blockquote__quote,.m-blockquote.-testimonial .m-blockquote__role {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-blockquote.-testimonial .m-blockquote__author,[lang=ar] .m-blockquote.-testimonial .m-blockquote__quote,[lang=ar] .m-blockquote.-testimonial .m-blockquote__role {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-blockquote.-testimonial .m-blockquote__quote,.m-blockquote.-testimonial .m-blockquote__role {
    color: var(--component-text-color)
}

.m-blockquote.-testimonial .m-blockquote__quote {
    margin: 20px auto
}

.m-blockquote.-testimonial .m-blockquote__author {
    color: var(--component-highlight-color)
}

@media(min-width: 768px) {
    .m-blockquote {
        --blockquote-asset-size:80px;
        --blockquote-asset-margin: 40px
    }

    .m-blockquote__asset.-photo {
        --blockquote-asset-size: 120px
    }
}

@media(min-width: 1240px) {
    .m-blockquote {
        margin:0 0 30px
    }
}

.a-stepIndicator {
    --step-indicator-size: 30px;
    --step-label-color: var(--color-white);
    display: inline-block;
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    font-weight: 100;
    height: var(--step-indicator-size);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: var(--step-indicator-size)
}

[lang=ar] .a-stepIndicator {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

[dir=rtl] .a-stepIndicator {
    font-size: 16px
}

.a-stepIndicator__label {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: var(--step-label-color);
    font-family: var(--type-capsCopy-xsmall-font-family);
    font-size: var(--type-capsCopy-xsmall-font-size);
    font-weight: var(--type-capsCopy-xsmall-font-weight);
    letter-spacing: var(--type-capsCopy-xsmall-letter-spacing);
    line-height: var(--type-capsCopy-xsmall-line-height);
    position: absolute;
    text-align: center;
    text-transform: var(--type-capsCopy-xsmall-text-transform);
    -webkit-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease
}

.a-stepIndicator__index,.a-stepIndicator__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.a-stepIndicator__index {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-white);
    border: 1.5px solid var(--step-indicator-border-color);
    border-radius: 50%;
    color: var(--step-indicator-color);
    font-weight: 400;
    height: var(--step-indicator-size);
    justify-content: center;
    line-height: var(--step-indicator-size);
    position: relative;
    width: var(--step-indicator-size);
    z-index: 2
}

.a-stepIndicator.-isActive,.a-stepIndicator.-isPassed {
    --step-indicator-border-color: var(--color-gold);
    --step-indicator-color: var(--color-black)
}

.a-stepIndicator.-regionSlider {
    --step-indicator-size: 15px;
    --step-indicator-border-color: var(--color-gold)
}

.a-stepIndicator.-regionSlider .a-stepIndicator__index {
    --step-indicator-color: var(--color-white)
}

.a-stepIndicator.-regionSlider.-isActive {
    --step-indicator-size: 35px
}

.a-stepIndicator.-regionSlider.-isActive .a-stepIndicator__index {
    --step-indicator-color: var(--color-black)
}

@media(min-width: 1240px) {
    .a-stepIndicator.-regionSlider {
        --step-indicator-size:18px
    }

    .a-stepIndicator.-regionSlider.-isActive {
        --step-indicator-size: 45px
    }
}

.m-tooltip {
    background: var(--color-white);
    border-radius: 8px;
    bottom: 150%;
    -webkit-box-shadow: 0 16px 24px rgba(0,0,0,.12);
    box-shadow: 0 16px 24px rgba(0,0,0,.12);
    left: 50%;
    opacity: 0;
    padding: 30px 20px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: left 0ms,opacity 1.2s cubic-bezier(.19,1,.22,1),visibility 1.2s cubic-bezier(.19,1,.22,1);
    -o-transition: left 0ms,opacity 1.2s cubic-bezier(.19,1,.22,1),visibility 1.2s cubic-bezier(.19,1,.22,1);
    transition: left 0ms,opacity 1.2s cubic-bezier(.19,1,.22,1),visibility 1.2s cubic-bezier(.19,1,.22,1);
    visibility: hidden;
    width: 260px;
    z-index: 3
}

.m-tooltip__arrow {
    border-color: var(--color-white) transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%
}

.m-tooltip.-isStatic {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative
}

.m-tooltip.-isStatic__arrow {
    display: none
}

@media(min-width: 1024px) {
    .m-tooltip.-isOpen {
        opacity:1;
        visibility: visible
    }
}

.m-tooltipTransparent {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background: var(--color-white);
    border-radius: 8px;
    bottom: 170%;
    -webkit-box-shadow: 0 16px 24px rgba(0,0,0,.12);
    box-shadow: 0 16px 24px rgba(0,0,0,.12);
    color: var(--color-white);
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    left: 60%;
    line-height: 17.76px;
    opacity: 0;
    padding: 20px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: left 0ms,opacity 1.2s cubic-bezier(.19,1,.22,1),visibility 1.2s cubic-bezier(.19,1,.22,1);
    -o-transition: left 0ms,opacity 1.2s cubic-bezier(.19,1,.22,1),visibility 1.2s cubic-bezier(.19,1,.22,1);
    transition: left 0ms,opacity 1.2s cubic-bezier(.19,1,.22,1),visibility 1.2s cubic-bezier(.19,1,.22,1);
    visibility: hidden;
    width: auto;
    z-index: 3
}

.m-tooltipTransparent__logoContainer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.m-tooltipTransparent__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    padding-left: 40px;
    text-align: center;
    width: auto
}

.m-tooltipTransparent__row .a-eyebrow {
    color: var(--color-white);
    font-size: 12px;
    font-weight: 400;
    line-height: 17.76px;
    text-align: start;
    width: 139.19px
}

.m-tooltipTransparent__row .a-icon {
    height: 71px;
    width: 71px
}

.m-tooltipTransparent__row__arrow {
    border-color: var(--color-white) transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%
}

.m-tooltipTransparent__row__withoutArrow {
    display: none
}

.m-tooltipTransparent__row.-transparent {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.m-tooltipTransparent__row.-isStatic {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative
}

.m-tooltipTransparent__row.-isStatic__arrow {
    display: none
}

@media(min-width: 1024px) {
    .m-tooltipTransparent__row.-isOpen {
        opacity:1;
        visibility: visible
    }
}

.m-tooltipTransparent__textContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 19px;
    padding-top: 20px;
    text-align: start;
    width: 100%
}

.m-tooltipTransparent__textContainer .m-button .a-label {
    color: var(--color-white);
    font-size: 10px;
    font-weight: 300;
    line-height: 14.8px;
    position: relative;
    text-align: start;
    width: auto
}

.m-tooltipTransparent__textContainer .m-button .a-icon {
    color: var(--color-white);
    font-size: 10px;
    font-weight: 300;
    height: auto;
    line-height: 14.8px;
    width: 10px
}

.m-toggleButton {
    --toggle-button-icon-color: var(--color-accent);
    --toggle-button-text-color: var(--color-gold);
    --icon-size: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    color: var(--toggle-button-text-color);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    overflow: visible;
    padding: 0
}

.m-toggleButton__chevron {
    -webkit-box-flex: 0;
    -webkit-margin-start: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--toggle-button-icon-color);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px;
    margin-inline-start:16px;padding: 12px;
    position: relative;
    width: 40px
}

.m-toggleButton .a-icon {
    display: block;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform .3s cubic-bezier(.19,1,.22,1);
    -o-transition: transform .3s cubic-bezier(.19,1,.22,1);
    transition: transform .3s cubic-bezier(.19,1,.22,1);
    transition: transform .3s cubic-bezier(.19,1,.22,1),-webkit-transform .3s cubic-bezier(.19,1,.22,1)
}

.-isExpanded .m-toggleButton .a-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.m-toggleButton .a-icon:before {
    background: var(--color-white-10a);
    border-radius: 50%;
    content: "";
    display: block;
    height: 75%;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: opacity .3s cubic-bezier(.19,1,.22,1);
    -o-transition: opacity .3s cubic-bezier(.19,1,.22,1);
    transition: opacity .3s cubic-bezier(.19,1,.22,1);
    width: 75%
}

@media(hover: hover) {
    .m-toggleButton:hover .a-icon:before {
        opacity:1
    }
}

.m-toggleButton.-accordion {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--type-overline-medium-font-family);
    font-size: var(--type-overline-medium-font-size);
    font-weight: var(--type-overline-medium-font-weight);
    justify-content: space-between;
    letter-spacing: var(--type-overline-medium-letter-spacing);
    line-height: var(--type-overline-medium-line-height);
    min-height: 120px;
    padding: 0 var(--collapsible-item-padding-inline);
    text-align: start;
    text-transform: var(--type-overline-medium-text-transform);
    width: 100%
}

.m-toggleButton.-accordion .m-toggleButton__chevron {
    -webkit-margin-start: var(--collapsible-item-padding-block);
    margin-inline-start:var(--collapsible-item-padding-block)}

.m-highlightItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    justify-content: center;
    margin: 0 auto;
    max-width: 310px;
    text-align: center;
    width: 100%
}

.m-highlightItem .m-link {
    border-bottom: 1px solid var(--color-dark-gold);
    color: var(--color-dark-gold)
}

.m-highlightItem .a-image {
    height: 80px;
    margin: 0 0 30px;
    position: relative;
    width: 80px
}

.m-highlightItem .a-image:before {
    content: "";
    display: block;
    padding-top: 100%
}

.m-highlightItem .a-image img {
    -o-object-fit: contain;
    object-fit: contain
}

.m-highlightItem__title {
    margin: 0 0 10px
}

.m-highlightItem__title.-small {
    font-family: var(--type-overline-small-font-family);
    font-size: var(--type-overline-small-font-size);
    font-weight: var(--type-overline-small-font-weight);
    letter-spacing: var(--type-overline-small-letter-spacing);
    line-height: var(--type-overline-small-line-height);
    text-transform: var(--type-overline-small-text-transform)
}

.m-highlightItem__title.-medium {
    font-family: var(--type-overline-medium-font-family);
    font-size: var(--type-overline-medium-font-size);
    font-weight: var(--type-overline-medium-font-weight);
    letter-spacing: var(--type-overline-medium-letter-spacing);
    line-height: var(--type-overline-medium-line-height);
    text-transform: var(--type-overline-medium-text-transform)
}

.m-highlightItem__title.-large {
    font-family: var(--type-overline-large-font-family);
    font-size: var(--type-overline-large-font-size);
    font-weight: var(--type-overline-large-font-weight);
    letter-spacing: var(--type-overline-large-letter-spacing);
    line-height: var(--type-overline-large-line-height);
    text-transform: var(--type-overline-large-text-transform)
}

.m-highlightItem__description.-small {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-highlightItem__description.-small {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-highlightItem__description.-medium {
    font-family: var(--type-body-medium-font-family);
    font-size: var(--type-body-medium-font-size);
    font-weight: var(--type-body-medium-font-weight);
    letter-spacing: var(--type-body-medium-letter-spacing);
    line-height: var(--type-body-medium-line-height);
    text-transform: var(--type-body-medium-text-transform)
}

[lang=ar] .m-highlightItem__description.-medium {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

.m-highlightItem__description.-large {
    font-family: var(--type-body-large-font-family);
    font-size: var(--type-body-large-font-size);
    font-weight: var(--type-body-large-font-weight);
    letter-spacing: var(--type-body-large-letter-spacing);
    line-height: var(--type-body-large-line-height);
    text-transform: var(--type-body-large-text-transform)
}

[lang=ar] .m-highlightItem__description.-large {
    font-size: var(--type-body-large-ar-font-size);
    letter-spacing: var(--type-body-large-ar-letter-spacing);
    line-height: var(--type-body-large-ar-line-height)
}

@media(min-width: 768px) {
    .m-highlightItem__title {
        margin:0 0 20px
    }
}

.m-link {
    --icon-size: 15px;
    --icon-fill: var(--link-icon-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--link-text-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.m-link .a-label {
    -webkit-transform: translateY(-.25ex);
    -ms-transform: translateY(-.25ex);
    transform: translateY(-.25ex)
}

.m-link .a-icon,.m-link .a-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.m-link .a-icon {
    -webkit-margin-start: 1ex;
    margin-inline-start:1ex;-webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

[dir=rtl] .m-link .a-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.m-link.-footerLink .a-label {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media(hover: hover) {
    .m-link.-marginaliaLink:hover {
        text-decoration:underline
    }

    .m-link:hover {
        --link-text-color: var(--color-accent);
        --link-icon-color: var(--color-accent)
    }
}

.m-link.-small {
    --icon-size: 16px
}

.m-link.-small .a-label {
    -webkit-transform: translateY(-.225ex);
    -ms-transform: translateY(-.225ex);
    transform: translateY(-.225ex)
}

.m-list__items {
    margin: 0;
    padding: 0 1.5em
}

.m-list.-definitions .m-list__items {
    list-style-position: inside;
    padding: 0
}

.m-list__item {
    margin: 0 0 19px
}

.m-list__item::marker {
    color: var(--component-highlight-color);
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    font-weight: 400;
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-list__item::marker {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-list__title {
    display: inline-block;
    font-family: var(--type-overline-medium-font-family);
    font-size: var(--type-overline-medium-font-size);
    font-weight: var(--type-overline-medium-font-weight);
    letter-spacing: var(--type-overline-medium-letter-spacing);
    line-height: var(--type-overline-medium-line-height);
    text-transform: var(--type-overline-medium-text-transform)
}

.m-list__title+.m-list__copy {
    margin: 10px 0 0
}

.m-list .a-heading+.m-list__description {
    -webkit-margin-before: 40px;
    margin-block-start:40px}

.m-figure {
    display: block;
    margin: 0;
    max-width: var(--image-max-width,100%);
    padding: 0;
    width: 100%
}

.m-figure.-circle .m-figure__image,.m-figure.-square .m-figure__image,.m-figure__image {
    position: relative
}

.m-figure.-circle .m-figure__image:before,.m-figure.-square .m-figure__image:before {
    content: "";
    display: block;
    padding-top: 100%
}

.m-figure.-landscape .m-figure__image {
    position: relative
}

.m-figure.-landscape .m-figure__image:before {
    content: "";
    display: block;
    padding-top: 66.6666666667%
}

.m-figure.-portrait .m-figure__image {
    position: relative
}

.m-figure.-portrait .m-figure__image:before {
    content: "";
    display: block;
    padding-top: 125%
}

.m-figure.-widescreen .m-figure__image {
    position: relative
}

.m-figure.-widescreen .m-figure__image:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.m-figure.-roundCorner .m-figure__image {
    position: relative
}

.m-figure.-roundCorner .m-figure__image:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.m-figure.-roundCorner .m-figure__image .a-image {
    border-radius: 8px
}

@media(min-width: 768px) {
    .m-figure.-roundCorner .m-figure__image .a-image {
        border-radius:16px
    }
}

@media(min-width: 1024px) {
    .-assetPull .m-figure.-roundCorner .m-figure__image .a-image {
        border-end-end-radius:0;
        border-start-end-radius: 0
    }

    .-assetPull.-assetFirst .m-figure.-roundCorner .m-figure__image .a-image {
        border-end-end-radius: 16px;
        border-end-start-radius: 0;
        border-start-end-radius: 16px;
        border-start-start-radius: 0
    }
}

@media screen and (min-width: 1781px) {
    .-assetPull .m-figure.-roundCorner .m-figure__image .a-image {
        border-end-end-radius:16px;
        border-start-end-radius: 16px
    }

    .-assetPull.-assetFirst .m-figure.-roundCorner .m-figure__image .a-image {
        border-end-start-radius: 16px;
        border-start-start-radius: 16px
    }
}

.m-figure.-circle .m-figure__image {
    border-radius: 50%;
    overflow: hidden
}

.b-countdown {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-black) url(../../../etc.clientlibs/neom/clientlibs/clientlib-site/resources/asset/image/background-countdown.7b7a18a..jpg) center/cover;
    color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(var(--vh)*100);
    overflow: hidden;
    position: relative;
    width: 100%
}

@supports(height: 1svh) {
    .b-countdown {
        height:calc(1svh*100)
    }
}

[data-editor=true] .b-countdown {
    height: 800px
}

.b-countdown:before {
    background: -o-linear-gradient(89deg,rgba(0,0,0,.8) 0,transparent 60%);
    background: linear-gradient(1deg,rgba(0,0,0,.8),transparent 60%)
}

.b-countdown:after,.b-countdown:before {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.b-countdown:after {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),color-stop(65%,transparent));
    background: -o-linear-gradient(top,rgba(0,0,0,.8) 0,transparent 65%);
    background: linear-gradient(180deg,rgba(0,0,0,.8),transparent 65%)
}

.b-countdown__logoContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.b-countdown__counterContainer {
    height: auto;
    width: 90%
}

.b-countdown__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    max-width: 90%;
    padding: 50px 10px 30px;
    z-index: 1
}

.b-countdown__container,.b-countdown__countdown {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.b-countdown__countdown {
    grid-gap: var(--grid-gap);
    display: grid;
    font-family: var(--type-exception-countdownNumbers-font-family);
    font-size: var(--type-exception-countdownNumbers-font-size);
    font-weight: var(--type-exception-countdownNumbers-font-weight);
    grid-template-columns: repeat(4,minmax(0,1fr));
    letter-spacing: var(--type-exception-countdownNumbers-letter-spacing);
    line-height: var(--type-exception-countdownNumbers-line-height);
    line-height: 1;
    margin-bottom: 130px;
    text-transform: var(--type-exception-countdownNumbers-text-transform)
}

.b-countdown__digits {
    line-height: 1;
    position: relative;
    text-align: center;
    width: 100%
}

.b-countdown__digits:after {
    content: ":";
    display: block;
    font-family: var(--type-exception-countdownColon-font-family);
    font-size: var(--type-exception-countdownColon-font-size);
    font-weight: var(--type-exception-countdownColon-font-weight);
    left: 100%;
    letter-spacing: var(--type-exception-countdownColon-letter-spacing);
    line-height: var(--type-exception-countdownColon-line-height);
    position: absolute;
    text-align: center;
    text-transform: var(--type-exception-countdownColon-text-transform);
    top: 0;
    -webkit-transform: translateX(-.0675em);
    -ms-transform: translateX(-.0675em);
    transform: translateX(-.0675em);
    width: 20px
}

.b-countdown__number {
    -ms-flex-preferred-size: 25%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 25%;
    justify-content: center;
    margin: 0 auto;
    min-width: 1.3em;
    position: relative;
    width: 100%
}

.b-countdown__number:last-child .b-countdown__digits:after {
    content: normal
}

.b-countdown__label {
    bottom: -30px;
    color: var(--color-black-10);
    font-family: var(--type-overline-medium-font-family);
    font-size: var(--type-overline-medium-font-size);
    font-weight: var(--type-overline-medium-font-weight);
    left: 50%;
    letter-spacing: var(--type-overline-medium-letter-spacing);
    line-height: var(--type-overline-medium-line-height);
    position: absolute;
    text-transform: var(--type-overline-medium-text-transform);
    text-transform: uppercase;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.b-countdown__logo {
    height: 120px;
    width: 93px
}

.b-countdown__copy {
    text-align: center;
    text-transform: uppercase
}

.b-countdown__copy.-intro {
    font-family: var(--type-overline-large-font-family);
    font-size: var(--type-overline-large-font-size);
    font-weight: var(--type-overline-large-font-weight);
    letter-spacing: var(--type-overline-large-letter-spacing);
    line-height: var(--type-overline-large-line-height);
    text-transform: var(--type-overline-large-text-transform)
}

.b-countdown__copy.-place {
    font-family: var(--type-heading-h4-font-family);
    font-size: var(--type-heading-h4-font-size);
    font-weight: var(--type-heading-h4-font-weight);
    letter-spacing: var(--type-heading-h4-letter-spacing);
    line-height: var(--type-heading-h4-line-height);
    margin: 20px 0;
    text-transform: var(--type-heading-h4-text-transform)
}

.b-countdown__copy.-date {
    font-family: var(--type-overline-medium-font-family);
    font-size: var(--type-overline-medium-font-size);
    font-weight: var(--type-overline-medium-font-weight);
    letter-spacing: var(--type-overline-medium-letter-spacing);
    line-height: var(--type-overline-medium-line-height);
    text-transform: var(--type-overline-medium-text-transform)
}

@media(max-width: 320px) {
    .b-countdown__container {
        max-width:unset
    }

    .b-countdown__label {
        font-size: 11px
    }
}

@media(max-width: 479px) {
    .b-countdown__countdown {
        margin-bottom:40px
    }

    .b-countdown__label {
        font-family: var(--type-overline-small-font-family);
        font-size: var(--type-overline-small-font-size);
        font-weight: var(--type-overline-small-font-weight);
        letter-spacing: var(--type-overline-small-letter-spacing);
        line-height: var(--type-overline-small-line-height);
        text-transform: var(--type-overline-small-text-transform)
    }

    .b-countdown__counterContainer {
        height: auto;
        width: 100%
    }
}

@media(max-width: 768px)and (orientation:landscape) {
    .b-countdown {
        height:100%;
        padding: 50px 0
    }
}

@media(min-width: 768px) {
    .b-countdown__separation {
        margin:auto 30px
    }

    .b-countdown__label {
        bottom: -40px
    }
}

@media(min-width: 1024px) {
    .b-countdown__container {
        max-width:1440px;
        padding: 80px 20px 92px
    }

    .b-countdown__countdown {
        margin-bottom: 72px
    }

    .b-countdown__copy.-heading {
        margin: 25px 0 20px
    }
}

.m-social {
    --icon-size: 24px;
    --social-item-gap: var(--icon-size)
}

.m-social__items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    max-width: inherit;
    padding: 0
}

@media(max-width: 479px) {
    .m-social__items {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 20px
    }
}

.m-social__item {
    color: var(--component-highlight-color,var(--color-dark-accent));
    height: var(--icon-size);
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    width: var(--icon-size)
}

@media(hover: hover) {
    .m-social__item:hover {
        color:var(--component-highlight-color-hover,var(--color-accent))
    }
}

.m-social__item:not(:first-child) {
    -webkit-margin-start: var(--social-item-gap);
    margin-inline-start:var(--social-item-gap)}

@media(min-width: 1024px) {
    .m-social {
        --social-item-gap:calc(var(--icon-size)*1.25)
    }
}

.o-sliderControls {
    grid-gap: var(--grid-gap);
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    width: 140px
}

.o-sliderControls .m-button.-isDisabled {
    --button-background-color: var(--button-background-color-disabled,transparent);
    --button-border-color: var(--color-black-10a);
    --button-text-color: var(--color-black-20a);
    pointer-events: none
}

@media(hover: hover) {
    .o-sliderControls .m-button.-isDisabled .m-button__container:hover {
        --button-background-color:var(--button-background-color-disabled,transparent);
        --button-border-color: var(--color-black-10a);
        --button-text-color: var(--color-black-20a)
    }
}

.o-sliderControls.t-darkMono .o-sliderControls.t-dark .o-sliderControls .m-button.-isDisabled {
    --button-border-color: var(--color-white-10a);
    --button-text-color: var(--color-white-20a)
}

.o-sliderControls.t-dark {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-accent-hover);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-white)
}

.o-sliderControls.t-darkMono {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.o-sliderControls.t-light {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-dark-accent);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-black)
}

.o-sliderControls.t-lightMono {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-black)
}

.o-sliderControls.t-darkGreen {
    --component-background-color: var(--color-dark-green);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.o-sliderControls.t-orange {
    --color-accent: var(--color-orange);
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-orange);
    --component-highlight-color: var(--color-orange);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .o-sliderControls.t-dark,html[data-theme=oxagon] .o-sliderControls.t-darkMono {
    --component-background-color: var(--color-dark-blue);
    --component-background-gradient: var(--color-gradient-dark-blue)
}

html[data-theme=oxagon] .o-sliderControls.t-darkOxagonBlue {
    --component-background-color: var(--color-dark-accent);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .o-sliderControls.t-lightOxagonBlue {
    --component-background-color: var(--color-accent);
    --component-text-color: var(--color-white);
    --component-highlight-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-heading-color: var(--component-text-color)
}

.o-sliderControls.t-dark .m-button.-white.-secondary {
    --button-border-color: var(--component-text-color)
}

.o-sliderControls.t-dark .m-button.-white.-secondary.-isDisabled {
    --button-border-color: transparent
}

@media(min-width: 480px) {
    .a-moustache.-large {
        font-size:10px!important
    }
}

@media(min-width: 768px) {
    .a-moustache.-large {
        font-size:12px!important
    }
}

@media(min-width: 1024px)and (orientation:landscape) {
    .a-moustache.-large {
        font-size:16px!important
    }
}

@media(min-width: 1024px) {
    .a-moustache.-large {
        font-size:15px!important
    }
}

@media(min-width: 1240px) {
    .a-moustache.-large {
        font-size:14px!important
    }
}

@media(min-width: 1440px) {
    .a-moustache.-large {
        font-size:20px!important
    }
}

@media(min-width: 1600px) {
    .a-moustache.-large {
        font-size:26px!important
    }
}

@media(min-width: 768px) {
    .o-dynamicCarousel .a-pageIndicators {
        display:none
    }
}

.b-siteIndex {
    --content-row-gap: 30px;
    --section-heading-margin: 30px;
    --section-padding: 50px;
    --column-heading-margin: 0;
    --column-row-gap: 30px;
    --subcolumn-row-gap: 30px;
    --subcolumn-margin: 0;
    padding: var(--component-block-padding,var(--container-margin)) 0;
    position: relative
}

.b-siteIndex * {
    list-style: none
}

.b-siteIndex__container {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: var(--container-margin);
    -webkit-padding-end: var(--container-margin);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-inline-end:auto;margin-inline-start:auto;max-width: var(--containerMaxWidth);
    padding-inline-end:var(--container-margin);padding-inline-start: var(--container-margin)
}

.b-siteIndex__container>.a-heading {
    text-decoration: underline
}

.b-siteIndex__section {
    padding: var(--section-padding) 0
}

.b-siteIndex__section:not(:last-child) {
    border-bottom: 1px solid var(--color-black-10)
}

.b-siteIndex__sectionHeading {
    font-size: unset;
    margin-bottom: var(--section-heading-margin)
}

.b-siteIndex__sectionHeading .m-link .a-label {
    color: var(--color-dark-accent);
    font-family: var(--type-heading-h6-font-family);
    font-size: var(--type-heading-h6-font-size);
    font-weight: var(--type-heading-h6-font-weight);
    letter-spacing: var(--type-heading-h6-letter-spacing);
    line-height: var(--type-heading-h6-line-height);
    text-transform: var(--type-heading-h6-text-transform)
}

.b-siteIndex__sectionContent {
    -webkit-column-gap: var(--grid-gap);
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(max(20%,250px),1fr));
    row-gap: var(--content-row-gap)
}

.b-siteIndex__sectionColumn {
    display: grid;
    row-gap: var(--column-row-gap)
}

@media(min-width: 768px) {
    .b-siteIndex__sectionColumn {
        grid-auto-rows:minmax(25px,-webkit-max-content);
        grid-auto-rows: minmax(25px,max-content)
    }

    .b-siteIndex__sectionColumn.-noHeading:before {
        content: "";
        display: block;
        position: static
    }
}

.b-siteIndex__sectionSubcolumn {
    -webkit-padding-start: 20px;
    -webkit-border-start: 1px solid currentColor;
    border-inline-start:1px solid currentColor;margin: var(--subcolumn-margin) 0;
    padding-inline-start:20px}

.b-siteIndex__sectionSubcolumn .b-siteIndex__sectionItem {
    margin-top: var(--subcolumn-row-gap)
}

.b-siteIndex__sectionItem .m-link .a-label {
    -webkit-box-flex: 1;
    color: var(--color-black-75);
    -ms-flex: auto;
    flex: auto;
    font-family: var(--type-overline-medium-font-family);
    font-size: var(--type-overline-medium-font-size);
    font-weight: var(--type-overline-medium-font-weight);
    font-weight: 300;
    letter-spacing: var(--type-overline-medium-letter-spacing);
    line-height: var(--type-overline-medium-line-height);
    text-decoration: underline;
    text-transform: var(--type-overline-medium-text-transform);
    text-transform: none
}

.b-siteIndex__sectionItem .m-link .a-label.-heading {
    font-family: var(--type-button-large-font-family);
    font-size: var(--type-button-large-font-size);
    font-weight: var(--type-button-large-font-weight);
    letter-spacing: var(--type-button-large-letter-spacing);
    line-height: var(--type-button-large-line-height);
    margin-bottom: var(--column-heading-margin);
    text-transform: var(--type-button-large-text-transform)
}

@media(min-width: 768px) {
    .b-siteIndex {
        --content-row-gap:50px;
        --section-heading-margin: 20px;
        --section-padding: 60px;
        --column-heading-margin: 10px;
        --column-row-gap: 10px;
        --subcolumn-row-gap: 10px;
        --subcolumn-margin: 10px
    }
}

.m-sliderPagination {
    --pagination-bar-color: var(--component-text-color);
    --pagination-bar-color-hover: var(--component-highlight-color);
    --pagination-bar-color-active: var(--component-highlight-color);
    --pagination-bar-color-passed: var(--component-highlight-color);
    color: var(--component-text-color)
}

.m-sliderPagination__timedPagination {
    bottom: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    left: 0;
    list-style-type: none;
    padding: 0 20px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.m-sliderPagination__title {
    color: var(--text-color);
    cursor: default;
    display: block;
    padding: 15px 0;
    text-align: start;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: color .3s ease,-webkit-transform .2s ease;
    transition: color .3s ease,-webkit-transform .2s ease;
    -o-transition: color .3s ease,transform .2s ease;
    transition: color .3s ease,transform .2s ease;
    transition: color .3s ease,transform .2s ease,-webkit-transform .2s ease
}

[dir=rtl] .m-sliderPagination__title {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.m-sliderPagination__paginationBar {
    background-color: currentColor;
    color: var(--pagination-bar-color);
    height: 2px;
    position: relative;
    -webkit-transition: background-color .3s ease,color .3s ease;
    -o-transition: background-color .3s ease,color .3s ease;
    transition: background-color .3s ease,color .3s ease;
    width: 100%
}

@media(hover: hover) {
    .m-sliderPagination__paginationBar:hover {
        color:var(--pagination-bar-color-hover)
    }
}

.m-sliderPagination__paginationBar.-isActive {
    color: var(--pagination-bar-color-active);
    pointer-events: none
}

.m-sliderPagination.-contentWidth .m-sliderPagination__paginationBar {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.m-sliderPagination.-contentWidth .m-sliderPagination__timedPagination {
    padding: 0
}

.m-sliderPagination__paginationBarInner {
    background-color: var(--component-text-color);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    width: 100%
}

.m-sliderPagination__paginationBarInner.-isPassed {
    background-color: var(--paginination-color-passed);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

@media(min-width: 768px) {
    .m-sliderPagination.-contentWidth .m-sliderPagination__title {
        -webkit-padding-end:40px;
        padding-inline-end:40px}
}

@media(min-width: 1024px) {
    .m-sliderPagination__timedPagination {
        bottom:60px;
        gap: 15px;
        padding: 0 60px
    }

    .m-sliderPagination.-contentWidth .m-sliderPagination__timedPagination {
        padding: 0
    }
}

.b-highlightSlideshow {
    height: calc(var(--vh)*100);
    position: relative;
    width: 100%
}

@supports(height: 1svh) {
    .b-highlightSlideshow {
        height:calc(1svh*100)
    }
}

[data-editor=true] .b-highlightSlideshow {
    height: 800px
}

.b-highlightSlideshow .a-eyebrow,.b-highlightSlideshow .a-heading {
    text-align: start
}

.b-highlightSlideshow__pagination {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

.b-highlightSlideshow__pagination.-rounded .m-sliderPagination__timedPagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 16px;
    justify-content: center
}

.b-highlightSlideshow__pagination.-rounded .m-sliderPagination__paginationBar {
    --pagination-bar-color: var(--color-white-20a);
    --pagination-bar-color-active: var(--color-gold);
    border-radius: 50%;
    height: 6px;
    width: 6px
}

.b-highlightSlideshow__pagination.-rounded .m-sliderPagination__paginationBar .m-sliderPagination__paginationBarInner {
    display: none
}

.b-highlightSlideshow__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--color-black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 1
}

.b-highlightSlideshow__items {
    -webkit-backface-visibility: hidden;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0);
    width: 100%
}

.b-highlightSlideshow__controls {
    display: none
}

.b-highlightSlideshow__slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    -webkit-backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    position: absolute;
    -webkit-transform: translateZ(0);
    width: 100%
}

.b-highlightSlideshow:not(:has(.b-highlightSlideshow__pagination)) .b-highlightSlideshow__copy {
    padding-bottom: 40px
}

@media(min-width: 1024px) {
    .b-highlightSlideshow:not(:has(.b-highlightSlideshow__pagination)) .b-highlightSlideshow__copy {
        padding-bottom:60px
    }
}

.b-highlightSlideshow__copy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 20px 20px 60px;
    -webkit-transform: translateZ(0);
    width: 100%;
    z-index: 2
}

.b-highlightSlideshow__copy.-gradient {
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(50%,transparent),to(transparent));
    background: -o-linear-gradient(bottom,#000 0,transparent 50%,transparent 100%);
    background: linear-gradient(0deg,#000,transparent 50%,transparent)
}

.b-highlightSlideshow__copy.-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b-highlightSlideshow__copy.-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-highlightSlideshow__copy.-bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.b-highlightSlideshow__copy.-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.b-highlightSlideshow__copy.-start .a-eyebrow,.b-highlightSlideshow__copy.-start .a-heading {
    text-align: start
}

.b-highlightSlideshow__copy.-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-highlightSlideshow__copy.-center .a-eyebrow,.b-highlightSlideshow__copy.-center .a-heading {
    text-align: center
}

.b-highlightSlideshow__copy.-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.b-highlightSlideshow__copy.-end .a-eyebrow,.b-highlightSlideshow__copy.-end .a-heading {
    text-align: end
}

.b-highlightSlideshow__copyDescription {
    color: var(--color-white);
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    margin-top: 30px;
    text-transform: var(--type-body-small-text-transform);
    width: min(100%,640px)
}

[lang=ar] .b-highlightSlideshow__copyDescription {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.b-highlightSlideshow .m-componentHeader,.b-highlightSlideshow__slideEyebrow,.b-highlightSlideshow__slideTitle {
    color: var(--color-white)
}

.b-highlightSlideshow.t-dark {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-accent-hover);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-white)
}

.b-highlightSlideshow.t-darkMono {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.b-highlightSlideshow.t-light {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-dark-accent);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-black)
}

.b-highlightSlideshow.t-lightMono {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-black)
}

.b-highlightSlideshow.t-darkGreen {
    --component-background-color: var(--color-dark-green);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.b-highlightSlideshow.t-orange {
    --color-accent: var(--color-orange);
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-orange);
    --component-highlight-color: var(--color-orange);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .b-highlightSlideshow.t-dark,html[data-theme=oxagon] .b-highlightSlideshow.t-darkMono {
    --component-background-color: var(--color-dark-blue);
    --component-background-gradient: var(--color-gradient-dark-blue)
}

html[data-theme=oxagon] .b-highlightSlideshow.t-darkOxagonBlue {
    --component-background-color: var(--color-dark-accent);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .b-highlightSlideshow.t-lightOxagonBlue {
    --component-background-color: var(--color-accent);
    --component-text-color: var(--color-white);
    --component-highlight-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-heading-color: var(--component-text-color)
}

.b-highlightSlideshow.t-dark .m-sliderPagination,.b-highlightSlideshow.t-darkMono .m-sliderPagination {
    --pagination-bar-color-active: var(--color-white);
    --pagination-bar-color-hover: var(--color-white-50a);
    --pagination-bar-color: var(--color-white-50a);
    --pagination-bar-color-passed: var(--color-white)
}

.b-highlightSlideshow__buttons,.b-highlightSlideshow__logo,.b-highlightSlideshow__pagination .m-sliderPagination__title {
    display: none
}

.b-highlightSlideshow__pillars {
    height: 100%
}

.b-highlightSlideshow__pillars:not(:has(.b-highlightSlideshow__pagination)) .b-highlightSlideshow__copy {
    padding-bottom: 0
}

.b-highlightSlideshow__pillars.t-dark .b-highlightSlideshow__container,.b-highlightSlideshow__pillars.t-dark .b-highlightSlideshow__copy {
    background: var(--color-black)
}

.b-highlightSlideshow__pillars.t-dark .b-highlightSlideshow__copyDescription {
    color: hsla(0,0%,100%,.7)
}

.b-highlightSlideshow__pillars.t-dark .b-highlightSlideshow__buttons .m-button__container {
    background-color: var(--color-white)
}

.b-highlightSlideshow__pillars.t-dark .b-highlightSlideshow__buttons .m-button__container .a-label {
    color: var(--color-black)
}

.b-highlightSlideshow__pillars.t-dark .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__paginationBar {
    background-color: hsla(0,0%,100%,.3)
}

.b-highlightSlideshow__pillars.t-dark .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__paginationBarInner {
    background-color: var(--color-white)
}

.b-highlightSlideshow__pillars.t-dark .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__paginationBar:has(.-isActive) .m-sliderPagination__title .a-eyebrow {
    color: var(--color-white)
}

.b-highlightSlideshow__pillars.t-dark .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__title .a-eyebrow {
    color: hsla(0,0%,100%,.3)
}

.b-highlightSlideshow__pillars.t-darkMono .b-highlightSlideshow__copy {
    background: var(--color-black)
}

.b-highlightSlideshow__pillars.t-darkMono .b-highlightSlideshow__buttons .m-button__container {
    background-color: var(--color-white);
    color: var(--color-black)
}

.b-highlightSlideshow__pillars.t-darkMono .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__paginationBarInner {
    background-color: var(--color-white)
}

.b-highlightSlideshow__pillars.t-darkMono .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__paginationBar:has(.-isActive) .m-sliderPagination__title .a-eyebrow {
    color: var(--color-white)
}

.b-highlightSlideshow__pillars.t-light .b-highlightSlideshow__container,.b-highlightSlideshow__pillars.t-light .b-highlightSlideshow__copy {
    background: var(--color-page-background)
}

.b-highlightSlideshow__pillars.t-light .b-highlightSlideshow__copy .a-eyebrow {
    color: #946d00
}

.b-highlightSlideshow__pillars.t-light .b-highlightSlideshow__copyDescription {
    color: rgba(29,31,34,.7)
}

.b-highlightSlideshow__pillars.t-light .b-highlightSlideshow__buttons .m-button__container {
    background-color: var(--color-black)
}

.b-highlightSlideshow__pillars.t-light .b-highlightSlideshow__buttons .m-button__container .a-label {
    color: var(--color-white)
}

.b-highlightSlideshow__pillars.t-light .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__paginationBar {
    background-color: rgba(29,31,34,.3)
}

.b-highlightSlideshow__pillars.t-light .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__paginationBarInner {
    background-color: var(--color-black)
}

.b-highlightSlideshow__pillars.t-light .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__paginationBar:has(.-isActive) .m-sliderPagination__title .a-eyebrow {
    color: var(--color-black)
}

.b-highlightSlideshow__pillars.t-light .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__title .a-eyebrow {
    color: rgba(29,31,34,.3)
}

.b-highlightSlideshow__pillars:not(:has(.b-highlightSlideshow__pagination)) .b-highlightSlideshow__slide {
    padding-bottom: 40px
}

@media(min-width: 768px) {
    .b-highlightSlideshow__pillars:not(:has(.b-highlightSlideshow__pagination)) .b-highlightSlideshow__slide {
        padding-bottom:48px
    }
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars:not(:has(.b-highlightSlideshow__pagination)) .b-highlightSlideshow__slide {
        padding-bottom:70px
    }
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__items {
    margin-inline:auto;max-width: var(--containerMaxWidth)
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__slide {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: grid;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    grid-template-rows: auto 28.02vh 72px;
    justify-content: unset;
    padding-bottom: 74px;
    padding-top: 40px;
    padding-inline:20px;position: relative;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    -o-transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
    width: 100%;
    word-break: break-word
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__slide:not(.-activeSlide) {
    display: none
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__slide.-activeSlide {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__slide:first-child {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@media(min-width: 768px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__slide {
        grid-template-rows:auto 50.58vh 72px;
        padding-inline:48px;padding-bottom: 82px;
        padding-top: 48px
    }
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__slide {
        -webkit-column-gap:60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
        grid-template-columns: calc(31.08% - 30px) calc(68.92% - 30px);
        grid-template-rows: 1fr 84px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        padding-top: 70px;
        padding-inline:70px;padding-bottom: 181px
    }
}

@media(min-width: 1600px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__slide {
        grid-template-columns:calc(32.81% - 30px) calc(67.19% - 30px)
    }
}

@media(min-width: 1728px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__slide {
        grid-template-columns:calc(27.81% - 30px) calc(72.19% - 30px)
    }
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__slide:not(:has(.b-highlightSlideshow__buttons)) {
    grid-template-rows: auto 28.02vh
}

@media(min-width: 768px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__slide:not(:has(.b-highlightSlideshow__buttons)) {
        grid-template-rows:auto 50.58vh
    }
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__slide:not(:has(.b-highlightSlideshow__buttons)) {
        grid-template-rows:1fr 84px
    }

    .b-highlightSlideshow__pillars .b-highlightSlideshow__slide:not(:has(.b-highlightSlideshow__buttons)) .b-highlightSlideshow__copy {
        grid-row: 1/3
    }
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__images {
    align-self: flex-end;
    grid-row: 2/3;
    height: 100%;
    position: relative;
    width: 100%
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__images {
        align-self:flex-start;
        grid-column: 2/3;
        grid-row: 1/3
    }
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__images>.a-image {
    border-radius: 8px;
    height: 100%;
    position: relative
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__images>.a-image:after {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__images>.a-image {
        border-radius:16px;
        min-height: 65.9891vh
    }
}

@media(min-height: 1080px)and (min-width:1920px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__images>.a-image {
        min-height:712px
    }
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__logo {
    display: block;
    height: 73px;
    margin: 16px;
    position: absolute;
    top: 0;
    width: 63px
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__logo {
        margin:32px
    }
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy {
    grid-row: 1/2;
    padding: 0
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy .a-eyebrow {
    margin-bottom: 32px
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader {
    max-width: unset
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper {
    margin-bottom: 16px
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper .a-heading {
    font-size: 24px;
    letter-spacing: .2px;
    line-height: 36px
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper .a-heading.-h1 {
    font-family: var(--type-heading-h1-font-family);
    font-size: var(--type-heading-h1-font-size);
    font-weight: var(--type-heading-h1-font-weight);
    letter-spacing: var(--type-heading-h1-letter-spacing);
    line-height: var(--type-heading-h1-line-height);
    text-transform: var(--type-heading-h1-text-transform)
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper .a-heading.-h2 {
    font-family: var(--type-heading-h2-font-family);
    font-size: var(--type-heading-h2-font-size);
    font-weight: var(--type-heading-h2-font-weight);
    letter-spacing: var(--type-heading-h2-letter-spacing);
    line-height: var(--type-heading-h2-line-height);
    text-transform: var(--type-heading-h2-text-transform)
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper .a-heading.-h3 {
    font-family: var(--type-heading-h3-font-family);
    font-size: var(--type-heading-h3-font-size);
    font-weight: var(--type-heading-h3-font-weight);
    letter-spacing: var(--type-heading-h3-letter-spacing);
    line-height: var(--type-heading-h3-line-height);
    text-transform: var(--type-heading-h3-text-transform)
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper .a-heading.-h4 {
    font-family: var(--type-heading-h4-font-family);
    font-size: var(--type-heading-h4-font-size);
    font-weight: var(--type-heading-h4-font-weight);
    letter-spacing: var(--type-heading-h4-letter-spacing);
    line-height: var(--type-heading-h4-line-height);
    text-transform: var(--type-heading-h4-text-transform)
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper .a-heading.-h5 {
    font-family: var(--type-heading-h5-font-family);
    font-size: var(--type-heading-h5-font-size);
    font-weight: var(--type-heading-h5-font-weight);
    letter-spacing: var(--type-heading-h5-letter-spacing);
    line-height: var(--type-heading-h5-line-height);
    text-transform: var(--type-heading-h5-text-transform)
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper .a-heading.-h6 {
    font-family: var(--type-heading-h6-font-family);
    font-size: var(--type-heading-h6-font-size);
    font-weight: var(--type-heading-h6-font-weight);
    letter-spacing: var(--type-heading-h6-letter-spacing);
    line-height: var(--type-heading-h6-line-height);
    text-transform: var(--type-heading-h6-text-transform)
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper .a-heading.-h7 {
    font-family: var(--type-heading-h7-font-family);
    font-size: var(--type-heading-h7-font-size);
    font-weight: var(--type-heading-h7-font-weight);
    letter-spacing: var(--type-heading-h7-letter-spacing);
    line-height: var(--type-heading-h7-line-height);
    text-transform: var(--type-heading-h7-text-transform)
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__copyDescription {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 32px;
    margin-top: 0
}

@media(max-width: 1024px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__copy {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(min-width: 768px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__copy .a-eyebrow {
        font-size:16px;
        line-height: 19.2px
    }

    .b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper .a-heading {
        font-size: 24px;
        line-height: 36px
    }
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__copy {
        grid-column:1/2;
        grid-row: 1/2
    }

    .b-highlightSlideshow__pillars .b-highlightSlideshow__copy .a-eyebrow {
        font-size: 16px;
        line-height: 19.2px;
        margin-bottom: 40px
    }

    .b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper {
        margin-bottom: 24px
    }

    .b-highlightSlideshow__pillars .b-highlightSlideshow__copy .m-componentHeader__headingWrapper .a-heading {
        font-size: 32px;
        line-height: 38.08px
    }

    .b-highlightSlideshow__pillars .b-highlightSlideshow__copyDescription {
        font-size: 18px;
        line-height: 25.2px;
        margin-block:0}
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__buttons {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: 3/4;
    margin-top: 32px
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__buttons {
        align-self:flex-end;
        grid-column: 1/2;
        grid-row: 2/3;
        margin-top: 40px
    }
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__buttons .m-button {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%
}

@media(min-width: 768px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__buttons .m-button {
        width:unset
    }
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__buttons .m-button__container {
    border-radius: 30px;
    height: 40px
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__buttons .m-button__container:hover {
    background-color: var(--color-dark-gold)
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__buttons .m-button__container {
        border-radius:100px;
        height: 44px
    }
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__buttons .m-button__container .a-label {
    font-size: 12px;
    line-height: 24px
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__buttons .m-button__container .a-label {
        line-height:20px
    }
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__pagination:not(.-rounded) {
    margin-inline:auto;max-width: var(--containerMaxWidth)
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__paginationBar:hover {
    cursor: pointer
}

@media(min-width: 768px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__timedPagination {
        bottom:48px;
        padding-inline:48px}
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__timedPagination {
        bottom:109px;
        padding-inline:70px}
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__title:hover {
    cursor: pointer
}

@media(min-width: 1025px) {
    .b-highlightSlideshow__pillars .b-highlightSlideshow__pagination:not(.-rounded) .m-sliderPagination__title {
        display:block;
        padding-block:20px}
}

.b-highlightSlideshow__pillars .b-highlightSlideshow__controls {
    display: none
}

.b-highlightSlideshow__pillars.noRoundedCorners .b-highlightSlideshow__images>.a-image {
    border-radius: 0
}

@media(min-width: 1024px) {
    .b-highlightSlideshow__controls {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: center;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        z-index: 50
    }

    .b-highlightSlideshow__controls .o-sliderControls {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 0 60px;
        width: 100%
    }

    .b-highlightSlideshow__copy {
        padding: 60px 60px 100px
    }
}

.m-overlayBackground__overlayBackgrounds,.m-overlayBackground__wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.m-overlayBackground__wrapper {
    overflow: hidden
}

.m-overlayBackground__overlayBackground {
    background-repeat: repeat-x;
    background-size: 50%;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 500%
}

.m-overlayBackground__overlayBackground:first-child {
    top: -15%
}

.m-overlayBackground__overlayBackground:nth-child(2) {
    top: 58%
}

.m-overlayBackground__overlayBackground:nth-child(3) {
    top: 56%
}

.a-scale {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6px;
    justify-content: center;
    margin: 20px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: calc(50px*(var(--cell-count) + 1))
}

.a-scale__scaleCell {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(29,31,34,.314)),to(rgba(29,31,34,.314))),-webkit-gradient(linear,left top,left bottom,from(#1d1f22),to(#1d1f22)),-webkit-gradient(linear,left top,left bottom,from(#1d1f22),to(#1d1f22)),-webkit-gradient(linear,left top,left bottom,from(#1d1f22),to(#1d1f22)),-webkit-gradient(linear,left top,left bottom,from(#1d1f22),to(#1d1f22));
    background-image: -o-linear-gradient(rgba(29,31,34,.314),rgba(29,31,34,.314)),-o-linear-gradient(#1d1f22,#1d1f22),-o-linear-gradient(#1d1f22,#1d1f22),-o-linear-gradient(#1d1f22,#1d1f22),-o-linear-gradient(#1d1f22,#1d1f22);
    background-image: linear-gradient(rgba(29,31,34,.314),rgba(29,31,34,.314)),linear-gradient(#1d1f22,#1d1f22),linear-gradient(#1d1f22,#1d1f22),linear-gradient(#1d1f22,#1d1f22),linear-gradient(#1d1f22,#1d1f22);
    background-position: 0,20%,40%,60%,80%;
    background-repeat: no-repeat;
    background-size: 100% 1px,1px 5px,1px 5px,1px 5px,1px 5px;
    border-left: 1.5px solid var(--color-black);
    color: var(--color-black);
    font-family: var(--type-overline-large-font-family);
    font-size: var(--type-overline-large-font-size);
    font-weight: var(--type-overline-large-font-weight);
    height: 100%;
    letter-spacing: var(--type-overline-large-letter-spacing);
    line-height: var(--type-overline-large-line-height);
    opacity: .5;
    position: relative;
    text-transform: var(--type-overline-large-text-transform);
    width: calc(100% - 20px)
}

.a-scale__scaleCell span {
    font-size: 12px;
    position: absolute;
    text-align: center;
    top: 30px
}

.a-scale__startValue {
    border-right: 0;
    display: none;
    left: -27px
}

.a-scale__startValue,.a-scale__value {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.a-scale__value {
    right: -19px
}

.a-scale__scaleCell:last-child {
    border-right: 1.5px solid var(--color-black)
}

.a-scale__scaleCell:first-child .a-scale__startValue {
    display: block
}

.m-hotspotButton {
    --icon-size: auto;
    --hotspot-background: var(--color-bright-yellow);
    --hotspot-background-hover: var(--color-gold);
    --hotspot-border-color: var(--color-white);
    --hotspot-border-width: 2px;
    --hotspot-color: var(--color-black);
    --hotspot-size: 28px;
    --hotspot-scale-hover: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: var(--hotspot-color);
    cursor: pointer;
    left: 0;
    overflow: visible;
    padding: 0;
    pointer-events: auto;
    top: 0;
    z-index: 2
}

.m-hotspotButton,.m-hotspotButton:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--hotspot-size);
    justify-content: center;
    position: absolute;
    width: var(--hotspot-size)
}

.m-hotspotButton:before {
    border: var(--hotspot-border-width) solid var(--hotspot-border-color);
    border-radius: 50%;
    -webkit-box-shadow: 0 4px calc(var(--hotspot-size)/2) rgba(0,0,0,.25);
    box-shadow: 0 4px calc(var(--hotspot-size)/2) rgba(0,0,0,.25);
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .5s cubic-bezier(.19,1,.22,1);
    -o-transition: all .5s cubic-bezier(.19,1,.22,1);
    transition: all .5s cubic-bezier(.19,1,.22,1);
    z-index: 1
}

.m-hotspotButton .arrow-right-magna {
    display: block
}

@media(min-width: 768px) {
    .m-hotspotButton .arrow-right-magna {
        display:none
    }
}

@media(max-width: 479px) {
    .m-hotspotButton .arrow-right-magna .a-icon {
        -ms-flex-item-align:center;
        align-self: center;
        height: 7px;
        top: -1px;
        width: 10px
    }
}

@media(min-width: 480px) {
    .m-hotspotButton .arrow-right-magna {
        -ms-flex-item-align:center;
        align-self: center;
        height: 7px;
        top: -1px;
        width: 10px
    }
}

.m-hotspotButton .a-icon {
    position: relative;
    -webkit-transition: all .5s cubic-bezier(.19,1,.22,1);
    -o-transition: all .5s cubic-bezier(.19,1,.22,1);
    transition: all .5s cubic-bezier(.19,1,.22,1);
    z-index: 2
}

@media(max-width: 479px) {
    .m-hotspotButton .a-icon {
        padding:0
    }
}

@media(min-width: 480px) {
    .m-hotspotButton .a-icon {
        padding:3px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width:1024px)and (-webkit-min-device-pixel-ratio:1) {
    .m-hotspotButton .a-icon {
        padding:0
    }
}

@media(min-width: 1024px) {
    .m-hotspotButton .a-icon {
        padding:0
    }
}

@media(min-width: 1024px)and (orientation:landscape) {
    .m-hotspotButton .a-icon {
        padding:3%
    }
}

@media(min-width: 1240px) {
    .m-hotspotButton .a-icon {
        padding:0
    }
}

@media(min-width: 1440px) {
    .m-hotspotButton .a-icon {
        padding:0
    }
}

@media(min-width: 1600px) {
    .m-hotspotButton .a-icon {
        padding:0
    }
}

.m-hotspotButton.-event {
    --hotspot-background: var(--color-light-blue);
    --hotspot-background-hover: var(--color-light-blue);
    --hotspot-color: var(--color-white)
}

.m-hotspotButton.-event .a-icon {
    height: 57%;
    width: 57%
}

.m-hotspotButton__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 26.78px;
    width: 112.91px
}

.m-hotspotButton__row:hover {
    opacity: 0
}

.m-hotspotButton__row .a-icon {
    height: 33.11px;
    width: 50px
}

.m-hotspotButton__circle {
    background-color: var(--color-white);
    border: none;
    cursor: pointer;
    opacity: 1;
    pointer-events: auto
}

@media(max-width: 479px) {
    .m-hotspotButton__circle {
        border-radius:50%;
        height: 15.52px;
        padding: 0;
        width: 15.52px
    }
}

@media(min-width: 480px) {
    .m-hotspotButton__circle {
        border-radius:8px;
        border-radius: 50%;
        height: 15.52px;
        padding: 0;
        width: 15.52px
    }
}

@media(min-width: 768px) {
    .m-hotspotButton__circle {
        border-radius:50%;
        height: 6.49px;
        padding: 0;
        width: 6.49px
    }
}

@media(min-width: 1024px) {
    .m-hotspotButton__circle {
        border-radius:50%;
        padding: 5px
    }
}

@media(min-width: 1024px)and (orientation:landscape) {
    .m-hotspotButton__circle {
        border-radius:50%;
        height: 1.035vh;
        padding: 5px;
        width: 1.035vh
    }
}

@media(min-width: 1240px) {
    .m-hotspotButton__circle {
        padding:4px
    }
}

@media(min-width: 1440px) {
    .m-hotspotButton__circle {
        padding:2px
    }
}

@media(min-width: 1600px) {
    .m-hotspotButton__circle {
        padding:2px
    }
}

.m-hotspotButton.-alternate {
    --hotspot-size: 7px;
    --hotspot-background: var(--color-white);
    --hotspot-scale-hover: 2;
    --border-width: 0
}

.m-hotspotButton.-light-blue {
    --hotspot-background: var(--color-light-blue);
    --hotspot-background-hover: var(--color-light-blue);
    --hotspot-border-color: var(--color-white);
    --hotspot-color: var(--color-white);
    --icon-size: 24px
}

.m-hotspotButton.-dark-blue {
    --hotspot-background: var(--color-dark-blue);
    --hotspot-background-hover: var(--color-dark-blue);
    --hotspot-border-color: var(--color-white);
    --hotspot-color: var(--color-white);
    --icon-size: 18px
}

.m-hotspotButton.-green {
    --hotspot-background: var(--color-green);
    --hotspot-background-hover: var(--color-green);
    --hotspot-border-color: var(--color-white);
    --hotspot-color: var(--color-white);
    --icon-size: 24px
}

.m-hotspotButton.-gray {
    --hotspot-background: var(--color-gray);
    --hotspot-background-hover: var(--color-gray);
    --hotspot-border-color: var(--color-white);
    --hotspot-color: var(--color-white);
    --icon-size: 24px
}

.m-hotspotButton.-dark-gold {
    --hotspot-background: var(--color-dark-gold);
    --hotspot-background-hover: var(--color-dark-gold);
    --hotspot-border-color: var(--color-white);
    --hotspot-color: var(--color-white);
    --icon-size: 34px
}

.m-hotspotButton.-orange {
    --hotspot-background: var(--color-orange);
    --hotspot-background-hover: var(--color-orange);
    --hotspot-border-color: var(--color-white);
    --hotspot-color: var(--color-white);
    --icon-size: 24px
}

@media(hover: hover) {
    .m-hotspotButton:hover:before {
        -webkit-transform:translate(calc(var(--hotspot-size)/-2),calc(var(--hotspot-size)/-2)) scale(var(--hotspot-scale-hover));
        -ms-transform: translate(calc(var(--hotspot-size)/-2),calc(var(--hotspot-size)/-2)) scale(var(--hotspot-scale-hover));
        transform: translate(calc(var(--hotspot-size)/-2),calc(var(--hotspot-size)/-2)) scale(var(--hotspot-scale-hover))
    }
}

.transparent-row {
    -webkit-box-flex: 0!important;
    -ms-flex: none!important;
    flex: none!important;
    opacity: 0!important;
    visibility: hidden!important
}

.o-staticGrid {
    --component-grid-columns: repeat(4,minmax(0,1fr));
    -webkit-column-gap: var(--column-gap-small,var(--grid-gap));
    -moz-column-gap: var(--column-gap-small,var(--grid-gap));
    column-gap: var(--column-gap-small,var(--grid-gap));
    display: grid;
    grid-template-columns: var(--component-grid-columns);
    row-gap: var(--row-gap-small,var(--grid-gap))
}

.o-staticGrid .grid-item--0 {
    align-self: var(--vertical-align-0,stretch);
    grid-area: var(--grid-area-small-0,auto)
}

.o-staticGrid .grid-item--1 {
    align-self: var(--vertical-align-1,stretch);
    grid-area: var(--grid-area-small-1,auto)
}

.o-staticGrid .grid-item--2 {
    align-self: var(--vertical-align-2,stretch);
    grid-area: var(--grid-area-small-2,auto)
}

.o-staticGrid .grid-item--3 {
    align-self: var(--vertical-align-3,stretch);
    grid-area: var(--grid-area-small-3,auto)
}

.o-staticGrid .grid-item--4 {
    align-self: var(--vertical-align-4,stretch);
    grid-area: var(--grid-area-small-4,auto)
}

.o-staticGrid .grid-item--5 {
    align-self: var(--vertical-align-5,stretch);
    grid-area: var(--grid-area-small-5,auto)
}

.o-staticGrid .grid-item--6 {
    align-self: var(--vertical-align-6,stretch);
    grid-area: var(--grid-area-small-6,auto)
}

.o-staticGrid .grid-item--7 {
    align-self: var(--vertical-align-7,stretch);
    grid-area: var(--grid-area-small-7,auto)
}

.o-staticGrid .grid-item--8 {
    align-self: var(--vertical-align-8,stretch);
    grid-area: var(--grid-area-small-8,auto)
}

.o-staticGrid .grid-item--9 {
    align-self: var(--vertical-align-9,stretch);
    grid-area: var(--grid-area-small-9,auto)
}

.o-staticGrid .grid-item--10 {
    align-self: var(--vertical-align-10,stretch);
    grid-area: var(--grid-area-small-10,auto)
}

.o-staticGrid .grid-item--11 {
    align-self: var(--vertical-align-11,stretch);
    grid-area: var(--grid-area-small-11,auto)
}

.o-staticGrid .grid-item--12 {
    align-self: var(--vertical-align-12,stretch);
    grid-area: var(--grid-area-small-12,auto)
}

.o-staticGrid .grid-item--13 {
    align-self: var(--vertical-align-13,stretch);
    grid-area: var(--grid-area-small-13,auto)
}

.o-staticGrid .grid-item--14 {
    align-self: var(--vertical-align-14,stretch);
    grid-area: var(--grid-area-small-14,auto)
}

.o-staticGrid .grid-item--15 {
    align-self: var(--vertical-align-15,stretch);
    grid-area: var(--grid-area-small-15,auto)
}

.o-staticGrid .grid-item--16 {
    align-self: var(--vertical-align-16,stretch);
    grid-area: var(--grid-area-small-16,auto)
}

.o-staticGrid .grid-item--17 {
    align-self: var(--vertical-align-17,stretch);
    grid-area: var(--grid-area-small-17,auto)
}

.o-staticGrid .grid-item--18 {
    align-self: var(--vertical-align-18,stretch);
    grid-area: var(--grid-area-small-18,auto)
}

.o-staticGrid .grid-item--19 {
    align-self: var(--vertical-align-19,stretch);
    grid-area: var(--grid-area-small-19,auto)
}

.o-staticGrid .grid-item--20 {
    align-self: var(--vertical-align-20,stretch);
    grid-area: var(--grid-area-small-20,auto)
}

.o-staticGrid .grid-item--21 {
    align-self: var(--vertical-align-21,stretch);
    grid-area: var(--grid-area-small-21,auto)
}

.o-staticGrid .grid-item--22 {
    align-self: var(--vertical-align-22,stretch);
    grid-area: var(--grid-area-small-22,auto)
}

.o-staticGrid .grid-item--23 {
    align-self: var(--vertical-align-23,stretch);
    grid-area: var(--grid-area-small-23,auto)
}

.o-staticGrid .grid-item--24 {
    align-self: var(--vertical-align-24,stretch);
    grid-area: var(--grid-area-small-24,auto)
}

.o-staticGrid .grid-item--25 {
    align-self: var(--vertical-align-25,stretch);
    grid-area: var(--grid-area-small-25,auto)
}

.o-staticGrid .grid-item--26 {
    align-self: var(--vertical-align-26,stretch);
    grid-area: var(--grid-area-small-26,auto)
}

.o-staticGrid .grid-item--27 {
    align-self: var(--vertical-align-27,stretch);
    grid-area: var(--grid-area-small-27,auto)
}

.o-staticGrid .grid-item--28 {
    align-self: var(--vertical-align-28,stretch);
    grid-area: var(--grid-area-small-28,auto)
}

.o-staticGrid .grid-item--29 {
    align-self: var(--vertical-align-29,stretch);
    grid-area: var(--grid-area-small-29,auto)
}

.o-staticGrid .grid-item--30 {
    align-self: var(--vertical-align-30,stretch);
    grid-area: var(--grid-area-small-30,auto)
}

.o-staticGrid.-fullWidth {
    width: 100%
}

@media(min-width: 768px) {
    .o-staticGrid {
        --component-grid-columns:repeat(12,minmax(0,1fr));
        -webkit-column-gap: var(--column-gap-medium,var(--grid-gap));
        -moz-column-gap: var(--column-gap-medium,var(--grid-gap));
        column-gap: var(--column-gap-medium,var(--grid-gap));
        row-gap: var(--row-gap-medium,var(--grid-gap))
    }

    .o-staticGrid .grid-item--0 {
        grid-area: var(--grid-area-medium-0,var(--grid-area-small-0,auto))
    }

    .o-staticGrid .grid-item--1 {
        grid-area: var(--grid-area-medium-1,var(--grid-area-small-1,auto))
    }

    .o-staticGrid .grid-item--2 {
        grid-area: var(--grid-area-medium-2,var(--grid-area-small-2,auto))
    }

    .o-staticGrid .grid-item--3 {
        grid-area: var(--grid-area-medium-3,var(--grid-area-small-3,auto))
    }

    .o-staticGrid .grid-item--4 {
        grid-area: var(--grid-area-medium-4,var(--grid-area-small-4,auto))
    }

    .o-staticGrid .grid-item--5 {
        grid-area: var(--grid-area-medium-5,var(--grid-area-small-5,auto))
    }

    .o-staticGrid .grid-item--6 {
        grid-area: var(--grid-area-medium-6,var(--grid-area-small-6,auto))
    }

    .o-staticGrid .grid-item--7 {
        grid-area: var(--grid-area-medium-7,var(--grid-area-small-7,auto))
    }

    .o-staticGrid .grid-item--8 {
        grid-area: var(--grid-area-medium-8,var(--grid-area-small-8,auto))
    }

    .o-staticGrid .grid-item--9 {
        grid-area: var(--grid-area-medium-9,var(--grid-area-small-9,auto))
    }

    .o-staticGrid .grid-item--10 {
        grid-area: var(--grid-area-medium-10,var(--grid-area-small-10,auto))
    }

    .o-staticGrid .grid-item--11 {
        grid-area: var(--grid-area-medium-11,var(--grid-area-small-11,auto))
    }

    .o-staticGrid .grid-item--12 {
        grid-area: var(--grid-area-medium-12,var(--grid-area-small-12,auto))
    }

    .o-staticGrid .grid-item--13 {
        grid-area: var(--grid-area-medium-13,var(--grid-area-small-13,auto))
    }

    .o-staticGrid .grid-item--14 {
        grid-area: var(--grid-area-medium-14,var(--grid-area-small-14,auto))
    }

    .o-staticGrid .grid-item--15 {
        grid-area: var(--grid-area-medium-15,var(--grid-area-small-15,auto))
    }

    .o-staticGrid .grid-item--16 {
        grid-area: var(--grid-area-medium-16,var(--grid-area-small-16,auto))
    }

    .o-staticGrid .grid-item--17 {
        grid-area: var(--grid-area-medium-17,var(--grid-area-small-17,auto))
    }

    .o-staticGrid .grid-item--18 {
        grid-area: var(--grid-area-medium-18,var(--grid-area-small-18,auto))
    }

    .o-staticGrid .grid-item--19 {
        grid-area: var(--grid-area-medium-19,var(--grid-area-small-19,auto))
    }

    .o-staticGrid .grid-item--20 {
        grid-area: var(--grid-area-medium-20,var(--grid-area-small-20,auto))
    }

    .o-staticGrid .grid-item--21 {
        grid-area: var(--grid-area-medium-21,var(--grid-area-small-21,auto))
    }

    .o-staticGrid .grid-item--22 {
        grid-area: var(--grid-area-medium-22,var(--grid-area-small-22,auto))
    }

    .o-staticGrid .grid-item--23 {
        grid-area: var(--grid-area-medium-23,var(--grid-area-small-23,auto))
    }

    .o-staticGrid .grid-item--24 {
        grid-area: var(--grid-area-medium-24,var(--grid-area-small-24,auto))
    }

    .o-staticGrid .grid-item--25 {
        grid-area: var(--grid-area-medium-25,var(--grid-area-small-25,auto))
    }

    .o-staticGrid .grid-item--26 {
        grid-area: var(--grid-area-medium-26,var(--grid-area-small-26,auto))
    }

    .o-staticGrid .grid-item--27 {
        grid-area: var(--grid-area-medium-27,var(--grid-area-small-27,auto))
    }

    .o-staticGrid .grid-item--28 {
        grid-area: var(--grid-area-medium-28,var(--grid-area-small-28,auto))
    }

    .o-staticGrid .grid-item--29 {
        grid-area: var(--grid-area-medium-29,var(--grid-area-small-29,auto))
    }

    .o-staticGrid .grid-item--30 {
        grid-area: var(--grid-area-medium-30,var(--grid-area-small-30,auto))
    }
}

@media(min-width: 1024px) {
    .o-staticGrid {
        -webkit-column-gap:var(--column-gap-large,var(--grid-gap));
        -moz-column-gap: var(--column-gap-large,var(--grid-gap));
        column-gap: var(--column-gap-large,var(--grid-gap));
        row-gap: var(--row-gap-large,var(--grid-gap))
    }

    .o-staticGrid .grid-item--0 {
        grid-area: var(--grid-area-large-0,var(--grid-area-medium-0,var(--grid-area-small-0,auto)))
    }

    .o-staticGrid .grid-item--1 {
        grid-area: var(--grid-area-large-1,var(--grid-area-medium-1,var(--grid-area-small-1,auto)))
    }

    .o-staticGrid .grid-item--2 {
        grid-area: var(--grid-area-large-2,var(--grid-area-medium-2,var(--grid-area-small-2,auto)))
    }

    .o-staticGrid .grid-item--3 {
        grid-area: var(--grid-area-large-3,var(--grid-area-medium-3,var(--grid-area-small-3,auto)))
    }

    .o-staticGrid .grid-item--4 {
        grid-area: var(--grid-area-large-4,var(--grid-area-medium-4,var(--grid-area-small-4,auto)))
    }

    .o-staticGrid .grid-item--5 {
        grid-area: var(--grid-area-large-5,var(--grid-area-medium-5,var(--grid-area-small-5,auto)))
    }

    .o-staticGrid .grid-item--6 {
        grid-area: var(--grid-area-large-6,var(--grid-area-medium-6,var(--grid-area-small-6,auto)))
    }

    .o-staticGrid .grid-item--7 {
        grid-area: var(--grid-area-large-7,var(--grid-area-medium-7,var(--grid-area-small-7,auto)))
    }

    .o-staticGrid .grid-item--8 {
        grid-area: var(--grid-area-large-8,var(--grid-area-medium-8,var(--grid-area-small-8,auto)))
    }

    .o-staticGrid .grid-item--9 {
        grid-area: var(--grid-area-large-9,var(--grid-area-medium-9,var(--grid-area-small-9,auto)))
    }

    .o-staticGrid .grid-item--10 {
        grid-area: var(--grid-area-large-10,var(--grid-area-medium-10,var(--grid-area-small-10,auto)))
    }

    .o-staticGrid .grid-item--11 {
        grid-area: var(--grid-area-large-11,var(--grid-area-medium-11,var(--grid-area-small-11,auto)))
    }

    .o-staticGrid .grid-item--12 {
        grid-area: var(--grid-area-large-12,var(--grid-area-medium-12,var(--grid-area-small-12,auto)))
    }

    .o-staticGrid .grid-item--13 {
        grid-area: var(--grid-area-large-13,var(--grid-area-medium-13,var(--grid-area-small-13,auto)))
    }

    .o-staticGrid .grid-item--14 {
        grid-area: var(--grid-area-large-14,var(--grid-area-medium-14,var(--grid-area-small-14,auto)))
    }

    .o-staticGrid .grid-item--15 {
        grid-area: var(--grid-area-large-15,var(--grid-area-medium-15,var(--grid-area-small-15,auto)))
    }

    .o-staticGrid .grid-item--16 {
        grid-area: var(--grid-area-large-16,var(--grid-area-medium-16,var(--grid-area-small-16,auto)))
    }

    .o-staticGrid .grid-item--17 {
        grid-area: var(--grid-area-large-17,var(--grid-area-medium-17,var(--grid-area-small-17,auto)))
    }

    .o-staticGrid .grid-item--18 {
        grid-area: var(--grid-area-large-18,var(--grid-area-medium-18,var(--grid-area-small-18,auto)))
    }

    .o-staticGrid .grid-item--19 {
        grid-area: var(--grid-area-large-19,var(--grid-area-medium-19,var(--grid-area-small-19,auto)))
    }

    .o-staticGrid .grid-item--20 {
        grid-area: var(--grid-area-large-20,var(--grid-area-medium-20,var(--grid-area-small-20,auto)))
    }

    .o-staticGrid .grid-item--21 {
        grid-area: var(--grid-area-large-21,var(--grid-area-medium-21,var(--grid-area-small-21,auto)))
    }

    .o-staticGrid .grid-item--22 {
        grid-area: var(--grid-area-large-22,var(--grid-area-medium-22,var(--grid-area-small-22,auto)))
    }

    .o-staticGrid .grid-item--23 {
        grid-area: var(--grid-area-large-23,var(--grid-area-medium-23,var(--grid-area-small-23,auto)))
    }

    .o-staticGrid .grid-item--24 {
        grid-area: var(--grid-area-large-24,var(--grid-area-medium-24,var(--grid-area-small-24,auto)))
    }

    .o-staticGrid .grid-item--25 {
        grid-area: var(--grid-area-large-25,var(--grid-area-medium-25,var(--grid-area-small-25,auto)))
    }

    .o-staticGrid .grid-item--26 {
        grid-area: var(--grid-area-large-26,var(--grid-area-medium-26,var(--grid-area-small-26,auto)))
    }

    .o-staticGrid .grid-item--27 {
        grid-area: var(--grid-area-large-27,var(--grid-area-medium-27,var(--grid-area-small-27,auto)))
    }

    .o-staticGrid .grid-item--28 {
        grid-area: var(--grid-area-large-28,var(--grid-area-medium-28,var(--grid-area-small-28,auto)))
    }

    .o-staticGrid .grid-item--29 {
        grid-area: var(--grid-area-large-29,var(--grid-area-medium-29,var(--grid-area-small-29,auto)))
    }

    .o-staticGrid .grid-item--30 {
        grid-area: var(--grid-area-large-30,var(--grid-area-medium-30,var(--grid-area-small-30,auto)))
    }
}

.b-draggableGallery__sliderView {
    height: calc(var(--vh)*100);
    overflow: hidden;
    position: relative
}

@supports(height: 1svh) {
    .b-draggableGallery__sliderView {
        height:calc(1svh*100)
    }
}

[data-editor=true] .b-draggableGallery__sliderView {
    height: 800px
}

.b-draggableGallery__sliderView__swiperContainer {
    height: 100%
}

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

.b-draggableGallery__sliderView__content {
    --eyebrow-text-color: var(--color-accent);
    --component-heading-color: var(--color-white);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    height: 100%;
    justify-content: flex-end;
    padding: 60px var(--containerMargin);
    position: relative;
    width: 100%
}

.b-draggableGallery__sliderView__content .m-button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.b-draggableGallery__sliderView__controls,.b-draggableGallery__sliderView__pagination .m-sliderPagination__title {
    display: none
}

.b-draggableGallery__sliderView__pagination .m-sliderPagination__paginationBar {
    background-color: var(--color-white-20a);
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.b-draggableGallery__sliderView__pagination .m-sliderPagination__paginationBar.-isActive {
    background-color: var(--color-white)
}

@media(min-width: 768px) {
    .b-draggableGallery__sliderView__controls {
        display:block;
        height: 60px;
        padding: 0 var(--containerMargin);
        position: absolute;
        top: 50%;
        translate: 0 -50%;
        width: 100%;
        z-index: 2
    }

    .b-draggableGallery__sliderView__controls .o-sliderControls {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .b-draggableGallery__sliderView__controls .o-sliderControls .m-button.-isDisabled {
        --button-border-color: var(--color-white-20a);
        --button-text-color: var(--color-white-20a)
    }

    .b-draggableGallery__sliderView__content {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        align-items: end;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
        padding-block:100px}

    .b-draggableGallery__sliderView__copy {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.b-draggableGallery__gridView {
    --component-text-color: var(--color-white);
    --component-heading-color: var(--component-text-color);
    --eyebrow-text-color: var(--color-accent);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--color-deep-black);
    cursor: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(var(--vh)*100);
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

@supports(height: 1svh) {
    .b-draggableGallery__gridView {
        height:calc(1svh*100)
    }
}

[data-editor=true] .b-draggableGallery__gridView {
    height: 800px
}

.b-draggableGallery__gridViewDragContainer {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(3,1fr);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    inset-inline-start: calc(-60vw + 60px);
    position: relative;
    width: 100%;
    will-change: transform
}

.b-draggableGallery__gridViewDragItem {
    all: unset;
    aspect-ratio: 3/2;
    background: var(--color-real-black);
    opacity: .4;
    position: relative;
    -webkit-transition: opacity .6s ease;
    -o-transition: opacity .6s ease;
    transition: opacity .6s ease;
    width: 70vw
}

.b-draggableGallery__gridViewDragItem.-isActive {
    opacity: 1
}

.b-draggableGallery__gridViewHeadingContainer {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    height: 100%;
    padding: 96px 70px;
    pointer-events: none;
    position: absolute
}

.b-draggableGallery__gridViewHeadingItem {
    grid-column: 1/2;
    grid-row: 1/2;
    opacity: 0;
    pointer-events: auto;
    -webkit-transition: .6s ease;
    -o-transition: .6s ease;
    transition: .6s ease;
    -webkit-transition-property: opacity,visibility;
    -o-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    visibility: hidden
}

.b-draggableGallery__gridViewHeadingItem .a-eyebrow {
    -webkit-margin-after: 32px;
    margin-block-end:32px}

.b-draggableGallery__gridViewHeadingItem .a-heading {
    text-wrap: balance
}

.b-draggableGallery__gridViewHeadingItem.-isActive {
    opacity: 1;
    visibility: visible
}

.b-draggableGallery__gridViewCursor {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    height: 60px;
    inset-block-start: -30px;
    inset-inline-start: -30px;
    pointer-events: none;
    position: fixed;
    width: 60px
}

@media(pointer: coarse) {
    .b-draggableGallery__gridViewCursor {
        display:none
    }
}

.b-draggableGallery__gridViewCursorVectorWrapper {
    display: contents
}

.b-draggableGallery__gridViewCursorVector {
    aspect-ratio: 1;
    color: var(--color-white);
    height: 60px;
    overflow: visible;
    width: 60px
}

.b-draggableGallery__gridViewCursorVectorInnerCircle,.b-draggableGallery__gridViewCursorVectorOuterCircle {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

.b-draggableGallery__gridViewCursorVectorInnerCircle {
    fill: var(--color-accent)
}

.b-draggableGallery__gridViewCursorVectorOuterCircle {
    opacity: 0;
    scale: .5;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.b-draggableGallery__gridViewCursorVectorArrows {
    scale: .7;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

.b-draggableGallery__gridViewCursorVectorArrow {
    fill: var(--color-accent)
}

.b-draggableGallery__gridViewCursorCopyWrapper {
    display: grid
}

.b-draggableGallery__gridViewCursorCopyWrapper .b-draggableGallery__gridViewCursorCopy {
    font-family: var(--type-button-large-font-family);
    font-size: var(--type-button-large-font-size);
    font-weight: var(--type-button-large-font-weight);
    grid-column: 1/2;
    grid-row: 1/2;
    letter-spacing: var(--type-button-large-letter-spacing);
    line-height: var(--type-button-large-line-height);
    text-transform: var(--type-button-large-text-transform);
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    white-space: nowrap
}

.b-draggableGallery__gridViewCursorCopyWrapper .-click {
    color: var(--color-white);
    opacity: 0
}

.b-draggableGallery__gridViewCursorCopyWrapper .-drag {
    color: var(--color-accent)
}

.b-draggableGallery__gridViewCursor.-hover .b-draggableGallery__gridViewCursorVectorInnerCircle {
    fill: transparent
}

.b-draggableGallery__gridViewCursor.-hover .b-draggableGallery__gridViewCursorVectorOuterCircle {
    opacity: 1;
    scale: 1
}

.b-draggableGallery__gridViewCursor.-hover .b-draggableGallery__gridViewCursorVectorInnerCircle,.b-draggableGallery__gridViewCursor.-hover .b-draggableGallery__gridViewCursorVectorOuterCircle {
    stroke: var(--color-white)
}

.b-draggableGallery__gridViewCursor.-hover .b-draggableGallery__gridViewCursorVectorArrows {
    opacity: 0;
    scale: 0
}

.b-draggableGallery__gridViewCursor.-hover .b-draggableGallery__gridViewCursorCopyWrapper .-click {
    opacity: 1
}

.b-draggableGallery__gridViewCursor.-hover .b-draggableGallery__gridViewCursorCopyWrapper .-drag {
    opacity: 0
}

.o-megaButtonsInvestForm {
    --component-highlight-color: var(--color-dark-gold);
    text-align: start;
    width: 100%
}

.o-megaButtonsInvestForm .m-tileCta {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.o-megaButtonsInvestForm .m-tileCta .a-image {
    position: relative;
    width: 50%
}

@media(hover: hover) {
    .o-megaButtonsInvestForm .m-tileCta:hover .m-tileCta__label {
        color:var(--color-dark-gold)
    }
}

.o-megaButtonsInvestForm .m-tileCta__label {
    font-weight: 400
}

.o-megaButtonsInvestForm__drillDownControlsContainer {
    position: relative
}

.o-megaButtonsInvestForm__drillDownControls {
    opacity: 0;
    padding-top: 50px;
    position: absolute;
    visibility: hidden;
    width: 100%
}

.o-megaButtonsInvestForm__drillDownControlsDesktop,.o-megaButtonsInvestForm__drillDownControlsMobile {
    position: absolute;
    width: 100%
}

.a-fieldsetLegend {
    font-family: var(--type-button-small-font-family);
    font-size: var(--type-button-small-font-size);
    font-weight: var(--type-button-small-font-weight);
    letter-spacing: var(--type-button-small-letter-spacing);
    line-height: var(--type-button-small-line-height);
    margin: -.0225em 0 10px;
    text-transform: var(--type-button-small-text-transform);
    text-transform: uppercase
}

.a-fieldsetLegend.-isRequired:after {
    -webkit-margin-start: .25em;
    color: var(--component-highlight-color,var(--color-dark-accent));
    content: "*";
    font-size: 12px;
    margin-inline-start:.25em}

html[data-theme=oxagon] .a-fieldsetLegend.-isRequired:after {
    color: var(--color-light-blue,var(--color-dark-accent))
}

.a-fieldsetLegend.-isRequired.-heading:after {
    font-size: 21px
}

.a-fieldsetLegend.-heading {
    font-size: 21px;
    margin-bottom: 25px
}

.a-fieldsetLegend.-subgroup {
    color: var(--color-dark-accent);
    font-family: var(--type-overline-medium-font-family);
    font-size: var(--type-overline-medium-font-size);
    font-weight: var(--type-overline-medium-font-weight);
    letter-spacing: var(--type-overline-medium-letter-spacing);
    line-height: var(--type-overline-medium-line-height);
    margin-bottom: 30px;
    text-transform: var(--type-overline-medium-text-transform)
}

.o-dynamicGrid {
    display: grid;
    gap: var(--grid-gap,20px);
    grid-auto-rows: var(--grid-auto-rows,auto)
}

@media(max-width: 479px) {
    .o-dynamicGrid {
        grid-template-columns:var(--grid-template-columnsXS)
    }
}

@media(min-width: 480px) {
    .o-dynamicGrid {
        grid-template-columns:var(--grid-template-columnsS,var(--grid-template-columnsXS))
    }
}

@media(min-width: 768px) {
    .o-dynamicGrid {
        grid-template-columns:var(--grid-template-columnsM,var(--grid-template-columnsS,var(--grid-template-columnsXS)))
    }
}

@media(min-width: 1024px) {
    .o-dynamicGrid {
        grid-template-columns:var(--grid-template-columnsL,var(--grid-template-columnsM,var(--grid-template-columnsS,var(--grid-template-columnsXS))))
    }
}

@media(min-width: 1240px) {
    .o-dynamicGrid {
        grid-template-columns:var(--grid-template-columnsXL,var(--grid-template-columnsL,var(--grid-template-columnsM,var(--grid-template-columnsS,var(--grid-template-columnsXS)))))
    }
}

.m-tileCta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: var(--color-white);
    border: 2px solid var(--color-white);
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 20px
}

.m-tileCta__label {
    color: var(--color-black);
    font-family: var(--type-exception-body14-font-family);
    font-size: var(--type-exception-body14-font-size);
    font-weight: var(--type-exception-body14-font-weight);
    letter-spacing: var(--type-exception-body14-letter-spacing);
    line-height: var(--type-exception-body14-line-height);
    text-transform: var(--type-exception-body14-text-transform)
}

.m-tileCta .a-icon {
    color: var(--color-dark-gold)
}

@media(pointer: fine) {
    .m-tileCta {
        background:transparent;
        border-color: var(--color-white-10a);
        position: relative;
        -webkit-transition: .2s linear;
        -o-transition: .2s linear;
        transition: .2s linear;
        -webkit-transition-property: border-color,background;
        -o-transition-property: border-color,background;
        transition-property: border-color,background
    }

    .m-tileCta .a-icon,.m-tileCta__label {
        color: var(--color-white)
    }

    .m-tileCta .a-image {
        position: relative;
        width: 50%
    }

    .m-tileCta .a-icon,.m-tileCta__label {
        -webkit-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        -webkit-transition-property: color;
        -o-transition-property: color;
        transition-property: color
    }
}

@media(pointer: fine)and (hover:hover) {
    .m-tileCta:hover {
        background:var(--color-white)
    }

    .m-tileCta:hover .m-tileCta__label {
        color: var(--color-black)
    }

    .m-tileCta:hover .a-icon {
        color: var(--color-dark-gold)
    }
}

@media(min-width: 768px) {
    .m-tileCta {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 190px;
        padding-block:40px;text-align: center
    }

    .m-tileCta .a-icon {
        --icon-size: 50px
    }

    .m-tileCta__label {
        font-family: var(--type-body-small-font-family);
        font-size: var(--type-body-small-font-size);
        font-weight: var(--type-body-small-font-weight);
        letter-spacing: var(--type-body-small-letter-spacing);
        line-height: var(--type-body-small-line-height);
        text-transform: var(--type-body-small-text-transform)
    }

    [lang=ar] .m-tileCta__label {
        font-size: var(--type-body-small-ar-font-size);
        letter-spacing: var(--type-body-small-ar-letter-spacing);
        line-height: var(--type-body-small-ar-line-height)
    }
}

.m-pillarCta {
    --icon-size: 40px;
    --border-radius: 4px;
    --background-color: var(--color-accent);
    --component-padding: 20px;
    --component-highlight-color: var(--color-dark-accent);
    --component-title-color: var(--color-white);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-color);
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--component-padding);
    position: relative;
    text-align: start;
    -webkit-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease
}

.m-pillarCta.-isTransparent {
    --background-color: var(--color-white);
    --background-opacity: 0;
    --component-highlight-color: var(--color-accent);
    --component-title-color: var(--color-black);
    --border-radius: 8px
}

.m-pillarCta__icon,.m-pillarCta__labelWrapper,.m-pillarCta__title {
    position: relative
}

.m-pillarCta__background {
    bottom: 0;
    left: 0;
    opacity: var(--background-opacity,0);
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .25s ease-in;
    -o-transition: opacity .25s ease-in;
    transition: opacity .25s ease-in
}

.m-pillarCta__title {
    color: var(--component-title-color);
    font-family: var(--type-overline-small-font-family);
    font-size: var(--type-overline-small-font-size);
    font-weight: var(--type-overline-small-font-weight);
    letter-spacing: var(--type-overline-small-letter-spacing);
    line-height: var(--type-overline-small-line-height);
    margin: 0 20px;
    text-transform: var(--type-overline-small-text-transform);
    white-space: normal
}

.m-pillarCta__icon,.m-pillarCta__labelWrapper {
    color: var(--component-title-color);
    -webkit-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease
}

.m-pillarCta__labelWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-margin-start: auto;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--type-overline-small-font-family);
    font-size: var(--type-overline-small-font-size);
    font-weight: var(--type-overline-small-font-weight);
    gap: 10px;
    letter-spacing: var(--type-overline-small-letter-spacing);
    line-height: var(--type-overline-small-line-height);
    margin-inline-start:auto;text-transform: var(--type-overline-small-text-transform);
    white-space: break-spaces
}

.m-pillarCta__labelWrapper .a-icon {
    --icon-size: 20px
}

[dir=rtl] .m-pillarCta__labelWrapper .a-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.m-pillarCta__labelWrapper .m-pillarCta__label {
    display: none
}

@media(hover: hover) {
    .m-pillarCta:hover {
        --background-color:var(--color-white);
        --background-opacity: 0.25;
        --component-highlight-color: var(--color-white);
        --component-title-color: var(--color-dark-accent)
    }

    .m-pillarCta:hover.-isTransparent {
        --background-color: var(--color-white);
        --background-opacity: 0;
        --component-highlight-color: var(--color-accent);
        --component-title-color: var(--color-black)
    }
}

@media(min-width: 1240px) {
    .m-pillarCta {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .m-pillarCta.-isTransparent {
        --background-color: transparent;
        --component-highlight-color: var(--color-white);
        --component-title-color: var(--color-white);
        border: 2px solid var(--color-white-10a)
    }

    .m-pillarCta__title {
        -webkit-margin-end: 50px;
        font-family: var(--type-overline-large-font-family);
        font-size: var(--type-overline-large-font-size);
        font-weight: var(--type-overline-large-font-weight);
        letter-spacing: var(--type-overline-large-letter-spacing);
        line-height: var(--type-overline-large-line-height);
        margin: 20px 0 35px;
        margin-inline-end:50px;text-transform: var(--type-overline-large-text-transform)
    }

    .m-pillarCta__labelWrapper {
        -webkit-margin-start: 0;
        margin-top: auto;
        margin-inline-start:0}

    .m-pillarCta__labelWrapper .m-pillarCta__label {
        display: block
    }
}

.c120-magna-carousel-template {
    background-color: var(--component-background-color);
    color: var(--component-text-color);
    height: 100%
}

.c120-magna-carousel-template.t-dark {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-accent-hover);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-white)
}

.c120-magna-carousel-template.t-darkMono {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.c120-magna-carousel-template.t-light {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-dark-accent);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-black)
}

.c120-magna-carousel-template.t-lightMono {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-black)
}

.c120-magna-carousel-template.t-darkGreen {
    --component-background-color: var(--color-dark-green);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.c120-magna-carousel-template.t-orange {
    --color-accent: var(--color-orange);
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-orange);
    --component-highlight-color: var(--color-orange);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .c120-magna-carousel-template.t-dark,html[data-theme=oxagon] .c120-magna-carousel-template.t-darkMono {
    --component-background-color: var(--color-dark-blue);
    --component-background-gradient: var(--color-gradient-dark-blue)
}

html[data-theme=oxagon] .c120-magna-carousel-template.t-darkOxagonBlue {
    --component-background-color: var(--color-dark-accent);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .c120-magna-carousel-template.t-lightOxagonBlue {
    --component-background-color: var(--color-accent);
    --component-text-color: var(--color-white);
    --component-highlight-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-heading-color: var(--component-text-color)
}

.c120-magna-carousel-template .container {
    margin-left: 20px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container {
        margin-left:5.9%
    }
}

[lang=ar] .c120-magna-carousel-template .container {
    margin-left: 0;
    margin-right: 20px
}

@media(min-width: 768px) {
    [lang=ar] .c120-magna-carousel-template .container {
        margin-right:5.9%
    }
}

@media(min-width: 1024px) {
    [lang=ar] .c120-magna-carousel-template .container {
        margin-right:70px
    }
}

.c120-magna-carousel-template .container .bottom-section {
    margin-right: 27px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .bottom-section {
        margin-right:0
    }
}

[lang=ar] .c120-magna-carousel-template .container .bottom-section {
    margin-left: 27px;
    margin-right: 0
}

.c120-magna-carousel-template .container .bottom-section .description {
    margin-top: 12px;
    padding-left: 3px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .bottom-section .description {
        margin-top:0;
        max-width: 77%;
        padding-left: 0
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container .bottom-section .description {
        max-width:54.3%
    }
}

.c120-magna-carousel-template .container .bottom-section .description .a-moustache.-large {
    font-size: 21px!important;
    line-height: 25px
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container .bottom-section .description .a-moustache.-large {
        font-size:20px!important;
        line-height: 31px
    }
}

.c120-magna-carousel-template .container .bottom-section .heading {
    display: block;
    overflow-wrap: break-word;
    padding-bottom: 12px
}

[lang=ar] .c120-magna-carousel-template .container .bottom-section .heading {
    padding-right: 0
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .bottom-section .heading {
        display:none
    }
}

.c120-magna-carousel-template .container .bottom-section .heading .a-heading {
    font-size: 28px;
    line-height: 40px
}

.c120-magna-carousel-template .container .bottom-section .heading .a-heading.-h1 {
    font-family: var(--type-heading-h1-font-family);
    font-size: var(--type-heading-h1-font-size);
    font-weight: var(--type-heading-h1-font-weight);
    letter-spacing: var(--type-heading-h1-letter-spacing);
    line-height: var(--type-heading-h1-line-height);
    text-transform: var(--type-heading-h1-text-transform)
}

.c120-magna-carousel-template .container .bottom-section .heading .a-heading.-h2 {
    font-family: var(--type-heading-h2-font-family);
    font-size: var(--type-heading-h2-font-size);
    font-weight: var(--type-heading-h2-font-weight);
    letter-spacing: var(--type-heading-h2-letter-spacing);
    line-height: var(--type-heading-h2-line-height);
    text-transform: var(--type-heading-h2-text-transform)
}

.c120-magna-carousel-template .container .bottom-section .heading .a-heading.-h3 {
    font-family: var(--type-heading-h3-font-family);
    font-size: var(--type-heading-h3-font-size);
    font-weight: var(--type-heading-h3-font-weight);
    letter-spacing: var(--type-heading-h3-letter-spacing);
    line-height: var(--type-heading-h3-line-height);
    text-transform: var(--type-heading-h3-text-transform)
}

.c120-magna-carousel-template .container .bottom-section .heading .a-heading.-h4 {
    font-family: var(--type-heading-h4-font-family);
    font-size: var(--type-heading-h4-font-size);
    font-weight: var(--type-heading-h4-font-weight);
    letter-spacing: var(--type-heading-h4-letter-spacing);
    line-height: var(--type-heading-h4-line-height);
    text-transform: var(--type-heading-h4-text-transform)
}

.c120-magna-carousel-template .container .bottom-section .heading .a-heading.-h5 {
    font-family: var(--type-heading-h5-font-family);
    font-size: var(--type-heading-h5-font-size);
    font-weight: var(--type-heading-h5-font-weight);
    letter-spacing: var(--type-heading-h5-letter-spacing);
    line-height: var(--type-heading-h5-line-height);
    text-transform: var(--type-heading-h5-text-transform)
}

.c120-magna-carousel-template .container .bottom-section .heading .a-heading.-h6 {
    font-family: var(--type-heading-h6-font-family);
    font-size: var(--type-heading-h6-font-size);
    font-weight: var(--type-heading-h6-font-weight);
    letter-spacing: var(--type-heading-h6-letter-spacing);
    line-height: var(--type-heading-h6-line-height);
    text-transform: var(--type-heading-h6-text-transform)
}

.c120-magna-carousel-template .container .bottom-section .heading .a-heading.-h7 {
    font-family: var(--type-heading-h7-font-family);
    font-size: var(--type-heading-h7-font-size);
    font-weight: var(--type-heading-h7-font-weight);
    letter-spacing: var(--type-heading-h7-letter-spacing);
    line-height: var(--type-heading-h7-line-height);
    text-transform: var(--type-heading-h7-text-transform)
}

.c120-magna-carousel-template .container .bottom-section .heading .a-heading.-hn {
    font-size: 20px;
    line-height: 24px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .bottom-section .heading .a-heading.-hn {
        font-size:24px;
        line-height: 28.8px
    }
}

@media screen and (min-width: 1025px) {
    .c120-magna-carousel-template .container .bottom-section .heading .a-heading.-hn {
        font-size:32px;
        line-height: 38.4px
    }
}

.c120-magna-carousel-template .container .bottom-section .carousel-title-mobile {
    display: block;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .bottom-section .carousel-title-mobile {
        display:none
    }
}

.c120-magna-carousel-template .container .bottom-section .carousel-title-mobile .a-heading {
    font-size: 12px;
    text-transform: uppercase
}

.c120-magna-carousel-template .container .bottom-section .vertical-carousel__button {
    margin-top: 43px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .bottom-section .vertical-carousel__button {
        margin-top:40px
    }
}

@media(min-width: 1240px) {
    .c120-magna-carousel-template .container .bottom-section .vertical-carousel__button {
        margin-top:59px
    }
}

.c120-magna-carousel-template .container .bottom-section .vertical-carousel__button .m-button {
    height: 40px
}

.c120-magna-carousel-template .container .bottom-section .vertical-carousel__button .m-button__container {
    -webkit-padding-end: 28px;
    -webkit-padding-start: 28px;
    height: 40px;
    padding-inline-end:28px;padding-inline-start:28px}

.c120-magna-carousel-template .container .bottom-section .vertical-carousel__button .m-button__container .a-label {
    font-size: 12px;
    letter-spacing: .6px;
    line-height: 24px
}

.c120-magna-carousel-template .container .top-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 23px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .top-section {
        margin-bottom:45px
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container .top-section {
        margin-bottom:12px
    }
}

.c120-magna-carousel-template .container .top-section .left {
    width: 51%
}

.c120-magna-carousel-template .container .top-section .left .carousel-title-tablet {
    display: none
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .top-section .left .carousel-title-tablet {
        display:block;
        margin-bottom: 16px
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container .top-section .left .carousel-title-tablet {
        display:none
    }
}

.c120-magna-carousel-template .container .top-section .left .carousel-title-tablet .a-heading {
    font-size: 12px;
    letter-spacing: .12px;
    line-height: 14.4px;
    text-transform: uppercase
}

.c120-magna-carousel-template .container .top-section .left .heading {
    display: none;
    overflow-wrap: break-word
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .top-section .left .heading {
        display:block
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container .top-section .left .heading {
        margin-top:66px
    }
}

@media(min-width: 768px) {
    [lang=ar] .c120-magna-carousel-template .container .top-section .left .heading {
        padding-right:0
    }

    .c120-magna-carousel-template .container .top-section .left .heading .a-heading {
        font-size: 28px;
        line-height: 40px
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container .top-section .left .heading .a-heading {
        font-size:40px;
        line-height: 50px
    }
}

@media(min-width: 1440px) {
    .c120-magna-carousel-template .container .top-section .left .heading .a-heading {
        font-size:50px;
        line-height: 60px
    }
}

.c120-magna-carousel-template .container .top-section .left .heading .a-heading.-h1 {
    font-family: var(--type-heading-h1-font-family);
    font-size: var(--type-heading-h1-font-size);
    font-weight: var(--type-heading-h1-font-weight);
    letter-spacing: var(--type-heading-h1-letter-spacing);
    line-height: var(--type-heading-h1-line-height);
    text-transform: var(--type-heading-h1-text-transform)
}

.c120-magna-carousel-template .container .top-section .left .heading .a-heading.-h2 {
    font-family: var(--type-heading-h2-font-family);
    font-size: var(--type-heading-h2-font-size);
    font-weight: var(--type-heading-h2-font-weight);
    letter-spacing: var(--type-heading-h2-letter-spacing);
    line-height: var(--type-heading-h2-line-height);
    text-transform: var(--type-heading-h2-text-transform)
}

.c120-magna-carousel-template .container .top-section .left .heading .a-heading.-h3 {
    font-family: var(--type-heading-h3-font-family);
    font-size: var(--type-heading-h3-font-size);
    font-weight: var(--type-heading-h3-font-weight);
    letter-spacing: var(--type-heading-h3-letter-spacing);
    line-height: var(--type-heading-h3-line-height);
    text-transform: var(--type-heading-h3-text-transform)
}

.c120-magna-carousel-template .container .top-section .left .heading .a-heading.-h4 {
    font-family: var(--type-heading-h4-font-family);
    font-size: var(--type-heading-h4-font-size);
    font-weight: var(--type-heading-h4-font-weight);
    letter-spacing: var(--type-heading-h4-letter-spacing);
    line-height: var(--type-heading-h4-line-height);
    text-transform: var(--type-heading-h4-text-transform)
}

.c120-magna-carousel-template .container .top-section .left .heading .a-heading.-h5 {
    font-family: var(--type-heading-h5-font-family);
    font-size: var(--type-heading-h5-font-size);
    font-weight: var(--type-heading-h5-font-weight);
    letter-spacing: var(--type-heading-h5-letter-spacing);
    line-height: var(--type-heading-h5-line-height);
    text-transform: var(--type-heading-h5-text-transform)
}

.c120-magna-carousel-template .container .top-section .left .heading .a-heading.-h6 {
    font-family: var(--type-heading-h6-font-family);
    font-size: var(--type-heading-h6-font-size);
    font-weight: var(--type-heading-h6-font-weight);
    letter-spacing: var(--type-heading-h6-letter-spacing);
    line-height: var(--type-heading-h6-line-height);
    text-transform: var(--type-heading-h6-text-transform)
}

.c120-magna-carousel-template .container .top-section .left .heading .a-heading.-h7 {
    font-family: var(--type-heading-h7-font-family);
    font-size: var(--type-heading-h7-font-size);
    font-weight: var(--type-heading-h7-font-weight);
    letter-spacing: var(--type-heading-h7-letter-spacing);
    line-height: var(--type-heading-h7-line-height);
    text-transform: var(--type-heading-h7-text-transform)
}

.c120-magna-carousel-template .container .top-section .left .heading .a-heading.-hn {
    font-size: 20px;
    line-height: 24px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .top-section .left .heading .a-heading.-hn {
        font-size:24px;
        line-height: 28.8px
    }
}

@media screen and (min-width: 1024px) {
    .c120-magna-carousel-template .container .top-section .left .heading .a-heading.-hn {
        font-size:32px;
        line-height: 38.4px
    }
}

.c120-magna-carousel-template .container .top-section .left .magna-logo {
    display: block
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .top-section .left .magna-logo {
        margin:0 auto 32px 10px
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container .top-section .left .magna-logo {
        margin:98px auto 0
    }
}

@media(min-width: 1440px) {
    .c120-magna-carousel-template .container .top-section .left .magna-logo {
        margin:118px auto 20px
    }
}

.c120-magna-carousel-template .container .top-section .left .magna-logo .a-image {
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 63px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .top-section .left .magna-logo .a-image {
        height:78px;
        width: 61px
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container .top-section .left .magna-logo .a-image {
        height:130px;
        width: 103px
    }
}

@media(min-width: 1600px) {
    .c120-magna-carousel-template .container .top-section .left .magna-logo .a-image {
        height:140px;
        width: 113px
    }
}

.c120-magna-carousel-template .container .top-section .left .title {
    margin-bottom: 104px;
    margin-top: 40px;
    min-height: 50px;
    width: 74%
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .top-section .left .title {
        width:49%
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container .top-section .left .title {
        font-size:21px;
        margin-bottom: 0;
        margin-top: 205px;
        width: 96%
    }
}

.c120-magna-carousel-template .container .top-section .left .title.has-logo {
    margin-bottom: 52px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .top-section .left .title.has-logo {
        margin-bottom:40px
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container .top-section .left .title.has-logo {
        display:none
    }
}

@media(max-width: 1023px) {
    .c120-magna-carousel-template .container .top-section .left .title .a-eyebrow {
        border-left:3px solid #ebc03f;
        font-size: 21px;
        letter-spacing: .09px;
        line-height: 30px;
        padding: 0 12px 16px
    }

    [lang=ar] .c120-magna-carousel-template .container .top-section .left .title .a-eyebrow {
        border-left: none;
        border-right: 3px solid #ebc03f
    }
}

.c120-magna-carousel-template .container .top-section .right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 49%
}

.c120-magna-carousel-template .container .top-section .right .magna-image .a-image {
    height: 235px;
    position: relative;
    width: 182px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container .top-section .right .magna-image .a-image {
        height:312px;
        width: 359px
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container .top-section .right .magna-image .a-image {
        height:420px;
        width: 350px
    }
}

@media(min-width: 1240px) {
    .c120-magna-carousel-template .container .top-section .right .magna-image .a-image {
        height:480px;
        width: 430px
    }
}

@media(min-width: 1440px) {
    .c120-magna-carousel-template .container .top-section .right .magna-image .a-image {
        height:525px;
        width: 483px
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container.bottom-left {
        margin-left:170px!important
    }
}

@media(min-width: 1440px) {
    .c120-magna-carousel-template .container.bottom-left {
        margin-left:185px
    }
}

.c120-magna-carousel-template .container.bottom-left .bottom-section {
    max-width: none
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container.bottom-left .bottom-section {
        direction:rtl;
        margin-top: 19px;
        text-align: left
    }
}

@media(min-width: 1440px) {
    .c120-magna-carousel-template .container.bottom-left .bottom-section {
        padding-left:0
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container.bottom-left .bottom-section .description {
        direction:ltr;
        max-width: 50%;
        padding-right: 24px
    }
}

@media(min-width: 1440px) {
    .c120-magna-carousel-template .container.bottom-left .bottom-section .description {
        padding-right:79px
    }
}

.c120-magna-carousel-template .container.bottom-left .top-section {
    margin-bottom: 23px
}

@media(min-width: 768px) {
    .c120-magna-carousel-template .container.bottom-left .top-section {
        margin-bottom:45px
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container.bottom-left .top-section {
        direction:rtl;
        margin-bottom: 56px
    }
}

@media(min-width: 1440px) {
    .c120-magna-carousel-template .container.bottom-left .top-section {
        direction:rtl;
        margin-bottom: 84px
    }
}

.c120-magna-carousel-template .container.bottom-left .top-section .left .heading {
    overflow-wrap: break-word
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .left .heading {
        position:relative
    }
}

@media(min-width: 1240px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .left .heading {
        margin-top:66px
    }
}

@media(min-width: 1440px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .left .heading {
        padding-right:40px
    }
}

@media(min-width: 1728px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .left .heading {
        margin-top:82px
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .left .title {
        margin-top:110px
    }
}

@media(min-width: 1440px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .left .title.has-logo {
        display:none
    }
}

.c120-magna-carousel-template .container.bottom-left .top-section .left .title.has-logo~.magna-logo {
    display: block
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .left .title.has-logo~.magna-logo {
        direction:ltr
    }
}

.c120-magna-carousel-template .container.bottom-left .top-section .right {
    width: 50%
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .right {
        width:45%
    }
}

@media(min-width: 1240px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .right {
        width:42%
    }
}

@media(min-width: 1440px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .right {
        width:39%
    }
}

@media(min-width: 1728px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .right {
        width:34%
    }
}

@media(min-width: 1024px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .right .magna-image {
        bottom:0;
        position: absolute
    }

    .c120-magna-carousel-template .container.bottom-left .top-section .right .magna-image .a-image {
        height: 502px;
        width: 350px
    }
}

@media(min-width: 1240px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .right .magna-image .a-image {
        width:430px
    }
}

@media(min-width: 1440px) {
    .c120-magna-carousel-template .container.bottom-left .top-section .right .magna-image .a-image {
        height:525px;
        width: 470px
    }
}

.m-statisticCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 28px var(--container-margin) 0;
    position: relative
}

.m-statisticCard:before {
    background: var(--color-hotspots);
    content: "";
    display: none;
    height: 2px;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    width: 100%
}

.m-statisticCard__figures {
    --icon-size: 40px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: var(--color-hotspots);
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: end;
    row-gap: 30px;
    text-align: center;
    width: 100%
}

.m-statisticCard__figures .a-icon {
    margin-bottom: 5px
}

.m-statisticCard__figureItem {
    position: relative
}

.m-statisticCard__figureValue {
    font-family: var(--type-body-xlarge-font-family);
    font-size: var(--type-body-xlarge-font-size);
    font-weight: var(--type-body-xlarge-font-weight);
    font-weight: 400;
    letter-spacing: var(--type-body-xlarge-letter-spacing);
    line-height: var(--type-body-xlarge-line-height);
    line-height: 108%;
    margin-bottom: 5px;
    text-transform: var(--type-body-xlarge-text-transform)
}

[lang=ar] .m-statisticCard__figureValue {
    font-size: var(--type-body-xlarge-ar-font-size);
    letter-spacing: var(--type-body-xlarge-ar-letter-spacing);
    line-height: var(--type-body-xlarge-ar-line-height)
}

.m-statisticCard__figureValue.-medium {
    font-family: var(--type-body-large-font-family);
    font-size: var(--type-body-large-font-size);
    font-weight: var(--type-body-large-font-weight);
    letter-spacing: var(--type-body-large-letter-spacing);
    line-height: var(--type-body-large-line-height);
    text-transform: var(--type-body-large-text-transform)
}

[lang=ar] .m-statisticCard__figureValue.-medium {
    font-size: var(--type-body-large-ar-font-size);
    letter-spacing: var(--type-body-large-ar-letter-spacing);
    line-height: var(--type-body-large-ar-line-height)
}

.m-statisticCard__figureValue.-small {
    font-family: var(--type-body-medium-font-family);
    font-size: var(--type-body-medium-font-size);
    font-weight: var(--type-body-medium-font-weight);
    letter-spacing: var(--type-body-medium-letter-spacing);
    line-height: var(--type-body-medium-line-height);
    text-transform: var(--type-body-medium-text-transform)
}

[lang=ar] .m-statisticCard__figureValue.-small {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

.m-statisticCard__figureMeasure {
    font-family: var(--type-overline-large-font-family);
    font-size: var(--type-overline-large-font-size);
    font-weight: var(--type-overline-large-font-weight);
    letter-spacing: var(--type-overline-large-letter-spacing);
    line-height: var(--type-overline-large-line-height);
    margin-inline:4px;text-transform: var(--type-overline-large-text-transform);
    text-transform: uppercase
}

.m-statisticCard__figureValue.-medium .m-statisticCard__figureMeasure {
    font-family: var(--type-overline-medium-font-family);
    font-size: var(--type-overline-medium-font-size);
    font-weight: var(--type-overline-medium-font-weight);
    letter-spacing: var(--type-overline-medium-letter-spacing);
    line-height: var(--type-overline-medium-line-height);
    text-transform: var(--type-overline-medium-text-transform)
}

.m-statisticCard__figureLabel,.m-statisticCard__figureValue.-small .m-statisticCard__figureMeasure {
    font-family: var(--type-overline-small-font-family);
    font-size: var(--type-overline-small-font-size);
    font-weight: var(--type-overline-small-font-weight);
    letter-spacing: var(--type-overline-small-letter-spacing);
    line-height: var(--type-overline-small-line-height);
    text-transform: var(--type-overline-small-text-transform)
}

.m-statisticCard__figureLabel {
    text-transform: uppercase
}

@media(min-width: 1024px) {
    .m-statisticCard {
        padding-left:0;
        padding-right: 0
    }

    .m-statisticCard:before {
        display: block
    }

    .m-statisticCard__figures {
        grid-template-columns: repeat(2,1fr);
        text-align: start
    }
}

.m-searchField {
    --icon-fill: var(--color-dark-gold);
    position: relative
}

.m-searchField .a-input__input {
    padding-inline:6% 25%}

.m-searchField .a-icon {
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    transform: translateY(-75%)
}

[dir=rtl] .m-searchField .a-icon {
    left: 25px;
    right: auto
}

.m-sectorButton {
    --sector-button-background-color: var(--color-black);
    --sector-button-border-color: transparent;
    --sector-button-icon-color: var(--color-white);
    --sector-button-text-color: var(--color-black-20);
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.m-sectorButton,.m-sectorButton * {
    pointer-events: none
}

.m-sectorButton__container {
    --sector-button-container-size: 266px;
    border: 2px solid var(--sector-button-border-color);
    border-radius: 50%;
    color: var(--sector-button-text-color);
    display: grid;
    height: 30vw;
    margin: 0 0 15px;
    max-height: var(--sector-button-container-size);
    max-width: var(--sector-button-container-size);
    place-items: center;
    position: relative;
    width: 30vw
}

@media(prefers-reduced-motion:no-preference) {
    .m-sectorButton__container {
        -webkit-transition: border-color .4s ease,-webkit-transform .5s ease;
        transition: border-color .4s ease,-webkit-transform .5s ease;
        -o-transition: border-color .4s ease,transform .5s ease;
        transition: border-color .4s ease,transform .5s ease;
        transition: border-color .4s ease,transform .5s ease,-webkit-transform .5s ease
    }
}

.m-sectorButton__circle {
    fill: var(--sector-button-background-color);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.m-sectorButton__circle circle {
    pointer-events: auto
}

@media(prefers-reduced-motion:no-preference) {
    .m-sectorButton__circle {
        -webkit-transition: fill .4s ease;
        -o-transition: fill .4s ease;
        transition: fill .4s ease
    }
}

.m-sectorButton__icon {
    --icon-size: 100%;
    -webkit-box-flex: 0;
    color: var(--sector-button-icon-color);
    display: none;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto;
    width: 33%;
    z-index: 1
}

@media(prefers-reduced-motion:no-preference) {
    .m-sectorButton__icon {
        -webkit-transition: opacity .4s ease;
        -o-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

    .m-sectorButton__icon svg {
        -webkit-transition: fill .6s ease;
        -o-transition: fill .6s ease;
        transition: fill .6s ease
    }
}

.m-sectorButton__arrow {
    --icon-fill: var(--color-black);
    display: none;
    inset-inline-end: 20px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-sectorButton__arrow .a-icon {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

[dir=rtl] .m-sectorButton__arrow .a-icon {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

@media(prefers-reduced-motion:no-preference) {
    .m-sectorButton__arrow .a-icon {
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,-webkit-transform;
        -o-transition-property: transform,opacity;
        transition-property: transform,opacity;
        transition-property: transform,opacity,-webkit-transform
    }
}

.m-sectorButton__label {
    font-family: var(--type-exception-sectorLabel-font-family);
    font-size: var(--type-exception-sectorLabel-font-size);
    font-weight: var(--type-exception-sectorLabel-font-weight);
    letter-spacing: var(--type-exception-sectorLabel-letter-spacing);
    line-height: var(--type-exception-sectorLabel-line-height);
    padding: 0 10%;
    text-align: center;
    text-transform: var(--type-exception-sectorLabel-text-transform);
    text-transform: uppercase;
    z-index: 1
}

@media(prefers-reduced-motion:no-preference) {
    .m-sectorButton__label {
        -webkit-transition: color .3s ease,opacity .6s ease;
        -o-transition: color .3s ease,opacity .6s ease;
        transition: color .3s ease,opacity .6s ease
    }
}

[lang=ar] .m-sectorButton__label {
    font-size: 12px
}

@media screen and (min-width: 480px) {
    [lang=ar] .m-sectorButton__label {
        font-size:calc(10px + .41667vw)
    }
}

@media screen and (min-width: 1440px) {
    [lang=ar] .m-sectorButton__label {
        font-size:16px
    }
}

.m-sectorButton.-isCurrent {
    --sector-button-background-color: var(--color-white);
    --sector-button-icon-color: var(--color-gold);
    --sector-button-text-color: var(--color-black)
}

.m-sectorButton.-isCurrent circle {
    pointer-events: none
}

@media(hover: hover) {
    .m-sectorButton:not(.-isCurrent):hover {
        --sector-button-background-color:var(--color-white);
        --sector-button-icon-color: var(--color-gold);
        --sector-button-text-color: var(--color-black);
        cursor: pointer
    }

    .m-sectorButton:not(.-isCurrent):hover .m-sectorButton__arrow .a-icon {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.m-sectorButton.-isDisabled {
    --sector-button-background-color: transparent;
    --sector-button-border-color: var(--color-white-20a)
}

.m-sectorButton.-isDisabled .m-sectorButton__icon {
    opacity: .2
}

.m-sectorButton.-isDisabled .m-sectorButton__label {
    opacity: 0
}

@media(min-width: 768px) {
    .m-sectorButton__container {
        height:21vw;
        width: 21vw
    }

    .m-sectorButton__arrow,.m-sectorButton__icon {
        display: block
    }

    .m-sectorButton__arrow {
        inset-inline-end: 40px
    }

    [dir=rtl] .m-sectorButton__arrow {
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }

    .m-sectorButton__label {
        display: grid;
        height: 50%;
        left: 50%;
        padding: 0 20%;
        place-items: center;
        position: absolute;
        top: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%
    }
}

@media(min-width: 1024px) {
    .m-sectorButton__container {
        height:15.4vw;
        margin: 0;
        width: 15.4vw
    }
}

@media(min-width: 1024px)and (hover:hover) {
    .m-sectorButton:not(.-isCurrent):hover .m-sectorButton__container {
        -webkit-transform:scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media(min-width: 1024px) {
    .m-sectorButton.-isDisabled .m-sectorButton__container {
        -webkit-transform:scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
}

.a-index {
    font-family: var(--type-heading-h3-font-family);
    font-size: var(--type-heading-h3-font-size);
    font-weight: var(--type-heading-h3-font-weight);
    letter-spacing: var(--type-heading-h3-letter-spacing);
    letter-spacing: 0!important;
    line-height: var(--type-heading-h3-line-height);
    text-transform: var(--type-heading-h3-text-transform)
}

@supports(-webkit-text-stroke:1px black) {
    .a-index {
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 1px var(--component-text-color,currentColor)
    }
}

.b-heroBanner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(var(--vh)*100)
}

@supports(height: 1svh) {
    .b-heroBanner {
        min-height:calc(1svh*100)
    }
}

[data-editor=true] .b-heroBanner {
    min-height: 800px
}

.b-heroBanner.-clip {
    min-height: calc(var(--vh)*85)
}

@supports(height: 1svh) {
    .b-heroBanner.-clip {
        min-height:calc(1svh*85)
    }
}

[data-editor=true] .b-heroBanner.-clip {
    min-height: 800px
}

@media(max-width: 768px) {
    .b-heroBanner .o-heroContent__container .m-componentHeader .a-eyebrow {
        margin-top:16px
    }

    .b-heroBanner .o-heroContent__container .m-componentHeader__asset {
        margin-bottom: 0
    }

    .b-heroBanner .o-heroContent__container .m-componentHeader .a-moustache {
        margin-top: 0
    }

    .b-heroBanner .o-heroContent__container .m-componentHeader__headingWrapper .a-image__img {
        width: 100%
    }
}

@media(max-width: 479px) {
    .b-heroBanner .o-heroContent__container .m-componentHeader__headingWrapper .a-image__img {
        max-width:220px
    }
}

@media(min-width: 768px) {
    .b-heroBanner .o-heroContent__container .m-componentHeader {
        max-width:none
    }
}

.b-heroBanner .o-heroContent__container .m-componentHeader .a-heading {
    word-break: break-word
}

.b-heroBanner .o-heroContent__container.-center.-middle .m-componentHeader {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.b-heroBanner .o-heroContent__container.-center.-middle .m-componentHeader__headingWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.b-heroBanner .o-heroContent__container.-center.-middle .m-componentHeader .a-image__img {
    display: block;
    height: 70px;
    max-width: none!important;
    width: auto
}

html[data-theme=oxagon] button.m-button[aem-component-name=c26-hero-banner]:not([data-play-button]):not([data-video-button]):not([data-close-button]):not([aria-controls]).-white .m-button__container:hover {
    --button-text-color: #1d1f22;
    background-color: #fff;
    cursor: default
}

html[data-theme=oxagon] button.m-button[aem-component-name=c26-hero-banner]:not([data-play-button]):not([data-video-button]):not([data-close-button]):not([aria-controls]).-black .m-button__container:hover {
    --button-text-color: #fff;
    background-color: #1d1f22;
    cursor: default
}

html[data-theme=oxagon] button.m-button[aem-component-name=c26-hero-banner]:not([data-play-button]):not([data-video-button]):not([data-close-button]):not([aria-controls]).-accent .m-button__container:hover,html[data-theme=oxagon] button.m-button[aem-component-name=c26-hero-banner]:not([data-play-button]):not([data-video-button]):not([data-close-button]):not([aria-controls]).-dark-accent .m-button__container:hover {
    --button-text-color: #fff;
    background-color: #189ab9;
    cursor: default
}

html[data-theme=neom] button.m-button[aem-component-name=c26-hero-banner]:not([data-play-button]):not([data-video-button]):not([data-close-button]):not([aria-controls]).-white .m-button__container:hover {
    --button-text-color: #1d1f22;
    background-color: #fff;
    cursor: default
}

html[data-theme=neom] button.m-button[aem-component-name=c26-hero-banner]:not([data-play-button]):not([data-video-button]):not([data-close-button]):not([aria-controls]).-black .m-button__container:hover {
    --button-text-color: #fff;
    background-color: #1d1f22;
    cursor: default
}

html[data-theme=neom] button.m-button[aem-component-name=c26-hero-banner]:not([data-play-button]):not([data-video-button]):not([data-close-button]):not([aria-controls]).-accent .m-button__container:hover {
    --button-text-color: #fff;
    background-color: #ebc03f;
    cursor: default
}

html[data-theme=neom] button.m-button[aem-component-name=c26-hero-banner]:not([data-play-button]):not([data-video-button]):not([data-close-button]):not([aria-controls]).-dark-accent .m-button__container:hover {
    --button-text-color: #fff;
    background-color: #b89535;
    cursor: default
}

.m-richQuoteThumbnail {
    --rich-quote-role-color: var(--color-black-75);
    --rich-quote-border-color: var(--color-dark-gold-20a);
    --rich-quote-background-hover: var(--color-dark-gold);
    --richt-quote-icon-hover: var(--color-white);
    color: var(--component-text-color);
    display: none
}

.m-richQuoteThumbnail__container {
    height: calc(338.42466px + 7.12329vw);
    position: absolute;
    top: 0
}

.-next .m-richQuoteThumbnail__container {
    right: 0
}

.-previous .m-richQuoteThumbnail__container {
    left: 0
}

.m-richQuoteThumbnail__item {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.m-richQuoteThumbnail__author {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    font-weight: 400;
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-richQuoteThumbnail__author {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-richQuoteThumbnail__role {
    color: var(--rich-quote-role-color);
    font-family: var(--type-body-xsmall-font-family);
    font-size: var(--type-body-xsmall-font-size);
    font-weight: var(--type-body-xsmall-font-weight);
    font-weight: 100;
    letter-spacing: var(--type-body-xsmall-letter-spacing);
    line-height: var(--type-body-xsmall-line-height);
    text-transform: var(--type-body-xsmall-text-transform);
    white-space: nowrap
}

[lang=ar] .m-richQuoteThumbnail__role {
    font-size: var(--type-body-xsmall-ar-font-size);
    letter-spacing: var(--type-body-xsmall-ar-letter-spacing);
    line-height: var(--type-body-xsmall-ar-line-height)
}

.m-richQuoteThumbnail__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 120px;
    position: relative
}

.m-richQuoteThumbnail__image:before {
    content: "";
    display: block;
    padding-top: 60%
}

.m-richQuoteThumbnail__mask {
    overflow: hidden
}

.m-richQuoteThumbnail__mask,.m-richQuoteThumbnail__wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.m-richQuoteThumbnail__arrow {
    --icon-size: 21px;
    --icon-fill: var(--component-highlight-color)
}

.m-richQuoteThumbnail__arrow svg {
    fill: var(--component-highlight-color)
}

.m-richQuoteThumbnail__iconContainer {
    border: 1px solid var(--rich-quote-border-color);
    border-radius: 50%;
    display: inline-block;
    padding: 20px
}

.-next .m-richQuoteThumbnail__iconContainer,.-previous .m-richQuoteThumbnail__iconContainer {
    bottom: 15%;
    position: absolute
}

.-next .m-richQuoteThumbnail__iconContainer {
    margin: 30px 20px 30px 50px;
    right: 0
}

.-previous .m-richQuoteThumbnail__iconContainer {
    left: 0;
    margin: 30px 50px 30px 20px
}

.m-richQuoteThumbnail__iconContainer:hover {
    background-color: var(--rich-quote-background-hover)
}

.m-richQuoteThumbnail__iconContainer:hover .m-richQuoteThumbnail__arrow {
    --icon-fill: var(--richt-quote-icon-hover)
}

.m-richQuoteThumbnail__iconContainer:hover .m-richQuoteThumbnail__arrow svg {
    fill: var(--richt-quote-icon-hover)
}

.m-richQuoteThumbnail.-next {
    text-align: right
}

.m-richQuoteThumbnail.-next .m-richQuoteThumbnail__image {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-margin-start: auto;
    justify-content: flex-end;
    margin-inline-start:auto;-webkit-transform: translateX(70px);
    -ms-transform: translateX(70px);
    transform: translateX(70px);
    width: 200px
}

[dir=rtl] .m-richQuoteThumbnail.-next .m-richQuoteThumbnail__image {
    -webkit-margin-end: auto;
    -webkit-margin-start: 0;
    margin-inline-end:auto;margin-inline-start:0}

.m-richQuoteThumbnail.-next .m-richQuoteThumbnail__information {
    height: 57px;
    margin: 38px 30px 25px 0;
    position: absolute;
    right: 0
}

.m-richQuoteThumbnail.-previous .m-richQuoteThumbnail__image {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-margin-end: auto;
    justify-content: flex-start;
    margin-inline-end:auto;-webkit-transform: translateX(-70px);
    -ms-transform: translateX(-70px);
    transform: translateX(-70px);
    width: 200px
}

[dir=rtl] .m-richQuoteThumbnail.-previous .m-richQuoteThumbnail__image {
    -webkit-margin-start: auto;
    -webkit-margin-end: 0;
    margin-inline-end:0;margin-inline-start:auto}

.m-richQuoteThumbnail.-previous .m-richQuoteThumbnail__information {
    height: 57px;
    left: 0;
    margin: 38px 0 25px 30px;
    position: absolute
}

@media(min-width: 1240px) {
    .m-richQuoteThumbnail {
        display:block
    }
}

@media(min-width: 1600px) {
    .m-richQuoteThumbnail.-next .m-richQuoteThumbnail__image {
        -webkit-transform:translateX(140px);
        -ms-transform: translateX(140px);
        transform: translateX(140px);
        width: 330px
    }

    .m-richQuoteThumbnail.-previous .m-richQuoteThumbnail__image {
        -webkit-transform: translateX(-140px);
        -ms-transform: translateX(-140px);
        transform: translateX(-140px);
        width: 330px
    }

    .-next .m-richQuoteThumbnail__iconContainer,.-previous .m-richQuoteThumbnail__iconContainer {
        bottom: 5%
    }

    .-next .m-richQuoteThumbnail__iconContainer {
        right: 0
    }

    .-previous .m-richQuoteThumbnail__iconContainer {
        left: 0
    }
}

.m-richQuoteThumbnail.t-dark {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-accent-hover);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-white)
}

.m-richQuoteThumbnail.t-darkMono {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.m-richQuoteThumbnail.t-light {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-dark-accent);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-black)
}

.m-richQuoteThumbnail.t-lightMono {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-black)
}

.m-richQuoteThumbnail.t-darkGreen {
    --component-background-color: var(--color-dark-green);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.m-richQuoteThumbnail.t-orange {
    --color-accent: var(--color-orange);
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-orange);
    --component-highlight-color: var(--color-orange);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .m-richQuoteThumbnail.t-dark,html[data-theme=oxagon] .m-richQuoteThumbnail.t-darkMono {
    --component-background-color: var(--color-dark-blue);
    --component-background-gradient: var(--color-gradient-dark-blue)
}

html[data-theme=oxagon] .m-richQuoteThumbnail.t-darkOxagonBlue {
    --component-background-color: var(--color-dark-accent);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .m-richQuoteThumbnail.t-lightOxagonBlue {
    --component-background-color: var(--color-accent);
    --component-text-color: var(--color-white);
    --component-highlight-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-heading-color: var(--component-text-color)
}

.t-dark .m-richQuoteThumbnail,.t-darkMono .m-richQuoteThumbnail {
    --rich-quote-role-color: var(--component-highlight-color);
    --rich-quote-border-color: var(--color-white-10a);
    --rich-quote-background-hover: var(--color-gold);
    --richt-quote-icon-hover: var(--color-white)
}

.t-orange .m-richQuoteThumbnail {
    --rich-quote-background-hover: var(--color-accent)
}

.o-figure {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 0;
    justify-content: flex-start
}

.o-figure__value {
    color: var(--component-highlight-color);
    font-family: var(--type-exception-factsNumber-font-family);
    font-size: var(--type-exception-factsNumber-font-size);
    font-weight: var(--type-exception-factsNumber-font-weight);
    letter-spacing: var(--type-exception-factsNumber-letter-spacing);
    line-height: var(--type-exception-factsNumber-line-height);
    text-transform: var(--type-exception-factsNumber-text-transform)
}

[dir=rtl] .o-figure__value {
    font-weight: 400
}

.o-figure__label {
    color: var(--color-black);
    font-family: var(--type-capsCopy-xsmall-font-family);
    font-size: var(--type-capsCopy-xsmall-font-size);
    font-weight: var(--type-capsCopy-xsmall-font-weight);
    letter-spacing: var(--type-capsCopy-xsmall-letter-spacing);
    line-height: var(--type-capsCopy-xsmall-line-height);
    text-transform: var(--type-capsCopy-xsmall-text-transform);
    text-transform: uppercase
}

.-hasBackgroundImage .o-figure__label {
    color: var(--color-white)
}

@media(min-width: 1024px) {
    .o-figure {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .o-figure__label {
        margin-left: .5em;
        max-width: 128px
    }

    [dir=rtl] .o-figure__label {
        margin-left: 0
    }

    [dir=rtl] .o-figure__value {
        font-size: 65px
    }
}

.m-downloadItem {
    --download-item-text-color: var(--color-black-75);
    max-width: 530px
}

.m-downloadItem__image {
    -ms-flex-item-align: start;
    -webkit-box-flex: 0;
    align-self: flex-start;
    background: var(--color-black);
    -webkit-box-shadow: 4px 4px 4px var(--color-black-15a);
    box-shadow: 4px 4px 4px var(--color-black-15a);
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    margin: 0 0 20px;
    max-width: 200px;
    position: relative
}

.m-downloadItem__image:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.m-downloadItem .a-heading {
    font-family: var(--type-overline-medium-font-family);
    font-size: var(--type-overline-medium-font-size);
    font-weight: var(--type-overline-medium-font-weight);
    letter-spacing: var(--type-overline-medium-letter-spacing);
    line-height: var(--type-overline-medium-line-height);
    margin: 0 0 14px;
    text-transform: var(--type-overline-medium-text-transform)
}

.m-downloadItem .a-heading.-h1 {
    font-family: var(--type-heading-h1-font-family);
    font-size: var(--type-heading-h1-font-size);
    font-weight: var(--type-heading-h1-font-weight);
    letter-spacing: var(--type-heading-h1-letter-spacing);
    line-height: var(--type-heading-h1-line-height);
    text-transform: var(--type-heading-h1-text-transform)
}

.m-downloadItem .a-heading.-h2 {
    font-family: var(--type-heading-h2-font-family);
    font-size: var(--type-heading-h2-font-size);
    font-weight: var(--type-heading-h2-font-weight);
    letter-spacing: var(--type-heading-h2-letter-spacing);
    line-height: var(--type-heading-h2-line-height);
    text-transform: var(--type-heading-h2-text-transform)
}

.m-downloadItem .a-heading.-h3 {
    font-family: var(--type-heading-h3-font-family);
    font-size: var(--type-heading-h3-font-size);
    font-weight: var(--type-heading-h3-font-weight);
    letter-spacing: var(--type-heading-h3-letter-spacing);
    line-height: var(--type-heading-h3-line-height);
    text-transform: var(--type-heading-h3-text-transform)
}

.m-downloadItem .a-heading.-h4 {
    font-family: var(--type-heading-h4-font-family);
    font-size: var(--type-heading-h4-font-size);
    font-weight: var(--type-heading-h4-font-weight);
    letter-spacing: var(--type-heading-h4-letter-spacing);
    line-height: var(--type-heading-h4-line-height);
    text-transform: var(--type-heading-h4-text-transform)
}

.m-downloadItem .a-heading.-h5 {
    font-family: var(--type-heading-h5-font-family);
    font-size: var(--type-heading-h5-font-size);
    font-weight: var(--type-heading-h5-font-weight);
    letter-spacing: var(--type-heading-h5-letter-spacing);
    line-height: var(--type-heading-h5-line-height);
    text-transform: var(--type-heading-h5-text-transform)
}

.m-downloadItem .a-heading.-h6 {
    font-family: var(--type-heading-h6-font-family);
    font-size: var(--type-heading-h6-font-size);
    font-weight: var(--type-heading-h6-font-weight);
    letter-spacing: var(--type-heading-h6-letter-spacing);
    line-height: var(--type-heading-h6-line-height);
    text-transform: var(--type-heading-h6-text-transform)
}

.m-downloadItem .a-heading.-h7 {
    font-family: var(--type-heading-h7-font-family);
    font-size: var(--type-heading-h7-font-size);
    font-weight: var(--type-heading-h7-font-weight);
    letter-spacing: var(--type-heading-h7-letter-spacing);
    line-height: var(--type-heading-h7-line-height);
    text-transform: var(--type-heading-h7-text-transform)
}

.m-downloadItem__description {
    color: var(--download-item-text-color);
    font-family: var(--type-exception-small-description-font-family);
    font-size: var(--type-exception-small-description-font-size);
    font-weight: var(--type-exception-small-description-font-weight);
    letter-spacing: var(--type-exception-small-description-letter-spacing);
    line-height: var(--type-exception-small-description-line-height);
    margin: 0 0 10px;
    text-transform: var(--type-exception-small-description-text-transform)
}

.m-downloadItem__link {
    --icon-size: 10px;
    color: var(--content-link-color);
    font-family: var(--type-exception-download-zip-font-family);
    font-size: var(--type-exception-download-zip-font-size);
    font-weight: var(--type-exception-download-zip-font-weight);
    letter-spacing: var(--type-exception-download-zip-letter-spacing);
    line-height: var(--type-exception-download-zip-line-height);
    text-transform: var(--type-exception-download-zip-text-transform);
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

@media(hover: hover) {
    .m-downloadItem__link:hover {
        color:var(--content-link-color-hover)
    }
}

.m-downloadItem__link .a-icon {
    vertical-align: baseline
}

@media(min-width: 480px) {
    .m-downloadItem {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .m-downloadItem__image {
        -webkit-margin-end: 20px;
        margin: 0;
        margin-inline-end:20px}

    .b-contentColumns .m-downloadItem.-column {
        display: block
    }
}

@media(min-width: 1240px) {
    .b-contentColumns .m-downloadItem.-column {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.t-dark .m-downloadItem {
    --download-item-text-color: var(--color-white-70a);
    --content-link-color: var(--color-gold);
    --content-link-color-hover: var(--color-gold-hover)
}

.t-darkMono .m-downloadItem {
    --download-item-text-color: var(--color-white-70a);
    --content-link-color: var(--color-white-70a);
    --content-link-color-hover: var(--color-white)
}

.m-personCard {
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.m-personCard,.m-personCard__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-personCard__content {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-personCard__content,.m-personCard__image {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.m-personCard__image {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    height: 100%;
    position: relative;
    width: 100%
}

.m-personCard__image:before {
    content: "";
    display: block;
    padding-top: 100%
}

.m-personCard__name {
    color: var(--component-heading-color);
    font-family: var(--type-body-large-font-family);
    font-size: var(--type-body-large-font-size);
    font-weight: var(--type-body-large-font-weight);
    letter-spacing: var(--type-body-large-letter-spacing);
    line-height: var(--type-body-large-line-height);
    margin: 15px 0 5px;
    text-transform: var(--type-body-large-text-transform)
}

[lang=ar] .m-personCard__name {
    font-size: var(--type-body-large-ar-font-size);
    letter-spacing: var(--type-body-large-ar-letter-spacing);
    line-height: var(--type-body-large-ar-line-height)
}

.m-personCard__role {
    color: var(--component-highlight-color);
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    margin-bottom: 8px;
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-personCard__role {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-personCard__biography {
    -webkit-margin-before: 16px;
    color: var(--component-text-color);
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    margin-block-start:16px;text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-personCard__biography {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-personCard__email {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-margin-before: 16px;
    align-items: center;
    color: var(--component-highlight-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-block-start:16px}

.m-personCard__email .a-icon {
    -webkit-margin-end: 14px;
    margin-inline-end:14px}

.m-personCard__email .a-label {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform);
    text-transform: lowercase
}

[lang=ar] .m-personCard__email .a-label {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-personCard__icon {
    -webkit-margin-end: auto;
    color: var(--component-highlight-color);
    margin-top: auto;
    margin-inline-end:auto}

[dir=rtl] .m-personCard__icon {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media(min-width: 768px) {
    .m-personCard__image {
        max-width:inherit
    }

    .m-personCard__name {
        margin: 25px 0 10px
    }
}

.b-heroStickyHeader {
    --icon-size: 80px;
    background-color: var(--component-background-color);
    overflow: hidden;
    position: relative
}

.b-heroStickyHeader.t-dark {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-accent-hover);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-white)
}

.b-heroStickyHeader.t-darkMono {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.b-heroStickyHeader.t-light {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-dark-accent);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-black)
}

.b-heroStickyHeader.t-lightMono {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-black)
}

.b-heroStickyHeader.t-darkGreen {
    --component-background-color: var(--color-dark-green);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.b-heroStickyHeader.t-orange {
    --color-accent: var(--color-orange);
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-orange);
    --component-highlight-color: var(--color-orange);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .b-heroStickyHeader.t-dark,html[data-theme=oxagon] .b-heroStickyHeader.t-darkMono {
    --component-background-color: var(--color-dark-blue);
    --component-background-gradient: var(--color-gradient-dark-blue)
}

html[data-theme=oxagon] .b-heroStickyHeader.t-darkOxagonBlue {
    --component-background-color: var(--color-dark-accent);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .b-heroStickyHeader.t-lightOxagonBlue {
    --component-background-color: var(--color-accent);
    --component-text-color: var(--color-white);
    --component-highlight-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-heading-color: var(--component-text-color)
}

.b-heroStickyHeader.t-dark .m-breadcrumbs {
    --breadcrumbs-divider-color: var(--color-white-30a)
}

.b-heroStickyHeader__heroWrapper {
    height: calc(var(--vh)*100);
    min-height: 500px;
    position: relative
}

@supports(height: 1svh) {
    .b-heroStickyHeader__heroWrapper {
        height:calc(1svh*100)
    }
}

[data-editor=true] .b-heroStickyHeader__heroWrapper {
    height: 800px
}

.b-heroStickyHeader__topContainer {
    --component-heading-color: var(--color-white);
    --component-text-color: var(--color-white);
    --component-background-color: var(--color-black);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),color-stop(50%,transparent),to(rgba(0,0,0,.5)));
    background: -o-linear-gradient(bottom,rgba(0,0,0,.5) 0,transparent 50%,rgba(0,0,0,.5) 100%);
    background: linear-gradient(0deg,rgba(0,0,0,.5),transparent 50%,rgba(0,0,0,.5));
    color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2
}

.b-heroStickyHeader__topContainer .m-button {
    margin-top: 60px
}

.b-heroStickyHeader__buttonsWrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(10.27397px + 1.36986vw);
    justify-content: center
}

.b-heroStickyHeader__buttonsWrapper.-end,.b-heroStickyHeader__buttonsWrapper.-middle,.b-heroStickyHeader__buttonsWrapper.-start {
    bottom: 70px;
    inset-inline: calc(4.24658px + 4.56621vw);
    position: absolute
}

.b-heroStickyHeader__buttonsWrapper.-end .m-button,.b-heroStickyHeader__buttonsWrapper.-middle .m-button,.b-heroStickyHeader__buttonsWrapper.-start .m-button {
    margin-top: 0
}

.b-heroStickyHeader__buttonsWrapper.-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b-heroStickyHeader__buttonsWrapper.-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.b-heroStickyHeader .m-button.-close {
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 50px;
    visibility: hidden
}

.b-heroStickyHeader__bottomContainer,.b-heroStickyHeader__topContent {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: var(--container-margin);
    -webkit-padding-end: var(--container-margin);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-inline-end:auto;margin-inline-start:auto;max-width: var(--containerMaxWidth);
    padding-inline-end:var(--container-margin);padding-inline-start: var(--container-margin);
    width: 100%
}

.b-heroStickyHeader__heading,.b-heroStickyHeader__headingWrapper {
    width: 100%
}

.b-heroStickyHeader__bottomWrapper {
    -webkit-padding-after: var(--block-padding-large);
    padding-block-end:var(--block-padding-large);position: relative
}

.b-heroStickyHeader__bottomContainer {
    overflow: hidden
}

.b-heroStickyHeader__bottomContainer .m-paragraph .a-icon {
    margin-top: 0
}

.b-heroStickyHeader__bottomContent {
    -ms-flex-item-align: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    align-items: center;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: var(--block-padding-regular) var(--containerMargin);
    position: relative;
    text-align: center;
    width: 100%
}

.b-heroStickyHeader__breadcumbs {
    padding-block:19px;width: 100%
}

.b-heroStickyHeader__sectorBackgrounds .m-componentBackground {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .25s ease,visibility .25s ease;
    -o-transition: opacity .25s ease,visibility .25s ease;
    transition: opacity .25s ease,visibility .25s ease;
    visibility: hidden
}

.b-heroStickyHeader__sectorBackgrounds .m-componentBackground.-isVisible {
    opacity: 1;
    visibility: visible
}

@media(max-width: 479px) {
    .b-heroStickyHeader .m-paragraph .a-heading.-h1,.b-heroStickyHeader .m-paragraph .a-heading.-h2,.b-heroStickyHeader .m-paragraph .a-heading.-h3,.b-heroStickyHeader__heading .a-heading.-h1,.b-heroStickyHeader__heading .a-heading.-h2,.b-heroStickyHeader__heading .a-heading.-h3 {
        font-family:var(--type-heading-h4-font-family);
        font-size: var(--type-heading-h4-font-size);
        font-weight: var(--type-heading-h4-font-weight);
        letter-spacing: var(--type-heading-h4-letter-spacing);
        line-height: var(--type-heading-h4-line-height);
        text-transform: var(--type-heading-h4-text-transform)
    }
}

@media(min-width: 1240px) {
    .b-heroStickyHeader__topContent {
        -webkit-padding-start:var(--container-margin-compact);
        -webkit-padding-end: var(--container-margin-compact);
        padding-inline-end:var(--container-margin-compact);padding-inline-start: var(--container-margin-compact)
    }

    .b-heroStickyHeader__bottomContainer,.b-heroStickyHeader__topContent {
        -webkit-margin-start: auto;
        -webkit-margin-end: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-inline-end:auto;margin-inline-start:auto;max-width: var(--containerMaxWidth)
    }

    .b-heroStickyHeader__bottomContainer {
        -webkit-padding-start: var(--container-margin);
        padding-inline-start:var(--container-margin)}

    .b-heroStickyHeader__bottomContainer,.b-heroStickyHeader__bottomContent {
        -webkit-padding-end: var(--container-margin);
        padding-inline-end:var(--container-margin)}

    .b-heroStickyHeader__bottomContent {
        -webkit-padding-start: var(--container-margin);
        padding-inline-start:var(--container-margin)}
}

.m-breadcrumbs {
    --breadcrumbs-inactive-color: var(--color-dark-accent);
    --breadcrumbs-active-color: var(--color-black-75);
    --breadcrumbs-divider-color: var(--color-black-30a);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-breadcrumbs__items {
    list-style: none
}

.m-breadcrumbs__item,.m-breadcrumbs__items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-breadcrumbs__item {
    color: var(--breadcrumbs-inactive-color);
    font-family: var(--type-body-xsmall-font-family);
    font-size: var(--type-body-xsmall-font-size);
    font-weight: var(--type-body-xsmall-font-weight);
    font-weight: 400;
    letter-spacing: var(--type-body-xsmall-letter-spacing);
    line-height: var(--type-body-xsmall-line-height);
    text-transform: var(--type-body-xsmall-text-transform);
    text-transform: uppercase;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

[lang=ar] .m-breadcrumbs__item {
    font-size: var(--type-body-xsmall-ar-font-size);
    letter-spacing: var(--type-body-xsmall-ar-letter-spacing);
    line-height: var(--type-body-xsmall-ar-line-height)
}

.m-breadcrumbs__item.-transform-uppercase {
    text-transform: uppercase!important
}

.m-breadcrumbs__item.-transform-lowercase {
    text-transform: lowercase!important
}

.m-breadcrumbs__item.-transform-capitalize {
    text-transform: capitalize!important
}

.m-breadcrumbs__item.-transform-none {
    text-transform: none!important
}

.m-breadcrumbs__item.-isActive {
    color: var(--breadcrumbs-active-color);
    pointer-events: none
}

.m-breadcrumbs__item.-isNotClickable {
    pointer-events: none
}

.m-breadcrumbs__item.-isHidden {
    display: none
}

.m-breadcrumbs__divider {
    -webkit-margin-start: 10px;
    -webkit-margin-end: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--breadcrumbs-divider-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-inline-end:10px;margin-inline-start:10px}

.m-breadcrumbs__divider.-left {
    color: currentColor
}

.m-breadcrumbs__divider.-right {
    display: none
}

.m-breadcrumbs__divider .a-icon {
    height: 7px;
    width: 7px
}

[dir=rtl] .m-breadcrumbs__divider .a-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(min-width: 768px) {
    .m-breadcrumbs__divider.-left {
        display:none
    }

    .m-breadcrumbs__divider.-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.b-navigationTiles {
    background-color: var(--component-background-color);
    color: var(--component-text-color);
    overflow: hidden;
    padding-block:var(--component-block-padding,var(--container-margin))}

.b-navigationTiles.t-dark {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-accent-hover);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-white)
}

.b-navigationTiles.t-darkMono {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.b-navigationTiles.t-light {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-dark-accent);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-black)
}

.b-navigationTiles.t-lightMono {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-black)
}

.b-navigationTiles.t-darkGreen {
    --component-background-color: var(--color-dark-green);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.b-navigationTiles.t-orange {
    --color-accent: var(--color-orange);
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-orange);
    --component-highlight-color: var(--color-orange);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .b-navigationTiles.t-dark,html[data-theme=oxagon] .b-navigationTiles.t-darkMono {
    --component-background-color: var(--color-dark-blue);
    --component-background-gradient: var(--color-gradient-dark-blue)
}

html[data-theme=oxagon] .b-navigationTiles.t-darkOxagonBlue {
    --component-background-color: var(--color-dark-accent);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .b-navigationTiles.t-lightOxagonBlue {
    --component-background-color: var(--color-accent);
    --component-text-color: var(--color-white);
    --component-highlight-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-heading-color: var(--component-text-color)
}

.b-navigationTiles__container {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: var(--container-margin);
    -webkit-padding-end: var(--container-margin);
    grid-gap: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-inline-end:auto;margin-inline-start:auto;max-width: var(--containerMaxWidth);
    padding-inline-end:var(--container-margin);padding-inline-start: var(--container-margin);
    padding: 0
}

@media(min-width: 768px) {
    .b-navigationTiles__container {
        grid-gap:16px
    }
}

@media(min-width: 1024px) {
    .b-navigationTiles__container {
        grid-gap:40px
    }
}

.m-tileButton {
    --component-background-color: var(--color-white);
    --component-text-color: var(--color-dark-gold);
    --component-highlight-color: var(--color-dark-gold);
    --component-text-color: var(--color-black);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    background-color: var(--component-background-color);
    color: var(--component-text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: relative
}

.m-tileButton__image {
    height: 60px
}

.m-tileButton__image .a-image,.m-tileButton__image .a-image__picture {
    position: relative
}

.m-tileButton__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    text-align: end;
    width: 100%
}

.m-tileButton__content,.m-tileButton__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-tileButton__label {
    --icon-size: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-margin-start: auto;
    align-items: center;
    color: var(--component-highlight-color);
    font-family: var(--type-overline-small-font-family);
    font-size: var(--type-overline-small-font-size);
    font-weight: var(--type-overline-small-font-weight);
    letter-spacing: var(--type-overline-small-letter-spacing);
    line-height: var(--type-overline-small-line-height);
    line-height: 20px;
    margin-inline-start:auto;text-transform: var(--type-overline-small-text-transform)
}

[dir=rtl] .m-tileButton__label svg:not([class$=noFlip]) {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.m-tileButton__label .a-icon[data-icon=arrow-left] {
    -webkit-margin-end: 8px;
    margin-inline-end:8px}

.m-tileButton__label .a-icon[data-icon=arrow-right] {
    -webkit-margin-start: 8px;
    margin-inline-start:8px}

.m-tileButton__labelCopy {
    display: block
}

.m-tileButton__heading {
    -webkit-margin-before: 16px;
    font-family: var(--type-overline-small-font-family);
    font-size: var(--type-overline-small-font-size);
    font-weight: var(--type-overline-small-font-weight);
    letter-spacing: var(--type-overline-small-letter-spacing);
    line-height: var(--type-overline-small-line-height);
    margin-block-start:16px;text-transform: var(--type-overline-small-text-transform)
}

.m-tileButton__heading.-transform-uppercase {
    text-transform: uppercase!important
}

.m-tileButton__heading.-transform-lowercase {
    text-transform: lowercase!important
}

.m-tileButton__heading.-transform-capitalize {
    text-transform: capitalize!important
}

.m-tileButton__heading.-transform-none {
    text-transform: none!important
}

.m-tileButton__heading .a-heading {
    font-family: var(--type-overline-small-font-family);
    font-size: var(--type-overline-small-font-size);
    font-size: 10px;
    font-weight: var(--type-overline-small-font-weight);
    letter-spacing: var(--type-overline-small-letter-spacing);
    line-height: var(--type-overline-small-line-height);
    line-height: 14px;
    text-transform: var(--type-overline-small-text-transform)
}

@media(min-width: 768px) {
    .m-tileButton__heading .a-heading {
        font-size:16px;
        line-height: 24px
    }
}

@media(min-width: 1024px) {
    .m-tileButton__heading .a-heading {
        font-size:20px;
        line-height: 28px
    }
}

.m-tileButton__heading .a-heading.-h1 {
    font-family: var(--type-heading-h1-font-family);
    font-size: var(--type-heading-h1-font-size);
    font-weight: var(--type-heading-h1-font-weight);
    letter-spacing: var(--type-heading-h1-letter-spacing);
    line-height: var(--type-heading-h1-line-height);
    text-transform: var(--type-heading-h1-text-transform)
}

.m-tileButton__heading .a-heading.-h2 {
    font-family: var(--type-heading-h2-font-family);
    font-size: var(--type-heading-h2-font-size);
    font-weight: var(--type-heading-h2-font-weight);
    letter-spacing: var(--type-heading-h2-letter-spacing);
    line-height: var(--type-heading-h2-line-height);
    text-transform: var(--type-heading-h2-text-transform)
}

.m-tileButton__heading .a-heading.-h3 {
    font-family: var(--type-heading-h3-font-family);
    font-size: var(--type-heading-h3-font-size);
    font-weight: var(--type-heading-h3-font-weight);
    letter-spacing: var(--type-heading-h3-letter-spacing);
    line-height: var(--type-heading-h3-line-height);
    text-transform: var(--type-heading-h3-text-transform)
}

.m-tileButton__heading .a-heading.-h4 {
    font-family: var(--type-heading-h4-font-family);
    font-size: var(--type-heading-h4-font-size);
    font-weight: var(--type-heading-h4-font-weight);
    letter-spacing: var(--type-heading-h4-letter-spacing);
    line-height: var(--type-heading-h4-line-height);
    text-transform: var(--type-heading-h4-text-transform)
}

.m-tileButton__heading .a-heading.-h5 {
    font-family: var(--type-heading-h5-font-family);
    font-size: var(--type-heading-h5-font-size);
    font-weight: var(--type-heading-h5-font-weight);
    letter-spacing: var(--type-heading-h5-letter-spacing);
    line-height: var(--type-heading-h5-line-height);
    text-transform: var(--type-heading-h5-text-transform)
}

.m-tileButton__heading .a-heading.-h6 {
    font-family: var(--type-heading-h6-font-family);
    font-size: var(--type-heading-h6-font-size);
    font-weight: var(--type-heading-h6-font-weight);
    letter-spacing: var(--type-heading-h6-letter-spacing);
    line-height: var(--type-heading-h6-line-height);
    text-transform: var(--type-heading-h6-text-transform)
}

.m-tileButton__heading .a-heading.-h7 {
    font-family: var(--type-heading-h7-font-family);
    font-size: var(--type-heading-h7-font-size);
    font-weight: var(--type-heading-h7-font-weight);
    letter-spacing: var(--type-heading-h7-letter-spacing);
    line-height: var(--type-heading-h7-line-height);
    text-transform: var(--type-heading-h7-text-transform)
}

.m-tileButton__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.m-tileButton__linkCopy {
    display: block;
    height: 0;
    overflow: hidden;
    pointer-events: none;
    width: 0
}

.m-tileButton.-previous .m-tileButton__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: start
}

.m-tileButton.-previous .m-tileButton__label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-margin-end: auto;
    -webkit-margin-start: 0;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-inline-end:auto;margin-inline-start:0}

.m-tileButton.-previous .m-tileButton__heading {
    -webkit-margin-start: 0;
    -webkit-margin-end: auto;
    justify-self: flex-start;
    margin-inline-end:auto;margin-inline-start:0}

@media(min-width: 768px) {
    .m-tileButton {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .m-tileButton.-previous {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .m-tileButton__image {
        -webkit-box-flex: 0;
        aspect-ratio: 16/9;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: auto;
        width: 164px
    }

    .m-tileButton__content {
        height: auto;
        max-width: calc(100% - 164px);
        padding: 8px;
        width: auto
    }

    .m-tileButton__content,.m-tileButton__heading {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .m-tileButton__heading {
        -webkit-margin-start: auto;
        -webkit-margin-before: 8px;
        justify-self: flex-end;
        margin-block-start:8px;margin-inline-start:auto}

    .m-tileButton.-noImage .m-tileButton__content {
        max-width: 100%
    }

    .m-tileButton.-noImage .m-tileButton__heading,.m-tileButton.-noImage .m-tileButton__headingCopy .a-heading {
        font-family: var(--type-overline-large-font-family);
        font-size: var(--type-overline-large-font-size);
        font-weight: var(--type-overline-large-font-weight);
        letter-spacing: var(--type-overline-large-letter-spacing);
        line-height: var(--type-overline-large-line-height);
        text-transform: var(--type-overline-large-text-transform)
    }

    .m-tileButton.-noImage .m-tileButton__headingCopy .a-heading.-h1 {
        font-family: var(--type-heading-h1-font-family);
        font-size: var(--type-heading-h1-font-size);
        font-weight: var(--type-heading-h1-font-weight);
        letter-spacing: var(--type-heading-h1-letter-spacing);
        line-height: var(--type-heading-h1-line-height);
        text-transform: var(--type-heading-h1-text-transform)
    }

    .m-tileButton.-noImage .m-tileButton__headingCopy .a-heading.-h2 {
        font-family: var(--type-heading-h2-font-family);
        font-size: var(--type-heading-h2-font-size);
        font-weight: var(--type-heading-h2-font-weight);
        letter-spacing: var(--type-heading-h2-letter-spacing);
        line-height: var(--type-heading-h2-line-height);
        text-transform: var(--type-heading-h2-text-transform)
    }

    .m-tileButton.-noImage .m-tileButton__headingCopy .a-heading.-h3 {
        font-family: var(--type-heading-h3-font-family);
        font-size: var(--type-heading-h3-font-size);
        font-weight: var(--type-heading-h3-font-weight);
        letter-spacing: var(--type-heading-h3-letter-spacing);
        line-height: var(--type-heading-h3-line-height);
        text-transform: var(--type-heading-h3-text-transform)
    }

    .m-tileButton.-noImage .m-tileButton__headingCopy .a-heading.-h4 {
        font-family: var(--type-heading-h4-font-family);
        font-size: var(--type-heading-h4-font-size);
        font-weight: var(--type-heading-h4-font-weight);
        letter-spacing: var(--type-heading-h4-letter-spacing);
        line-height: var(--type-heading-h4-line-height);
        text-transform: var(--type-heading-h4-text-transform)
    }

    .m-tileButton.-noImage .m-tileButton__headingCopy .a-heading.-h5 {
        font-family: var(--type-heading-h5-font-family);
        font-size: var(--type-heading-h5-font-size);
        font-weight: var(--type-heading-h5-font-weight);
        letter-spacing: var(--type-heading-h5-letter-spacing);
        line-height: var(--type-heading-h5-line-height);
        text-transform: var(--type-heading-h5-text-transform)
    }

    .m-tileButton.-noImage .m-tileButton__headingCopy .a-heading.-h6 {
        font-family: var(--type-heading-h6-font-family);
        font-size: var(--type-heading-h6-font-size);
        font-weight: var(--type-heading-h6-font-weight);
        letter-spacing: var(--type-heading-h6-letter-spacing);
        line-height: var(--type-heading-h6-line-height);
        text-transform: var(--type-heading-h6-text-transform)
    }

    .m-tileButton.-noImage .m-tileButton__headingCopy .a-heading.-h7 {
        font-family: var(--type-heading-h7-font-family);
        font-size: var(--type-heading-h7-font-size);
        font-weight: var(--type-heading-h7-font-weight);
        letter-spacing: var(--type-heading-h7-letter-spacing);
        line-height: var(--type-heading-h7-line-height);
        text-transform: var(--type-heading-h7-text-transform)
    }
}

@media(min-width: 1024px) {
    .m-tileButton__image {
        display:block;
        width: 237px
    }

    .m-tileButton__content {
        max-width: calc(100% - 237px);
        padding: 16px 40px
    }

    .m-tileButton.-noImage .m-tileButton__content {
        max-width: 100%
    }

    .m-tileButton__heading {
        -webkit-margin-before: 24px;
        margin-block-start:24px}

    .m-tileButton__heading,.m-tileButton__headingCopy .a-heading {
        font-family: var(--type-overline-large-font-family);
        font-size: var(--type-overline-large-font-size);
        font-weight: var(--type-overline-large-font-weight);
        letter-spacing: var(--type-overline-large-letter-spacing);
        line-height: var(--type-overline-large-line-height);
        text-transform: var(--type-overline-large-text-transform)
    }

    .m-tileButton__headingCopy .a-heading {
        font-size: 20px;
        line-height: 28px
    }

    .m-tileButton__headingCopy .a-heading.-h1 {
        font-family: var(--type-heading-h1-font-family);
        font-size: var(--type-heading-h1-font-size);
        font-weight: var(--type-heading-h1-font-weight);
        letter-spacing: var(--type-heading-h1-letter-spacing);
        line-height: var(--type-heading-h1-line-height);
        text-transform: var(--type-heading-h1-text-transform)
    }

    .m-tileButton__headingCopy .a-heading.-h2 {
        font-family: var(--type-heading-h2-font-family);
        font-size: var(--type-heading-h2-font-size);
        font-weight: var(--type-heading-h2-font-weight);
        letter-spacing: var(--type-heading-h2-letter-spacing);
        line-height: var(--type-heading-h2-line-height);
        text-transform: var(--type-heading-h2-text-transform)
    }

    .m-tileButton__headingCopy .a-heading.-h3 {
        font-family: var(--type-heading-h3-font-family);
        font-size: var(--type-heading-h3-font-size);
        font-weight: var(--type-heading-h3-font-weight);
        letter-spacing: var(--type-heading-h3-letter-spacing);
        line-height: var(--type-heading-h3-line-height);
        text-transform: var(--type-heading-h3-text-transform)
    }

    .m-tileButton__headingCopy .a-heading.-h4 {
        font-family: var(--type-heading-h4-font-family);
        font-size: var(--type-heading-h4-font-size);
        font-weight: var(--type-heading-h4-font-weight);
        letter-spacing: var(--type-heading-h4-letter-spacing);
        line-height: var(--type-heading-h4-line-height);
        text-transform: var(--type-heading-h4-text-transform)
    }

    .m-tileButton__headingCopy .a-heading.-h5 {
        font-family: var(--type-heading-h5-font-family);
        font-size: var(--type-heading-h5-font-size);
        font-weight: var(--type-heading-h5-font-weight);
        letter-spacing: var(--type-heading-h5-letter-spacing);
        line-height: var(--type-heading-h5-line-height);
        text-transform: var(--type-heading-h5-text-transform)
    }

    .m-tileButton__headingCopy .a-heading.-h6 {
        font-family: var(--type-heading-h6-font-family);
        font-size: var(--type-heading-h6-font-size);
        font-weight: var(--type-heading-h6-font-weight);
        letter-spacing: var(--type-heading-h6-letter-spacing);
        line-height: var(--type-heading-h6-line-height);
        text-transform: var(--type-heading-h6-text-transform)
    }

    .m-tileButton__headingCopy .a-heading.-h7 {
        font-family: var(--type-heading-h7-font-family);
        font-size: var(--type-heading-h7-font-size);
        font-weight: var(--type-heading-h7-font-weight);
        letter-spacing: var(--type-heading-h7-letter-spacing);
        line-height: var(--type-heading-h7-line-height);
        text-transform: var(--type-heading-h7-text-transform)
    }
}

.m-tileButton.t-dark {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-accent-hover);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-white)
}

.m-tileButton.t-darkMono {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.m-tileButton.t-light {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-dark-accent);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-black)
}

.m-tileButton.t-lightMono {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-black)
}

.m-tileButton.t-darkGreen {
    --component-background-color: var(--color-dark-green);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.m-tileButton.t-orange {
    --color-accent: var(--color-orange);
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-orange);
    --component-highlight-color: var(--color-orange);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .m-tileButton.t-dark,html[data-theme=oxagon] .m-tileButton.t-darkMono {
    --component-background-color: var(--color-dark-blue);
    --component-background-gradient: var(--color-gradient-dark-blue)
}

html[data-theme=oxagon] .m-tileButton.t-darkOxagonBlue {
    --component-background-color: var(--color-dark-accent);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .m-tileButton.t-lightOxagonBlue {
    --component-background-color: var(--color-accent);
    --component-text-color: var(--color-white);
    --component-highlight-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-heading-color: var(--component-text-color)
}

.m-tileButton.t-dark .m-tileButton__content {
    border: solid var(--color-white-10a);
    border-width: 1px 0 1px 1px
}

.m-tileButton.t-dark.-previous .m-tileButton__content {
    border-width: 1px 1px 1px 0
}

.m-checkboxOption {
    margin: 0 0 var(--grid-gap);
    position: relative
}

.-hasError .m-checkboxOption {
    border: 1px solid var(--form-error-color);
    border-radius: 5px
}

.m-checkboxOption__label {
    gap: 10px;
    height: 100%;
    padding: var(--checkbox-label-padding,0)
}

.m-checkboxOption__label,.m-checkboxOption__textLabel {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-checkboxOption__textLabel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -webkit-margin-start: 10px;
    align-items: center;
    color: var(--checkbox-label-color,var(--color-black-75));
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-inline-start:10px;-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-checkboxOption__textLabel.-isRequired:after {
    color: var(--component-highlight-color,var(--color-dark-gold));
    content: "*";
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-checkboxOption__textLabel.-isRequired:after {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-checkboxOption.-isDisabled .m-checkboxOption__label {
    cursor: not-allowed;
    opacity: .7;
    pointer-events: none
}

.a-checkbox {
    --checkbox-border-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex-item-align: center;
    align-self: center;
    cursor: pointer;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: var(--checkbox-size);
    position: relative;
    width: var(--checkbox-size)
}

.a-checkbox__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.a-checkbox__input:checked~.a-checkbox__indicator {
    --checkbox-background-color: var(--checkbox-active-background-color);
    --checkbox-border-color: var(--checkbox-active-background-color);
    --checkbox-checkmark-color: var(--color-white)
}

.a-checkbox__input:checked~.a-checkbox__indicator:after {
    opacity: 1
}

.a-checkbox__input:disabled~.a-checkbox__indicator {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .5
}

.a-checkbox__input:focus-visible+.a-checkbox__indicator {
    border-radius: 2px;
    outline: 2px solid var(--color-light-blue)
}

.a-checkbox.-isChecked {
    cursor: default
}

.a-checkbox.-isDisabled {
    cursor: not-allowed
}

.a-checkbox__indicator {
    background-color: var(--checkbox-background-color);
    border: var(--checkbox-border-width) solid var(--checkbox-border-color);
    border-radius: var(--checkbox-border-radius);
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.a-checkbox__indicator:after {
    border: solid var(--checkbox-checkmark-color,var(--color-white));
    border-width: 0 2px 2px 0;
    content: "";
    height: 9px;
    left: 6px;
    opacity: 1;
    position: absolute;
    top: 3px;
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transform: rotate(43deg);
    width: 5px
}

.m-textField {
    margin: 0 0 40px;
    position: relative
}

.m-textField .a-label {
    -webkit-margin-end: 0;
    margin-inline-end:0;margin-top: 0;
    width: 75%
}

.m-textField__textLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px
}

.m-textField__textLabel.-isRequired .a-label:after {
    -webkit-margin-start: .25em;
    -webkit-margin-start: 0;
    color: var(--component-highlight-color,var(--color-dark-accent));
    content: "*";
    font-size: 12px;
    margin-inline-start:.25em;margin-inline-start:0}

html[data-theme=oxagon] .m-textField__textLabel.-isRequired .a-label:after {
    color: var(--color-light-blue,var(--color-dark-accent))
}

.m-textField__limit {
    -webkit-margin-start: auto;
    color: var(--input-placeholder-color);
    font-family: var(--type-body-xsmall-font-family);
    font-size: var(--type-body-xsmall-font-size);
    font-weight: var(--type-body-xsmall-font-weight);
    font-weight: 100;
    inset-inline-end: 0;
    letter-spacing: var(--type-body-xsmall-letter-spacing);
    line-height: var(--type-body-xsmall-line-height);
    line-height: 1;
    margin-inline-start:auto;position: absolute;
    text-transform: var(--type-body-xsmall-text-transform)
}

[lang=ar] .m-textField__limit {
    font-size: var(--type-body-xsmall-ar-font-size);
    letter-spacing: var(--type-body-xsmall-ar-letter-spacing);
    line-height: var(--type-body-xsmall-ar-line-height)
}

.a-textarea {
    position: relative
}

.a-textarea__textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--input-background-color);
    border: var(--input-border-width) solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--input-text-color);
    display: block;
    font-size: 16px;
    font-weight: 100;
    line-height: 24px;
    margin: 0;
    min-height: calc(4.5em + 20px);
    padding: 8.5px;
    resize: vertical;
    width: 100%
}

.a-textarea__textarea:active,.a-textarea__textarea:focus {
    border-color: var(--input-border-color-focus);
    outline: none
}

.a-textarea__textarea:focus {
    -webkit-box-shadow: 0 0 0 4px var(--input-box-shadow-focus,var(--color-black-10));
    box-shadow: 0 0 0 4px var(--input-box-shadow-focus,var(--color-black-10))
}

.a-textarea__textarea.-hasError {
    border-color: var(--form-error-color)
}

.a-formError {
    color: var(--form-error-color);
    font-family: var(--type-body-xsmall-font-family);
    font-size: var(--type-body-xsmall-font-size);
    font-weight: var(--type-body-xsmall-font-weight);
    font-weight: 400;
    letter-spacing: var(--type-body-xsmall-letter-spacing);
    letter-spacing: normal;
    line-height: var(--type-body-xsmall-line-height);
    margin-top: 10px;
    text-transform: var(--type-body-xsmall-text-transform);
    text-transform: uppercase
}

[lang=ar] .a-formError {
    font-size: var(--type-body-xsmall-ar-font-size);
    letter-spacing: var(--type-body-xsmall-ar-letter-spacing);
    line-height: var(--type-body-xsmall-ar-line-height)
}

.a-formError:not(:empty) {
    margin: 2px 0 10px
}

@media(min-width: 768px) {
    .a-formError {
        margin:5px 0
    }
}

.a-select {
    position: relative
}

.a-select__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--input-background-color);
    border: var(--input-border-width) solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--input-text-color);
    display: block;
    font-size: 16px;
    font-weight: 100;
    line-height: 40px;
    margin: 0;
    padding: calc(10px - var(--input-border-width)) calc(25px - var(--input-border-width));
    white-space: normal;
    width: 100%;
    word-break: break-word
}

.a-select__select:focus {
    border-color: var(--input-border-color-focus);
    -webkit-box-shadow: 0 0 0 4px var(--input-box-shadow-focus);
    box-shadow: 0 0 0 4px var(--input-box-shadow-focus)
}

.a-select__select:invalid {
    color: var(--input-placeholder-color);
    font-weight: 100
}

.a-select__select.-hasError {
    border-color: var(--form-error-color)
}

.a-select__chevron {
    --icon-fill: var(--component-highlight-color,var(--color-dark-accent));
    --icon-size: 12px;
    height: var(--icon-size);
    pointer-events: none;
    position: absolute;
    right: var(--grid-gap);
    top: 24px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    -o-transition: transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear,-webkit-transform .25s linear;
    width: var(--icon-size)
}

html[data-theme=oxagon] .a-select__chevron {
    --icon-fill: var(--color-light-blue,var(--color-dark-accent))
}

[dir=rtl] .a-select__chevron {
    left: var(--grid-gap);
    right: auto
}

.a-select__select:active~.a-select__chevron {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.m-radioOption {
    background-color: var(--o45-radio-option-background,var(--checkbox-group-background-color));
    border-radius: var(--input-border-radius);
    position: relative
}

.m-radioOption__label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 20px
}

.m-radioOption__label .a-radio {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.m-radioOption__textLabel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-margin-start: 10px;
    align-items: center;
    color: var(--checkbox-label-color,var(--color-black-75));
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-inline-start:10px;-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-radioOption.-isDisabled .m-radioOption__label {
    cursor: not-allowed;
    opacity: .7;
    pointer-events: none
}

.a-radio {
    --radio-active-color: var(--component-highlight-color);
    -ms-flex-item-align: center;
    align-self: center;
    cursor: pointer;
    height: var(--radio-size);
    position: relative;
    width: var(--radio-size)
}

.a-radio__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.a-radio__input:checked~.a-radio__indicator {
    --radio-background-color: var(--radio-active-color);
    --radio-border-color: var(--radio-active-color)
}

.a-radio__input:checked~.a-radio__indicator:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.a-radio__input:disabled~.a-radio__indicator {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .5
}

.a-radio__input:focus~.a-radio__indicator {
    outline: 4px solid var(--input-box-shadow-focus)
}

.a-radio.-isChecked {
    cursor: default
}

.a-radio.-isDisabled {
    cursor: not-allowed
}

.a-radio__indicator {
    background-color: var(--radio-background-color);
    border: 1px solid var(--radio-border-color);
    border-radius: var(--radio-border-radius);
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.a-radio__indicator:after {
    background-color: var(--radio-active-color);
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 8px
}

html[data-theme=oxagon] .a-radio {
    --radio-active-color: var(--color-accent)
}

.o-form__error {
    color: var(--form-error-color);
    display: none;
    font-family: var(--type-body-xsmall-font-family);
    font-size: var(--type-body-xsmall-font-size);
    font-weight: var(--type-body-xsmall-font-weight);
    font-weight: 400;
    letter-spacing: var(--type-body-xsmall-letter-spacing);
    letter-spacing: normal;
    line-height: var(--type-body-xsmall-line-height);
    margin: 10px 0 40px;
    text-transform: var(--type-body-xsmall-text-transform);
    text-transform: uppercase
}

[lang=ar] .o-form__error {
    font-size: var(--type-body-xsmall-ar-font-size);
    letter-spacing: var(--type-body-xsmall-ar-letter-spacing);
    line-height: var(--type-body-xsmall-ar-line-height)
}

@media(min-width: 768px) {
    .o-form__error {
        margin:10px 0 0
    }
}

.o-form__fieldsetContainer {
    background-color: var(--fieldset-background-color);
    padding: var(--fieldset-padding)
}

.o-form__fieldset {
    border: 0;
    margin: 0 0 40px;
    padding: 0
}

.o-form__fieldset.-checkboxGroup {
    --fieldset-background-color: var(--checkbox-group-background-color);
    --fieldset-padding: var(--grid-gap);
    border-radius: var(--checkbox-border-radius)
}

.o-form__form {
    margin: auto;
    max-width: 1780px
}

.o-form__title {
    margin: 0 0 36px;
    text-transform: none
}

.o-form__description {
    margin-bottom: 24px
}

.o-form__legend {
    font-family: var(--type-button-small-font-family);
    font-size: var(--type-button-small-font-size);
    font-weight: var(--type-button-small-font-weight);
    letter-spacing: var(--type-button-small-letter-spacing);
    line-height: var(--type-button-small-line-height);
    margin: 0 0 10px;
    text-transform: var(--type-button-small-text-transform);
    text-transform: uppercase
}

.o-form__legend.-isRequired:after {
    -webkit-margin-start: .25em;
    color: var(--component-highlight-color,var(--color-dark-accent));
    content: "*";
    font-size: 12px;
    margin-inline-start:.25em}

html[data-theme=oxagon] .o-form__legend.-isRequired:after {
    color: var(--color-light-blue,var(--color-dark-accent))
}

.o-form__footer {
    -webkit-margin-before: 20px;
    margin-block-start:20px}

.o-form .m-checkboxOption:last-child,.o-form .m-dropdownField:last-child,.o-form .m-inputField:last-child,.o-form .m-textField:last-child {
    margin: 0
}

@media(min-width: 768px) {
    .o-form__fieldset.-double .m-checkboxOption:nth-last-child(-n+2),.o-form__fieldset.-double .m-dropdownField:nth-last-child(-n+2),.o-form__fieldset.-double .m-inputField:nth-last-child(-n+2),.o-form__fieldset.-double .m-textField:nth-last-child(-n+2) {
        margin:0
    }
}

.o-form__responseWrapper {
    height: 0
}

.o-form__responseWrapper.-isRecaptchaHidden {
    display: none
}

.o-form__response {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-padding-before: 20px;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-block-start:20px}

.o-form__responseIconWrapper.-error {
    --icon-fill: var(--color-red)
}

.o-form__responseCopyWrapper {
    -webkit-margin-start: 10px;
    margin-inline-start:10px}

.o-form__responseHeading {
    font-family: var(--type-subTitle-small-font-family);
    font-size: var(--type-subTitle-small-font-size);
    font-weight: var(--type-subTitle-small-font-weight);
    letter-spacing: var(--type-subTitle-small-letter-spacing);
    line-height: var(--type-subTitle-small-line-height);
    text-transform: var(--type-subTitle-small-text-transform)
}

.o-form__responseDescription {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .o-form__responseDescription {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.o-form__fieldset.-radioGroup {
    grid-gap: 0 60px;
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.o-form__fieldset.-radioGroup .o-form__legend {
    grid-column: 1/span 2
}

.o-form__fieldset.-radioGroup .o-form__fieldsetContainer {
    grid-gap: 0 20px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr))
}

@media(min-width: 768px) {
    .o-form__fieldset.-radioGroup {
        display:grid
    }
}

.o-form .m-radioOption {
    margin: 0 0 30px
}

.o-form .s-content {
    --text-color: var(--color-black-75);
    font-family: var(--type-exception-small-description-font-family);
    font-size: var(--type-exception-small-description-font-size);
    font-weight: var(--type-exception-small-description-font-weight);
    letter-spacing: var(--type-exception-small-description-letter-spacing);
    line-height: var(--type-exception-small-description-line-height);
    text-transform: var(--type-exception-small-description-text-transform)
}

@media(min-width: 768px) {
    .o-form__fieldset.-double .o-form__fieldsetContainer {
        grid-gap:0 40px;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.o-form.t-dark {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-accent-hover);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-white)
}

.o-form.t-darkMono {
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.o-form.t-light {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-dark-accent);
    --component-highlight-color: var(--color-accent);
    --component-text-color: var(--color-black)
}

.o-form.t-lightMono {
    --component-background-color: var(--color-page-background);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-black)
}

.o-form.t-darkGreen {
    --component-background-color: var(--color-dark-green);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

.o-form.t-orange {
    --color-accent: var(--color-orange);
    --component-background-color: var(--color-black);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--color-orange);
    --component-highlight-color: var(--color-orange);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .o-form.t-dark,html[data-theme=oxagon] .o-form.t-darkMono {
    --component-background-color: var(--color-dark-blue);
    --component-background-gradient: var(--color-gradient-dark-blue)
}

html[data-theme=oxagon] .o-form.t-darkOxagonBlue {
    --component-background-color: var(--color-dark-accent);
    --component-heading-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-highlight-color: var(--component-text-color);
    --component-text-color: var(--color-white)
}

html[data-theme=oxagon] .o-form.t-lightOxagonBlue {
    --component-background-color: var(--color-accent);
    --component-text-color: var(--color-white);
    --component-highlight-color: var(--component-text-color);
    --component-highlight-color-hover: var(--component-text-color);
    --component-heading-color: var(--component-text-color)
}

.o-form.t-dark,.o-form.t-darkMono {
    --checkbox-background-color: var(--color-real-black-20a);
    --checkbox-border-color: var(--color-white-30a);
    --checkbox-checkmark-color: var(--color-black);
    --checkbox-group-background-color: var(--color-white-10a);
    --checkbox-label-color: var(--component-text-color);
    --input-background-color: var(--color-real-black-20a);
    --input-border-color-focus: var(--color-bright-yellow);
    --input-border-color: var(--color-white-30a);
    --input-box-shadow-focus: var(--color-white-20a);
    --input-text-color: var(--color-white)
}

.-isMessageScreen {
    -webkit-padding-before: 0!important;
    -webkit-padding-after: 0!important;
    padding-block-end:0!important;padding-block-start:0!important}

.-isMessageScreen .b-forms__container {
    -webkit-padding-start: 0!important;
    -webkit-padding-end: 0!important
}

.a-recaptchaStatement {
    margin: 20px 0
}

.a-recaptchaStatement__statement {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .a-recaptchaStatement__statement {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.a-recaptchaStatement__statement a {
    color: var(--component-highlight-color)
}

@media(hover: hover) {
    .a-recaptchaStatement__statement a:hover {
        color:var(--component-highlight-color-hover)
    }
}

.m-fact {
    --icon-size: 60px;
    --icon-fill: var(--component-highlight-color);
    grid-gap: 40px;
    display: grid;
    width: 100%
}

.m-fact,.m-fact__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-fact__container {
    color: var(--component-highlight-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-fact__copy {
    font-family: var(--type-body-medium-font-family);
    font-size: var(--type-body-medium-font-size);
    font-weight: var(--type-body-medium-font-weight);
    letter-spacing: var(--type-body-medium-letter-spacing);
    line-height: var(--type-body-medium-line-height);
    text-transform: var(--type-body-medium-text-transform)
}

[lang=ar] .m-fact__copy {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

.m-fact__icon {
    margin: 0 15px
}

.m-fact__unit {
    -webkit-margin-start: .25em;
    color: var(--fact-unit-color);
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    margin-inline-start:.25em;text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .m-fact__unit {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-fact__value {
    --component-text-color: var(--component-highlight-color);
    font-family: var(--type-heading-h3-font-family);
    font-size: var(--type-heading-h3-font-size);
    font-weight: var(--type-heading-h3-font-weight);
    letter-spacing: var(--type-heading-h3-letter-spacing);
    letter-spacing: 0!important;
    line-height: var(--type-heading-h3-line-height);
    text-transform: var(--type-heading-h3-text-transform);
    -webkit-transform: translateY(-.06em);
    -ms-transform: translateY(-.06em);
    transform: translateY(-.06em)
}

@supports(-webkit-text-stroke:1px black) {
    .m-fact__value {
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 1px var(--component-text-color,currentColor)
    }
}

.m-fact.-icons {
    grid-template-columns: 90px 1fr
}

.m-fact.-figures {
    grid-template-columns: 1fr 3fr
}

@media(min-width: 768px) {
    .m-fact {
        display:grid
    }
}

.o-timer {
    padding: 40px 0
}

.o-timer__items {
    color: var(--color-white);
    display: grid;
    font-family: var(--type-exception-countdownNumbers-font-family);
    font-size: var(--type-exception-countdownNumbers-font-size);
    font-weight: var(--type-exception-countdownNumbers-font-weight);
    gap: 12px;
    grid-auto-flow: column;
    letter-spacing: var(--type-exception-countdownNumbers-letter-spacing);
    line-height: var(--type-exception-countdownNumbers-line-height);
    line-height: 1;
    margin: auto;
    text-transform: var(--type-exception-countdownNumbers-text-transform);
    width: 100%
}

.o-timer__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.o-timer__item,.o-timer__item:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.o-timer__item:after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-gold);
    content: ":";
    font-family: var(--type-heading-h5-font-family);
    font-size: var(--type-heading-h5-font-size);
    font-weight: var(--type-heading-h5-font-weight);
    font-weight: 100;
    inset: 0;
    letter-spacing: var(--type-heading-h5-letter-spacing);
    line-height: var(--type-heading-h5-line-height);
    position: absolute;
    text-align: center;
    text-transform: var(--type-heading-h5-text-transform);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.o-timer__item:last-child:after {
    content: normal
}

@media(min-width: 480px) {
    .o-timer__items {
        width:70%
    }
}

@media(min-width: 1024px) {
    .o-timer.-h1 .o-timer__item:after {
        font-family:var(--type-heading-h4-font-family);
        font-size: var(--type-heading-h4-font-size);
        font-weight: var(--type-heading-h4-font-weight);
        letter-spacing: var(--type-heading-h4-letter-spacing);
        line-height: var(--type-heading-h4-line-height);
        text-transform: var(--type-heading-h4-text-transform);
        -webkit-transform: translateX(100%) translateX(-6px);
        -ms-transform: translateX(100%) translateX(-6px);
        transform: translateX(100%) translateX(-6px)
    }

    .o-timer.-h2 .o-timer__item:after {
        font-family: var(--type-heading-h5-font-family);
        font-size: var(--type-heading-h5-font-size);
        font-weight: var(--type-heading-h5-font-weight);
        letter-spacing: var(--type-heading-h5-letter-spacing);
        line-height: var(--type-heading-h5-line-height);
        text-transform: var(--type-heading-h5-text-transform);
        -webkit-transform: translateX(100%) translateX(-4px);
        -ms-transform: translateX(100%) translateX(-4px);
        transform: translateX(100%) translateX(-4px)
    }

    .o-timer.-h3 .o-timer__item:after {
        font-family: var(--type-heading-h6-font-family);
        font-size: var(--type-heading-h6-font-size);
        font-weight: var(--type-heading-h6-font-weight);
        letter-spacing: var(--type-heading-h6-letter-spacing);
        line-height: var(--type-heading-h6-line-height);
        text-transform: var(--type-heading-h6-text-transform)
    }

    .o-timer.-h4 .o-timer__item:after,.o-timer.-h5 .o-timer__item:after,.o-timer.-h6 .o-timer__item:after {
        font-family: var(--type-body-large-font-family);
        font-size: var(--type-body-large-font-size);
        font-weight: var(--type-body-large-font-weight);
        letter-spacing: var(--type-body-large-letter-spacing);
        line-height: var(--type-body-large-line-height);
        text-transform: var(--type-body-large-text-transform)
    }

    [lang=ar] .o-timer.-h4 .o-timer__item:after,[lang=ar] .o-timer.-h5 .o-timer__item:after,[lang=ar] .o-timer.-h6 .o-timer__item:after {
        font-size: var(--type-body-large-ar-font-size);
        letter-spacing: var(--type-body-large-ar-letter-spacing);
        line-height: var(--type-body-large-ar-line-height)
    }
}

.o-timer.-h1 .o-timer.-h2 .o-timer.-h3 .o-timer.-h4 .o-timer.-h5 .o-timer.-h6 .o-timer__item .a-label {
    left: 47%
}

.m-timerItem {
    --time-item-color: var(--color-gold)
}

.m-timerItem__digit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--type-heading-h2-font-family);
    font-size: var(--type-heading-h2-font-size);
    font-weight: var(--type-heading-h2-font-weight);
    font-weight: 200;
    justify-content: center;
    letter-spacing: var(--type-heading-h2-letter-spacing);
    line-height: var(--type-heading-h2-line-height);
    position: relative;
    text-align: center;
    text-transform: var(--type-heading-h2-text-transform);
    width: 100%
}

.m-timerItem .a-label {
    bottom: -10px;
    color: --time-item-color;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(min-width: 1024px) {
    .m-timerItem__digit.-h1 {
        font-family:var(--type-heading-h1-font-family);
        font-size: var(--type-heading-h1-font-size);
        font-weight: var(--type-heading-h1-font-weight);
        letter-spacing: var(--type-heading-h1-letter-spacing);
        line-height: var(--type-heading-h1-line-height);
        text-transform: var(--type-heading-h1-text-transform)
    }

    .m-timerItem__digit.-h2 {
        font-family: var(--type-heading-h2-font-family);
        font-size: var(--type-heading-h2-font-size);
        font-weight: var(--type-heading-h2-font-weight);
        letter-spacing: var(--type-heading-h2-letter-spacing);
        line-height: var(--type-heading-h2-line-height);
        text-transform: var(--type-heading-h2-text-transform)
    }

    .m-timerItem__digit.-h3 {
        font-family: var(--type-heading-h3-font-family);
        font-size: var(--type-heading-h3-font-size);
        font-weight: var(--type-heading-h3-font-weight);
        letter-spacing: var(--type-heading-h3-letter-spacing);
        line-height: var(--type-heading-h3-line-height);
        text-transform: var(--type-heading-h3-text-transform)
    }

    .m-timerItem__digit.-h4 {
        font-family: var(--type-heading-h4-font-family);
        font-size: var(--type-heading-h4-font-size);
        font-weight: var(--type-heading-h4-font-weight);
        letter-spacing: var(--type-heading-h4-letter-spacing);
        line-height: var(--type-heading-h4-line-height);
        text-transform: var(--type-heading-h4-text-transform)
    }

    .m-timerItem__digit.-h5 {
        font-family: var(--type-heading-h5-font-family);
        font-size: var(--type-heading-h5-font-size);
        font-weight: var(--type-heading-h5-font-weight);
        letter-spacing: var(--type-heading-h5-letter-spacing);
        line-height: var(--type-heading-h5-line-height);
        text-transform: var(--type-heading-h5-text-transform)
    }

    .m-timerItem__digit.-h6 {
        font-family: var(--type-heading-h6-font-family);
        font-size: var(--type-heading-h6-font-size);
        font-weight: var(--type-heading-h6-font-weight);
        letter-spacing: var(--type-heading-h6-letter-spacing);
        line-height: var(--type-heading-h6-line-height);
        text-transform: var(--type-heading-h6-text-transform)
    }

    .m-timerItem .a-label {
        font-family: var(--type-button-large-font-family);
        font-size: var(--type-button-large-font-size);
        font-weight: var(--type-button-large-font-weight);
        letter-spacing: var(--type-button-large-letter-spacing);
        line-height: var(--type-button-large-line-height);
        text-transform: var(--type-button-large-text-transform)
    }
}

.o-formStep__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin: 0;
    overflow-y: hidden;
    padding: 20px 0 0
}

.o-formStep__container .a-heading {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: var(--container-margin);
    -webkit-padding-end: var(--container-margin);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--color-black);
    font-family: var(--type-overline-large-font-family);
    font-size: var(--type-overline-large-font-size);
    font-weight: var(--type-overline-large-font-weight);
    letter-spacing: var(--type-overline-large-letter-spacing);
    line-height: var(--type-overline-large-line-height);
    margin-inline-end:auto;margin-inline-start:auto;margin-bottom: 20px;
    margin-inline:0;max-width: var(--containerMaxWidth);
    padding-inline-end:var(--container-margin);padding-inline-start: var(--container-margin);
    text-transform: var(--type-overline-large-text-transform)
}

.o-formStep__container .o-formStep__recaptcha {
    color: var(--color-black);
    font-family: var(--type-body-xsmall-font-family);
    font-size: var(--type-body-xsmall-font-size);
    font-weight: var(--type-body-xsmall-font-weight);
    letter-spacing: var(--type-body-xsmall-letter-spacing);
    line-height: var(--type-body-xsmall-line-height);
    margin: 3.34821vh 35px 20px;
    text-transform: var(--type-body-xsmall-text-transform)
}

[lang=ar] .o-formStep__container .o-formStep__recaptcha {
    font-size: var(--type-body-xsmall-ar-font-size);
    letter-spacing: var(--type-body-xsmall-ar-letter-spacing);
    line-height: var(--type-body-xsmall-ar-line-height)
}

.o-formStep__container .o-formStep__recaptcha a {
    color: var(--color-black)
}

.o-formStep__container .m-dropdownField,.o-formStep__container .m-textField,.o-formStep__container .o-phoneField {
    margin: 0 0 20px
}

@media(min-width: 480px) {
    .o-formStep__container .o-formStep__recaptcha {
        margin:0 45px 20px
    }
}

@media(min-width: 768px) {
    .o-formStep__container .o-formStep__recaptcha {
        margin:0 55px 20px
    }
}

@media(min-width: 1024px) {
    .o-formStep__container {
        padding:70px 0 0
    }

    .o-formStep__container .o-formStep__recaptcha {
        display: none
    }
}

.o-submitStep {
    min-height: calc(var(--vh)*100);
    position: relative;
    width: 100%
}

@supports(height: 1svh) {
    .o-submitStep {
        min-height:calc(1svh*100)
    }
}

[data-editor=true] .o-submitStep {
    min-height: 800px
}

.o-submitStep .m-button {
    -webkit-margin-start: auto;
    margin-inline-start:auto}

.o-submitStep .m-paragraph {
    --eyebrow-text-color: var(--color-white);
    --component-heading-color: var(--color-white);
    --component-text-color: var(--color-white);
    color: var(--color-white)
}

.o-submitStep .m-paragraph a {
    color: var(--color-accent)
}

.o-submitStep__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    padding: var(--containerMargin);
    position: absolute;
    width: 100%
}

[dir=rtl] .o-submitStep__content {
    left: auto;
    right: 0
}

.o-submitStep__messages {
    margin: 0 0 20px
}

.o-submitStep__message {
    margin: 0 0 22px
}

.o-submitStep__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style-type: none
}

.o-submitStep__buttons,.o-submitStep__social {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.o-submitStep__social {
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.o-submitStep__socialCallToAction {
    color: var(--color-white);
    font-family: var(--type-overline-small-font-family);
    font-size: var(--type-overline-small-font-size);
    font-weight: var(--type-overline-small-font-weight);
    letter-spacing: var(--type-overline-small-letter-spacing);
    line-height: var(--type-overline-small-line-height);
    margin: 0 0 15px;
    text-transform: var(--type-overline-small-text-transform)
}

[dir=rtl] .o-submitStep__socialCallToAction {
    margin: 0 0 0 15px
}

.o-submitStep .m-social .m-social__item {
    color: var(--color-white)
}

@media(hover: hover) {
    .o-submitStep .m-social .m-social__item:hover {
        color:var(--component-highlight-hover-color,var(--color-accent))
    }
}

@media(min-width: 1024px) {
    .o-submitStep__content {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between
    }

    .o-submitStep__messages {
        margin: 0;
        width: 60%
    }

    .o-submitStep__social {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .o-submitStep__socialCallToAction {
        font-family: var(--type-overline-medium-font-family);
        font-size: var(--type-overline-medium-font-size);
        font-weight: var(--type-overline-medium-font-weight);
        letter-spacing: var(--type-overline-medium-letter-spacing);
        line-height: var(--type-overline-medium-line-height);
        margin: 0 20px 0 0;
        text-transform: var(--type-overline-medium-text-transform)
    }
}

.b-multiStepForm {
    --component-highlight-color: var(--color-dark-accent);
    --component-heading-color: var(--color-white);
    --checkbox-active-background-color: var(--color-accent);
    --checkbox-background-color: var(--color-white);
    --checkbox-border-color: var(--color-accent-50);
    --checkbox-border-radius: var(--input-border-radius);
    --checkbox-border-width: var(--input-border-width);
    --checkbox-checkmark-color: var(--color-white);
    --checkbox-size: 20px;
    --radio-active-color: var(--color-dark-accent);
    --radio-background-color: var(--checkbox-background-color);
    --radio-border-color: var(--color-black-10);
    --radio-border-radius: 50%;
    --radio-size: var(--checkbox-size);
    --input-background-color: var(--color-white);
    --input-border-radius: 4px;
    --input-border-width: 1.5px;
    --input-box-shadow-focus: var(--color-black-10);
    --input-height: 40px;
    --input-text-color: var(--color-black);
    background-color: var(--color-page-background);
    overflow-y: hidden
}

.b-multiStepForm .m-componentHeader {
    --eyebrow-text-color: var(--color-white);
    --moustache-text-color: var(--color-white)
}

.b-multiStepForm__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    z-index: 1
}

.b-multiStepForm__sliderContainer {
    height: 100%
}

.b-multiStepForm__slider,.b-multiStepForm__sliderContainer {
    overflow-x: hidden
}

.b-multiStepForm__background {
    min-height: 22vh;
    min-width: 0;
    position: relative
}

.b-multiStepForm__controls .a-progressBar {
    margin-top: 2.232vh;
    width: 100%
}

.b-multiStepForm__legendContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 50px 70px;
    position: relative
}

.b-multiStepForm__legendContainer.-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left
}

.b-multiStepForm__header {
    padding: 0 0 40px
}

@media(min-width: 1024px) {
    .b-multiStepForm__header {
        padding:0 0 60px
    }
}

.b-multiStepForm__content {
    margin: 0;
    min-width: 0
}

.b-multiStepForm__items.-withDelay {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.b-multiStepForm__item {
    min-height: 300px
}

.b-multiStepForm__emptyScrollArea {
    display: none
}

.b-multiStepForm__legend {
    display: none;
    font-family: var(--type-body-xlarge-font-family);
    font-size: var(--type-body-xlarge-font-size);
    font-weight: var(--type-body-xlarge-font-weight);
    letter-spacing: var(--type-body-xlarge-letter-spacing);
    line-height: var(--type-body-xlarge-line-height);
    text-transform: var(--type-body-xlarge-text-transform);
    text-transform: none
}

[lang=ar] .b-multiStepForm__legend {
    font-size: var(--type-body-xlarge-ar-font-size);
    letter-spacing: var(--type-body-xlarge-ar-letter-spacing);
    line-height: var(--type-body-xlarge-ar-line-height)
}

[dir=rtl] .b-multiStepForm__legend {
    font-family: var(--type-body-large-font-family);
    font-size: var(--type-body-large-font-size);
    font-weight: var(--type-body-large-font-weight);
    letter-spacing: var(--type-body-large-letter-spacing);
    line-height: var(--type-body-large-line-height);
    text-transform: var(--type-body-large-text-transform)
}

[lang=ar] [dir=rtl] .b-multiStepForm__legend {
    font-size: var(--type-body-large-ar-font-size);
    letter-spacing: var(--type-body-large-ar-letter-spacing);
    line-height: var(--type-body-large-ar-line-height)
}

.b-multiStepForm__legend.-isActive {
    display: block
}

.b-multiStepForm__legend.-error,.b-multiStepForm__legend.-success {
    display: none
}

.b-multiStepForm__legend.-isRequired:after {
    -webkit-margin-start: .25em;
    color: var(--component-highlight-color,var(--color-dark-accent));
    content: "*";
    font-size: 12px;
    margin-inline-start:.25em}

html[data-theme=oxagon] .b-multiStepForm__legend.-isRequired:after {
    color: var(--color-light-blue,var(--color-dark-accent))
}

.b-multiStepForm .a-recaptcha {
    display: none
}

@media(min-width: 1024px) {
    .b-multiStepForm__container {
        display:block;
        position: relative
    }

    .b-multiStepForm__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .b-multiStepForm .o-formStep__container {
        width: 66%
    }

    .b-multiStepForm__emptyScrollArea {
        display: block;
        width: 33%
    }

    .b-multiStepForm__background {
        bottom: 0;
        position: absolute;
        top: 0;
        width: 33%
    }

    .b-multiStepForm__legend {
        margin: 0 0 60px
    }

    .b-multiStepForm__controls {
        -webkit-margin-start: 33%;
        margin-inline-start:33%}

    .b-multiStepForm__legendContainer {
        margin: 0 70px
    }

    .b-multiStepForm .a-recaptchaStatement {
        bottom: 0;
        display: block;
        left: 70px;
        margin: 0 70px 20px 0;
        position: absolute
    }

    [dir=rtl] .b-multiStepForm .a-recaptchaStatement {
        left: unset;
        margin: 0 0 0 70px;
        right: 70px
    }

    .b-multiStepForm .a-recaptchaStatement__statement,.b-multiStepForm__copy {
        color: var(--color-white);
        font-family: var(--type-exception-small-description-font-family);
        font-size: var(--type-exception-small-description-font-size);
        font-weight: var(--type-exception-small-description-font-weight);
        letter-spacing: var(--type-exception-small-description-letter-spacing);
        line-height: var(--type-exception-small-description-line-height);
        text-transform: var(--type-exception-small-description-text-transform)
    }

    .b-multiStepForm .a-recaptchaStatement__statement a,.b-multiStepForm__copy a {
        color: var(--color-white)
    }
}

.a-formGroupDivider {
    color: var(--color-black-10);
    margin: 30px var(--container-margin) 45px
}

.a-progressBar {
    --progress-bar-loaded-background: var(--color-black-10a);
    --progress-bar-selected-background: var(--color-white-50a);
    background-color: var(--progress-bar-background,#ccc);
    height: var(--progress-bar-height,4px);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.a-progressBar__duration {
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 0
}

[dir=ltr] .a-progressBar__duration {
    left: 0
}

[dir=rtl] .a-progressBar__duration {
    right: 0
}

.a-progressBar__duration.-loaded {
    background-color: var(--progress-bar-loaded-background,#eee);
    pointer-events: none;
    width: var(--progress-bar-loaded,0);
    z-index: 1
}

.a-progressBar__duration.-current {
    background-color: var(--progress-bar-current-background,#666);
    pointer-events: none;
    width: var(--progress-bar-current,0);
    z-index: 2
}

.a-progressBar__duration.-selected {
    background-color: var(--progress-bar-selected-background,hsla(0,0%,100%,.5));
    width: var(--progress-bar-selected,0);
    z-index: 3
}

.a-progressBar.-dark {
    --progress-bar-background: var(--color-black-90);
    --progress-bar-current-background: var(--color-gold);
    --progress-bar-loaded-background: var(--color-black-75);
    --progress-bar-selected-background: var(--color-white-50a)
}

.o-formControls__container {
    background: var(--color-white);
    padding: 20px
}

.o-formControls__container .m-button:nth-child(2),.o-formControls__container .m-button:nth-child(3) {
    -webkit-margin-start: auto;
    margin-inline-start:auto}

.o-formControls__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

@media(min-width: 1024px) {
    .o-formControls__container {
        padding:30px 70px
    }
}

.m-shareButton {
    --icon-fill: var(--color-dark-gold);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-cream);
    border-radius: 5px;
    color: var(--color-black);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: var(--grid-gap);
    position: relative;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.m-shareButton__label {
    -webkit-margin-start: var(--grid-gap);
    font-family: var(--type-body-xsmall-font-family);
    font-size: var(--type-body-xsmall-font-size);
    font-weight: var(--type-body-xsmall-font-weight);
    font-weight: 400;
    letter-spacing: var(--type-body-xsmall-letter-spacing);
    line-height: var(--type-body-xsmall-line-height);
    margin-inline-start:var(--grid-gap);text-transform: var(--type-body-xsmall-text-transform)
}

[lang=ar] .m-shareButton__label {
    font-size: var(--type-body-xsmall-ar-font-size);
    letter-spacing: var(--type-body-xsmall-ar-letter-spacing);
    line-height: var(--type-body-xsmall-ar-line-height)
}

.m-shareButton__success {
    --icon-fill-color: var(--color-white);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-green);
    color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    padding: var(--grid-gap);
    position: absolute;
    top: 0;
    width: 100%
}

@media(hover: hover) {
    .m-shareButton:hover {
        --icon-fill:var(--color-white);
        background: var(--color-gold);
        color: var(--color-white)
    }
}

.m-mediaCard {
    max-width: 420px;
    width: 100%
}

.m-mediaCard__meta {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--type-body-xsmall-font-family);
    font-size: var(--type-body-xsmall-font-size);
    font-weight: var(--type-body-xsmall-font-weight);
    letter-spacing: var(--type-body-xsmall-letter-spacing);
    line-height: var(--type-body-xsmall-line-height);
    margin: 0 0 15px;
    text-transform: var(--type-body-xsmall-text-transform)
}

[lang=ar] .m-mediaCard__meta {
    font-size: var(--type-body-xsmall-ar-font-size);
    letter-spacing: var(--type-body-xsmall-ar-letter-spacing);
    line-height: var(--type-body-xsmall-ar-line-height)
}

.m-mediaCard__date {
    display: inline-block;
    font-weight: 100;
    margin: 0 0 0 .25em
}

.m-mediaCard__section {
    color: var(--color-dark-gold);
    font-weight: 400;
    text-transform: uppercase
}

.m-mediaCard__media {
    margin: 0 0 20px;
    position: relative;
    width: 100%
}

.m-mediaCard__media:before {
    content: "";
    display: block;
    padding-top: 100%
}

.m-mediaCard__media.-portrait {
    position: relative
}

.m-mediaCard__media.-portrait:before {
    content: "";
    display: block;
    padding-top: 125%
}

.m-mediaCard__media.-landscape {
    position: relative
}

.m-mediaCard__media.-landscape:before {
    content: "";
    display: block;
    padding-top: 66.6666666667%
}

.m-mediaCard__media.-widescreen {
    position: relative
}

.m-mediaCard__media.-widescreen:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.m-mediaCard__media.-circle {
    border-radius: 50%;
    overflow: hidden
}

.m-mediaCard__media .m-button {
    bottom: 20px;
    left: 20px;
    position: absolute
}

[dir=rtl] .m-mediaCard__media .m-button {
    left: auto;
    right: 20px
}

.m-mediaCard__title {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform);
    text-transform: none
}

[lang=ar] .m-mediaCard__title {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.m-mediaCard .m-button.-tertiary {
    position: relative;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

@media(min-width: 768px) {
    .m-mediaCard__media {
        margin:0 0 30px
    }
}

.m-multipleCopy {
    --eyebrow-text-color: var(--component-highlight-color);
    --moustache-text-color: var(--component-highlight-color);
    --icon-fill: var(--component-highlight-color);
    --icon-size: 80px
}

.m-multipleCopy .a-eyebrow {
    margin: 0 0 30px
}

.m-multipleCopy .a-moustache {
    margin-top: 30px
}

.m-multipleCopy *~.m-multipleCopy__content {
    margin: 30px 0 0
}

.m-multipleCopy *~.m-multipleCopy__content.-highlight {
    color: var(--component-highlight-color)
}

.m-multipleCopy *~.m-multipleCopy__content.-uppercase {
    text-transform: uppercase
}

.m-multipleCopy .s-content>:last-child {
    margin-bottom: 0
}

.o-blockCta {
    --icon-size: 60px;
    --padding-inline-start: 20px;
    --padding-block-end: 15px;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    color: currentColor;
    display: grid;
    grid-template-rows: repeat(3,1fr);
    height: 100%;
    padding: var(--padding-inline-start) var(--padding-block-end);
    position: relative;
    width: 100%
}

.o-blockCta.-hasAction {
    cursor: pointer
}

.o-blockCta__background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.o-blockCta__background .a-image {
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    -o-transition: transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.o-blockCta>.a-icon {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end:auto;margin-inline-start:auto;margin-top: 15px;
    position: relative
}

.o-blockCta__heading {
    font-family: var(--type-capsCopy-xsmall-font-family);
    font-size: var(--type-capsCopy-xsmall-font-size);
    font-weight: var(--type-capsCopy-xsmall-font-weight);
    letter-spacing: var(--type-capsCopy-xsmall-letter-spacing);
    line-height: var(--type-capsCopy-xsmall-line-height);
    position: relative;
    text-align: center;
    text-transform: var(--type-capsCopy-xsmall-text-transform)
}

.o-blockCta__heading.-center {
    align-self: center;
    grid-row-start: 2
}

.o-blockCta__label {
    --icon-size: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -ms-flex-item-align: end;
    align-items: center;
    align-self: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inset-block-end: var(--padding-block-end);
    inset-inline-start: var(--padding-inline-start);
    justify-content: flex-end;
    margin-inline-end:0;margin-inline-start:0;position: absolute
}

.o-blockCta__label.-isHidden {
    display: none
}

.o-blockCta__labelCopy {
    -webkit-margin-end: 10px;
    display: none;
    font-family: var(--type-overline-small-font-family);
    font-size: var(--type-overline-small-font-size);
    font-weight: var(--type-overline-small-font-weight);
    letter-spacing: var(--type-overline-small-letter-spacing);
    line-height: var(--type-overline-small-line-height);
    margin-inline-end:10px;text-transform: var(--type-overline-small-text-transform)
}

.o-blockCta__label .a-icon {
    color: transparent
}

@media(min-width: 1024px) {
    .o-blockCta {
        --icon-size:85px;
        --padding-inline-start: 30px;
        --padding-block-end: 30px
    }

    .o-blockCta:focus .o-blockCta__background .a-image,.o-blockCta:hover .o-blockCta__background .a-image {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }

    .o-blockCta.focus-visible,.o-blockCta:focus {
        border-radius: 2px;
        outline: 3px solid var(--color-light-blue)
    }

    .o-blockCta__heading {
        font-family: var(--type-overline-large-font-family);
        font-size: var(--type-overline-large-font-size);
        font-weight: var(--type-overline-large-font-weight);
        letter-spacing: var(--type-overline-large-letter-spacing);
        line-height: var(--type-overline-large-line-height);
        text-align: start;
        text-transform: var(--type-overline-large-text-transform)
    }

    .o-blockCta__label {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .o-blockCta__labelCopy {
        display: inline
    }
}

.b-footer {
    --component-highlight-color-hover: var(--color-accent-hover);
    --component-background-color: var(--color-black);
    --component-text-color: var(--color-white);
    --component-heading-color: var(--color-white);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: var(--component-background-color);
    border-top: 4px solid var(--component-highlight-color);
    color: var(--component-text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.b-footer.t-neom {
    --color-accent: var(--color-gold);
    --component-highlight-color: var(--color-gold);
    --component-highlight-color-hover: var(--color-dark-gold)
}

.b-footer.t-oxagon {
    --color-accent: var(--color-teal);
    --component-highlight-color: var(--color-teal);
    --component-highlight-color-hover: var(--color-white)
}

.b-footer.t-oxagon .m-social {
    --component-highlight-color: var(--color-white);
    --component-highlight-color-hover: var(--color-white-70a)
}

.b-footer__container {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: var(--container-margin);
    -webkit-padding-end: var(--container-margin);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-inline-end:auto;margin-inline-start:auto;margin: 24px 0 32px;
    max-width: var(--containerMaxWidth);
    padding-inline-end:var(--container-margin);padding-inline-start: var(--container-margin);
    padding-inline:16px}

.b-footer__links,.b-footer__marginaliaItems,.b-footer__sitemap,.b-footer__sitemapColumn {
    list-style: none;
    margin: 0;
    padding: 0
}

.b-footer__links {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-out;
    -o-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out
}

.b-footer__link {
    opacity: .8
}

.b-footer__marginalia {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--color-deep-black);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    padding: 32px 16px;
    text-align: center
}

@media(min-width: 768px) {
    .b-footer__marginalia {
        padding:32px 20px
    }
}

.b-footer-marginaliaLink {
    color: hsla(0,0%,100%,.6);
    font-weight: 300
}

.b-footer__marginaliaItem {
    color: var(--color-white);
    display: inline-block;
    font-family: var(--type-body-xsmall-font-family);
    font-size: var(--type-body-xsmall-font-size);
    font-weight: var(--type-body-xsmall-font-weight);
    letter-spacing: var(--type-body-xsmall-letter-spacing);
    line-height: var(--type-body-xsmall-line-height);
    padding-bottom: 16px;
    position: relative;
    text-transform: var(--type-body-xsmall-text-transform)
}

.b-footer__marginaliaItem .-marginaliaLink {
    color: hsla(0,0%,100%,.6);
    font-weight: 300
}

.b-footer__marginaliaItem.-copyrightNotice {
    color: var(--color-gray)
}

[lang=ar] .b-footer__marginaliaItem {
    font-size: var(--type-body-xsmall-ar-font-size);
    letter-spacing: var(--type-body-xsmall-ar-letter-spacing);
    line-height: var(--type-body-xsmall-ar-line-height)
}

.b-footer__marginaliaItem:not(:last-child):after {
    color: var(--component-highlight-color);
    content: "•";
    display: inline-block;
    margin: 0 16px
}

.b-footer__recaptcha {
    color: var(--color-gray);
    font-family: var(--type-body-xsmall-font-family);
    font-size: var(--type-body-xsmall-font-size);
    font-weight: var(--type-body-xsmall-font-weight);
    font-weight: 300;
    letter-spacing: var(--type-body-xsmall-letter-spacing);
    line-height: var(--type-body-xsmall-line-height);
    margin: 16px 0 0;
    text-transform: var(--type-body-xsmall-text-transform)
}

[lang=ar] .b-footer__recaptcha {
    font-size: var(--type-body-xsmall-ar-font-size);
    letter-spacing: var(--type-body-xsmall-ar-letter-spacing);
    line-height: var(--type-body-xsmall-ar-line-height)
}

.b-footer__recaptcha a {
    color: hsla(0,0%,100%,.6)
}

.b-footer .m-toggleButton {
    --toggle-button-icon-color: var(--color-white);
    --toggle-button-text-color: var(--color-white)
}

.b-footer .m-toggleButton__label .a-label {
    font-size: 14px;
    letter-spacing: .09em
}

.b-footer .m-toggleButton__chevron {
    height: 20px;
    padding: 5px;
    width: 20px
}

.b-footer .m-toggleButton .a-icon:before {
    height: 50%;
    width: 50%
}

.b-footer .m-toggleButton.-accordion {
    font-family: var(--type-overline-large-font-family);
    font-size: var(--type-overline-large-font-size);
    font-weight: var(--type-overline-large-font-weight);
    letter-spacing: var(--type-overline-large-letter-spacing);
    line-height: var(--type-overline-large-line-height);
    min-height: auto;
    text-transform: var(--type-overline-large-text-transform)
}

.b-footer__sitemapItem {
    border-bottom: 1px solid var(--color-black-90);
    color: hsla(0,0%,100%,.6);
    padding: 24px 0 16px
}

.b-footer__sitemapItem .m-link .a-label {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    padding-top: 24px
}

@media(min-width: 1025px) {
    .b-footer__sitemapItem .m-link .a-label {
        font-size:16px;
        line-height: 24px;
        padding-top: 0
    }
}

.b-footer__sitemapItem:not(:nth-child(2)) .m-link.-footerLink .a-label {
    text-transform: none
}

.b-footer__sitemapItem .a-heading,.b-footer__sitemapItem .m-toggleButton {
    display: none
}

.b-footer__sitemapItem .a-heading {
    color: var(--component-heading-color);
    font-family: var(--type-overline-large-font-family);
    font-size: var(--type-overline-large-font-size);
    font-weight: var(--type-overline-large-font-weight);
    letter-spacing: var(--type-overline-large-letter-spacing);
    line-height: var(--type-overline-large-line-height);
    opacity: .8;
    text-transform: var(--type-overline-large-text-transform)
}

.b-footer__socialLabel {
    display: none
}

.b-footer__social {
    border-bottom: none;
    padding: 40px 0 0
}

.b-footer .m-social__items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    gap: 24px;
    justify-content: flex-start
}

.b-footer .m-social__item:first-child,.b-footer .m-social__items:not(:first-child) {
    -webkit-margin-start: 0;
    margin-inline-start:0}

@media(min-width: 768px) {
    .b-footer__marginaliaItem {
        padding-bottom:32px
    }

    .b-footer__recaptcha {
        margin: 0
    }

    .b-footer__sitemap {
        display: grid;
        gap: 0 10px;
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .b-footer__social {
        -ms-flex-item-align: center;
        align-self: center;
        margin: 40px 0 0;
        padding: 0
    }

    .b-footer .m-social__items,.b-footer__social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.b-footer .m-social__item {
    --icon-size: 32px;
    height: 32px;
    width: 32px
}

.b-footer .m-social__item:not(:first-child) {
    -webkit-margin-start: 0;
    margin-inline-start:0}

@media(min-width: 1025px)and (max-width:1240px) {
    [lang=ru] .b-footer__sitemap {
        grid-template-areas:"link1 link2 link3 link4" "link5 link5 link5 social";
        grid-template-columns: repeat(auto-fit,minmax(250px,2fr))
    }
}

@media(min-width: 1025px) {
    .b-footer__container {
        margin:64px 0 32px;
        padding-inline:64px}

    .b-footer__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-height: 100%
    }

    .b-footer__link {
        padding-bottom: 8px
    }

    .b-footer__marginalia {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 32px 64px
    }

    .b-footer__marginaliaItem {
        padding-bottom: 0
    }

    .b-footer__marginaliaItem.-copyrightNotice {
        display: inline-block
    }

    .b-footer__marginaliaItems {
        -webkit-margin-end: 30px;
        margin-inline-end:30px}

    .b-footer__sitemap {
        gap: 0 20px;
        grid-area: links;
        grid-template-areas: "link1 link2 link3 link4" "link5 link5 link5 social";
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .b-footer__sitemapItem {
        border-bottom: none;
        padding: 0
    }

    .b-footer__sitemapItem:first-child {
        grid-area: link1;
        padding: 0
    }

    .b-footer__sitemapItem:nth-child(2) {
        grid-area: link2
    }

    .b-footer__sitemapItem:nth-child(3) {
        grid-area: link3
    }

    .b-footer__sitemapItem:nth-child(4) {
        grid-area: link4
    }

    .b-footer__sitemapItem .a-heading {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 16px
    }

    .b-footer__sitemapItem+.b-footer__sitemapItem {
        -webkit-margin-before: 24px;
        margin-block-start:24px}

    .b-footer__socialLabel {
        border-top: 1px solid var(--color-black-90);
        display: block;
        grid-area: link5;
        margin: 88px 0 0;
        padding: 32px 0 0;
        position: relative
    }

    .b-footer__socialLabel:after {
        border-top: 1px solid var(--color-black-90);
        content: "";
        position: absolute;
        right: -20px;
        top: -1px;
        width: 20px
    }

    .b-footer__socialLabel .a-heading {
        color: var(--component-heading-color);
        font-family: var(--type-overline-large-font-family);
        font-size: var(--type-overline-large-font-size);
        font-weight: var(--type-overline-large-font-weight);
        letter-spacing: var(--type-overline-large-letter-spacing);
        line-height: var(--type-overline-large-line-height);
        line-height: 30px;
        margin: 0;
        opacity: .8;
        text-transform: var(--type-overline-large-text-transform)
    }

    .b-footer__socialLabel .b-footer__links {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        align-self: center;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 30px;
        grid-column: 2/4;
        margin: 0
    }

    .b-footer__socialLabel .b-footer__link {
        padding: 4px 0
    }

    .b-footer__social {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        align-items: center;
        align-self: start;
        border-top: 1px solid var(--color-black-90);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-area: social;
        justify-content: flex-end;
        margin: 88px 0 0;
        padding: 32px 0 0
    }

    .b-footer__social .m-social {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        position: relative
    }
}

@media(min-width: 1240px) {
    .b-footer__container {
        max-width:100%
    }

    .b-footer__sitemapItem:nth-child(5) {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

html[data-theme=oxagon] .b-footer:not(html[data-theme=oxagon] .b-footer.t-neom) .m-social {
    --component-highlight-color: var(--color-white)
}