body {
            margin: 0;
            padding: 0;
            font-family: 'Brown', Arial, sans-serif;
            background-color: #1d1f22;
            border-top: 4px solid #ebc03f;
        }

        :root {
            --anchor-hover-color: #ebc03f;
            --font-base: 'Brown', Arial, sans-serif;
            --font-heading: 'Brown', Arial, sans-serif;
            --type-heading-h1-font-size: clamp(67px, calc(41px + 5.41667vw), 119px);
            --type-heading-h1-font-weight: 400;
            --type-heading-h1-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-heading-h1-line-height: clamp(119%, calc(119% + 1.5625vw - 7.5px), 134%);
            --type-heading-h1-font-family: 'Brown', Arial, sans-serif;
            --type-heading-h1-text-transform: uppercase;
            --type-heading-h2-font-size: clamp(50px, calc(30.5px + 4.0625vw), 89px);
            --type-heading-h2-font-weight: 400;
            --type-heading-h2-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-heading-h2-line-height: clamp(120%, calc(120% + 1.5625vw - 7.5px), 135%);
            --type-heading-h2-font-family: 'Brown', Arial, sans-serif;
            --type-heading-h2-text-transform: uppercase;
            --type-heading-h3-font-size: clamp(37px, calc(22px + 3.125vw), 67px);
            --type-heading-h3-font-weight: 400;
            --type-heading-h3-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-heading-h3-line-height: clamp(110%, calc(110% + 0.9375vw - 4.5px), 119%);
            --type-heading-h3-font-family: 'Brown', Arial, sans-serif;
            --type-heading-h3-text-transform: uppercase;
            --type-heading-h4-font-size: clamp(28px, calc(17px + 2.29167vw), 50px);
            --type-heading-h4-font-weight: 400;
            --type-heading-h4-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-heading-h4-line-height: clamp(143%, calc(143% - 2.39583vw + 11.5px), 120%);
            --type-heading-h4-font-family: 'Brown', Arial, sans-serif;
            --type-heading-h4-text-transform: uppercase;
            --type-heading-h5-font-size: clamp(28px, calc(23.5px + 0.9375vw), 37px);
            --type-heading-h5-font-weight: 400;
            --type-heading-h5-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-heading-h5-line-height: clamp(143%, calc(143% - 2.39583vw + 11.5px), 120%);
            --type-heading-h5-font-family: 'Brown', Arial, sans-serif;
            --type-heading-h5-text-transform: uppercase;
            --type-heading-h6-font-size: clamp(21px, calc(17.5px + 0.72917vw), 28px);
            --type-heading-h6-font-weight: 400;
            --type-heading-h6-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-heading-h6-line-height: clamp(135%, calc(135% + 0.83333vw - 4px), 143%);
            --type-heading-h6-font-family: 'Brown', Arial, sans-serif;
            --type-heading-h6-text-transform: uppercase;
            --type-heading-h7-font-size: 21px;
            --type-heading-h7-font-weight: 400;
            --type-heading-h7-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-heading-h7-line-height: clamp(132%, calc(132% - 1.25vw + 6px), 120%);
            --type-heading-h7-font-family: 'Brown', Arial, sans-serif;
            --type-heading-h7-text-transform: uppercase;
            --type-overline-xlarge-font-size: clamp(21px, calc(17.5px + 0.72917vw), 28px);
            --type-overline-xlarge-font-weight: 400;
            --type-overline-xlarge-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-overline-xlarge-line-height: clamp(135%, calc(135% + 0.83333vw - 4px), 143%);
            --type-overline-xlarge-font-family: 'Brown', Arial, sans-serif;
            --type-overline-xlarge-text-transform: uppercase;
            --type-overline-large-font-size: clamp(16px, calc(13.5px + 0.52083vw), 21px);
            --type-overline-large-font-weight: 400;
            --type-overline-large-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-overline-large-line-height: 120%;
            --type-overline-large-font-family: 'Brown', Arial, sans-serif;
            --type-overline-large-text-transform: uppercase;
            --type-overline-medium-font-size: 16px;
            --type-overline-medium-font-weight: 400;
            --type-overline-medium-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-overline-medium-line-height: clamp(120%, calc(120% + 2.08333vw - 10px), 140%);
            --type-overline-medium-font-family: 'Brown', Arial, sans-serif;
            --type-overline-medium-text-transform: uppercase;
            --type-overline-small-font-size: 12px;
            --type-overline-small-font-weight: 400;
            --type-overline-small-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-overline-small-line-height: 120%;
            --type-overline-small-font-family: 'Brown', Arial, sans-serif;
            --type-overline-small-text-transform: uppercase;
            --type-button-large-font-size: 16px;
            --type-button-large-font-weight: 400;
            --type-button-large-letter-spacing: 0.06em;
            --type-button-large-line-height: 120%;
            --type-button-large-font-family: 'Brown', Arial, sans-serif;
            --type-button-large-text-transform: uppercase;
            --type-button-small-font-size: 12px;
            --type-button-small-font-weight: 400;
            --type-button-small-letter-spacing: 0.12em;
            --type-button-small-line-height: 120%;
            --type-button-small-font-family: 'Brown', Arial, sans-serif;
            --type-button-small-text-transform: uppercase;
            --type-capsCopy-large-font-size: clamp(16px, calc(13.5px + 0.52083vw), 21px);
            --type-capsCopy-large-font-weight: 100;
            --type-capsCopy-large-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-capsCopy-large-line-height: clamp(166%, calc(166% + 2.5vw - 12px), 190%);
            --type-capsCopy-large-font-family: 'Brown', Arial, sans-serif;
            --type-capsCopy-large-text-transform: uppercase;
            --type-capsCopy-small-font-size: 16px;
            --type-capsCopy-small-font-weight: 100;
            --type-capsCopy-small-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-capsCopy-small-line-height: clamp(135%, calc(135% + 3.22917vw - 15.5px), 166%);
            --type-capsCopy-small-font-family: 'Brown', Arial, sans-serif;
            --type-capsCopy-small-text-transform: uppercase;
            --type-capsCopy-xsmall-font-size: clamp(10px, calc(9px + 0.20833vw), 12px);
            --type-capsCopy-xsmall-font-weight: 400;
            --type-capsCopy-xsmall-letter-spacing: 0.06em;
            --type-capsCopy-xsmall-line-height: 120%;
            --type-capsCopy-xsmall-font-family: 'Brown', Arial, sans-serif;
            --type-capsCopy-xsmall-text-transform: uppercase;
            --type-subTitle-large-font-size: clamp(21px, calc(17.5px + 0.72917vw), 28px);
            --type-subTitle-large-font-weight: 100;
            --type-subTitle-large-letter-spacing: 0;
            --type-subTitle-large-line-height: clamp(135%, calc(135% + 0.72917vw - 3.5px), 142%);
            --type-subTitle-large-font-family: 'Brown', Arial, sans-serif;
            --type-subTitle-large-text-transform: none;
            --type-subTitle-small-font-size: 21px;
            --type-subTitle-small-font-weight: 100;
            --type-subTitle-small-letter-spacing: 0;
            --type-subTitle-small-line-height: clamp(135%, calc(135% + 0.9375vw - 4.5px), 144%);
            --type-subTitle-small-font-family: 'Brown', Arial, sans-serif;
            --type-subTitle-small-text-transform: none;
            --type-body-xxlarge-font-size: clamp(21px, calc(6.5px + 3.02083vw), 50px);
            --type-body-xxlarge-font-weight: 100;
            --type-body-xxlarge-letter-spacing: 0;
            --type-body-xxlarge-line-height: clamp(135%, calc(135% - 0.3125vw + 1.5px), 132%);
            --type-body-xxlarge-font-family: 'Brown', Arial, sans-serif;
            --type-body-xxlarge-text-transform: none;
            --type-body-xxlarge-ar-font-size: clamp(21px, calc(-1.5px + 4.6875vw), 66px);
            --type-body-xxlarge-ar-line-height: 92%;
            --type-body-xxlarge-ar-letter-spacing: 0;
            --type-body-xlarge-font-size: clamp(21px, calc(13px + 1.66667vw), 37px);
            --type-body-xlarge-font-weight: 100;
            --type-body-xlarge-letter-spacing: 0;
            --type-body-xlarge-line-height: 135%;
            --type-body-xlarge-font-family: 'Brown', Arial, sans-serif;
            --type-body-xlarge-text-transform: none;
            --type-body-xlarge-ar-font-size: clamp(21px, calc(7.5px + 2.8125vw), 48px);
            --type-body-xlarge-ar-line-height: 126%;
            --type-body-xlarge-ar-letter-spacing: 0;
            --type-body-large-font-size: clamp(21px, calc(17.5px + 0.72917vw), 28px);
            --type-body-large-font-weight: 100;
            --type-body-large-letter-spacing: 0;
            --type-body-large-line-height: clamp(135%, calc(135% + 0.83333vw - 4px), 143%);
            --type-body-large-font-family: 'Brown', Arial, sans-serif;
            --type-body-large-text-transform: none;
            --type-body-large-ar-font-size: clamp(21px, calc(12.5px + 1.77083vw), 38px);
            --type-body-large-ar-line-height: 106%;
            --type-body-large-ar-letter-spacing: 0;
            --type-body-medium-font-size: clamp(16px, calc(13.5px + 0.52083vw), 21px);
            --type-body-medium-font-weight: 100;
            --type-body-medium-letter-spacing: 0;
            --type-body-medium-line-height: clamp(135%, calc(135% + 1.35417vw - 6.5px), 148%);
            --type-body-medium-font-family: 'Brown', Arial, sans-serif;
            --type-body-medium-text-transform: none;
            --type-body-medium-ar-font-size: clamp(16px, calc(11px + 1.04167vw), 26px);
            --type-body-medium-ar-line-height: 120%;
            --type-body-medium-ar-letter-spacing: 0;
            --type-body-small-font-size: 16px;
            --type-body-small-font-weight: 100;
            --type-body-small-letter-spacing: 0;
            --type-body-small-line-height: 150%;
            --type-body-small-font-family: 'Brown', Arial, sans-serif;
            --type-body-small-text-transform: none;
            --type-body-small-ar-font-size: clamp(16px, calc(14px + 0.41667vw), 20px);
            --type-body-small-ar-line-height: 120%;
            --type-body-small-ar-letter-spacing: 0;
            --type-body-xsmall-font-size: 12px;
            --type-body-xsmall-font-weight: 100;
            --type-body-xsmall-letter-spacing: 0.02em;
            --type-body-xsmall-line-height: 150%;
            --type-body-xsmall-font-family: 'Brown', Arial, sans-serif;
            --type-body-xsmall-text-transform: none;
            --type-body-xsmall-ar-font-size: clamp(12px, calc(11px + 0.20833vw), 14px);
            --type-body-xsmall-ar-line-height: 140%;
            --type-body-xsmall-ar-letter-spacing: 0;
            --type-navigation-large-font-size: 14px;
            --type-navigation-large-font-weight: 400;
            --type-navigation-large-letter-spacing: 0.12em;
            --type-navigation-large-line-height: 188%;
            --type-navigation-large-text-transform: uppercase;
            --type-navigation-large-font-family: 'Brown', Arial, sans-serif;
            --type-navigation-small-font-size: 12px;
            --type-navigation-small-font-weight: 100;
            --type-navigation-small-letter-spacing: 0.12em;
            --type-navigation-small-line-height: clamp(237%, calc(237% - 14.27083vw + 68.5px), 100%);
            --type-navigation-small-text-transform: uppercase;
            --type-navigation-small-font-family: 'Brown', Arial, sans-serif;
            --type-navigation-secondary-font-size: 14px;
            --type-navigation-secondary-font-weight: 100;
            --type-navigation-secondary-letter-spacing: 0;
            --type-navigation-secondary-line-height: 120%;
            --type-navigation-secondary-text-transform: uppercase;
            --type-navigation-secondary-font-family: 'Brown', Arial, sans-serif;
            --type-tag-medium-font-size: 12px;
            --type-tag-medium-font-weight: 400;
            --type-tag-medium-letter-spacing: 0.12em;
            --type-tag-medium-line-height: 120%;
            --type-tag-medium-font-family: 'Brown', Arial, sans-serif;
            --type-tag-medium-text-transform: uppercase;
            --type-exception-fullWidthHeading-font-size: clamp(37px, calc(11px + 5.41667vw), 89px);
            --type-exception-fullWidthHeading-font-weight: 400;
            --type-exception-fullWidthHeading-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-exception-fullWidthHeading-line-height: clamp(126%, calc(126% + 0.9375vw - 4.5px), 135%);
            --type-exception-fullWidthHeading-text-transform: uppercase;
            --type-exception-fullWidthHeading-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-blockquote-font-size: clamp(16px, calc(13.5px + 0.52083vw), 21px);
            --type-exception-blockquote-font-weight: 100;
            --type-exception-blockquote-letter-spacing: 0;
            --type-exception-blockquote-line-height: clamp(150%, calc(150% - 0.20833vw + 1px), 148%);
            --type-exception-blockquote-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-blockquote-text-transform: none;
            --type-exception-filters-font-size: 12px;
            --type-exception-filters-font-weight: 400;
            --type-exception-filters-letter-spacing: 0.06em;
            --type-exception-filters-line-height: 20%;
            --type-exception-filters-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-filters-text-transform: none;
            --type-exception-body14-font-size: 14px;
            --type-exception-body14-font-weight: 100;
            --type-exception-body14-letter-spacing: 0;
            --type-exception-body14-line-height: 150%;
            --type-exception-body14-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-body14-text-transform: none;
            --type-exception-small-description-font-size: 14px;
            --type-exception-small-description-font-weight: 100;
            --type-exception-small-description-letter-spacing: 0;
            --type-exception-small-description-line-height: 150%;
            --type-exception-small-description-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-small-description-text-transform: none;
            --type-exception-floating-button-link-font-size: 12px;
            --type-exception-floating-button-link-font-weight: 400;
            --type-exception-floating-button-link-letter-spacing: 0.12em;
            --type-exception-floating-button-link-line-height: 120%;
            --type-exception-floating-button-link-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-floating-button-link-text-transform: none;
            --type-exception-small-links-font-size: 12px;
            --type-exception-small-links-font-weight: 400;
            --type-exception-small-links-letter-spacing: 0;
            --type-exception-small-links-line-height: 164%;
            --type-exception-small-links-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-small-links-text-transform: none;
            --type-exception-factsNumber-font-size: clamp(50px, calc(30.5px + 4.0625vw), 89px);
            --type-exception-factsNumber-font-weight: 100;
            --type-exception-factsNumber-letter-spacing: 0;
            --type-exception-factsNumber-line-height: clamp(134%, calc(134% - 3.54167vw + 17px), 100%);
            --type-exception-factsNumber-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-factsNumber-text-transform: none;
            --type-exception-factsNumberOutline-font-size: clamp(50px, calc(41.5px + 1.77083vw), 67px);
            --type-exception-factsNumberOutline-font-weight: 400;
            --type-exception-factsNumberOutline-letter-spacing: 0;
            --type-exception-factsNumberOutline-line-height: clamp(134%, calc(134% - 3.54167vw + 17px), 100%);
            --type-exception-factsNumberOutline-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-factsNumberOutline-text-transform: none;
            --type-exception-footerLink-font-size: 16px;
            --type-exception-footerLink-font-weight: 100;
            --type-exception-footerLink-letter-spacing: 0;
            --type-exception-footerLink-line-height: 100%;
            --type-exception-footerLink-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-footerLink-text-transform: none;
            --type-exception-smallLinks-font-size: 12px;
            --type-exception-smallLinks-font-weight: 400;
            --type-exception-smallLinks-letter-spacing: 0.12em;
            --type-exception-smallLinks-line-height: 120%;
            --type-exception-smallLinks-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-smallLinks-text-transform: none;
            --type-exception-sectorsTitle-font-size: clamp(28px, calc(17px + 2.29167vw), 50px);
            --type-exception-sectorsTitle-font-weight: 400;
            --type-exception-sectorsTitle-letter-spacing: clamp(0.09em, calc(0.09em + 0.00313vw - 0.015px), 0.12em);
            --type-exception-sectorsTitle-line-height: clamp(143%, calc(143% - 2.39583vw + 11.5px), 120%);
            --type-exception-sectorsTitle-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-sectorsTitle-text-transform: none;
            --type-exception-sectorLabel-font-size: clamp(9px, calc(7.5px + 0.3125vw), 12px);
            --type-exception-sectorLabel-font-weight: 400;
            --type-exception-sectorLabel-letter-spacing: 0.06em;
            --type-exception-sectorLabel-line-height: 120%;
            --type-exception-sectorLabel-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-sectorLabel-text-transform: none;
            --type-exception-download-zip-font-size: clamp(12px, calc(11px + 0.20833vw), 14px);
            --type-exception-download-zip-font-weight: 400;
            --type-exception-download-zip-letter-spacing: 0.02em;
            --type-exception-download-zip-line-height: 150%;
            --type-exception-download-zip-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-download-zip-text-transform: none;
            --type-exception-countdownNumbers-font-size: clamp(37px, calc(-14.5px + 10.72917vw), 140px);
            --type-exception-countdownNumbers-font-weight: 400;
            --type-exception-countdownNumbers-letter-spacing: 0.02em;
            --type-exception-countdownNumbers-line-height: 134%;
            --type-exception-countdownNumbers-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-countdownNumbers-text-transform: none;
            --type-exception-countdownColon-font-size: clamp(28px, calc(-2.5px + 6.35417vw), 89px);
            --type-exception-countdownColon-font-weight: 400;
            --type-exception-countdownColon-letter-spacing: 0.02em;
            --type-exception-countdownColon-line-height: 134%;
            --type-exception-countdownColon-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-countdownColon-text-transform: none;
            --type-exception-timeline-font-size: clamp(21px, calc(15.5px + 1.14583vw), 32px);
            --type-exception-timeline-font-weight: 400;
            --type-exception-timeline-letter-spacing: 0.03em;
            --type-exception-timeline-line-height: 120%;
            --type-exception-timeline-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-timeline-text-transform: none;
            --type-exception-scrollGallery-font-size: clamp(23px, calc(20.5px + 0.52083vw), 28px);
            --type-exception-scrollGallery-font-weight: 400;
            --type-exception-scrollGallery-letter-spacing: ;
            --type-exception-scrollGallery-line-height: 143%;
            --type-exception-scrollGallery-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-exception-scrollGallery-text-transform: none;
            --type-link-s-font-size: 12px;
            --type-link-s-font-weight: 400;
            --type-link-s-letter-spacing: 0.09em;
            --type-link-s-line-height: 160%;
            --type-link-s-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-link-s-text-transform: none;
            --type-link-xs-font-size: 10px;
            --type-link-xs-font-weight: 700;
            --type-link-xs-letter-spacing: 0.09em;
            --type-link-xs-line-height: 120%;
            --type-link-xs-font-family: 'Brown', Arial, sans-serif;
            ;
            --type-link-xs-text-transform: none;
            --color-black: #1d1f22;
            --color-dark-black: #0b0b0b;
            --color-black-10: #e2e0da;
            --color-black-10a: rgba(29, 31, 34, .1);
            --color-black-15a: rgba(29, 31, 34, .15);
            --color-black-20: #d2d2d3;
            --color-black-20a: rgba(29, 31, 34, .2);
            --color-black-30a: rgba(29, 31, 34, .3);
            --color-black-50: #8e8f90;
            --color-black-75: #565759;
            --color-black-75a: rgba(29, 31, 34, .75);
            --color-black-90: #343538;
            --color-black-90a: rgba(29, 31, 34, .9);
            --color-black-95a: rgba(29, 31, 34, .95);
            --color-cream: #f3efe5;
            --color-cream-50: #f5f3ea;
            --color-cream-25: #fcfbf8;
            --color-white: #fff;
            --color-white-5a: hsla(0, 0%, 100%, .05);
            --color-white-10a: hsla(0, 0%, 100%, .1);
            --color-white-15a: hsla(0, 0%, 100%, .15);
            --color-white-20a: hsla(0, 0%, 100%, .2);
            --color-white-30a: hsla(0, 0%, 100%, .3);
            --color-white-50a: hsla(0, 0%, 100%, .5);
            --color-white-70a: hsla(0, 0%, 100%, .7);
            --color-real-black: #000;
            --color-real-black-20a: rgba(0, 0, 0, .2);
            --color-deep-black: #161719;
            --color-deep-black-30a: rgba(22, 23, 25, .3);
            --color-deep-black-90a: rgba(22, 23, 25, .9);
            --color-light-grey: #f8f8f8;
            --color-gold: #ebc03f;
            --color-gold-25: #faefcf;
            --color-gold-50: #f5df9f;
            --color-dark-gold: #b89535;
            --color-dark-gold-00a: rgba(184, 139, 53, 0);
            --color-dark-gold-10a: rgba(184, 139, 53, .1);
            --color-dark-gold-20a: rgba(184, 139, 53, .2);
            --color-dark-gold-70a: rgba(184, 139, 53, .7);
            --color-hotspots: #ffd02a;
            --color-bright-yellow: #ffd02a;
            --color-page-color: #1d1f22;
            --color-mobile-language-selector-background: #111314;
            --color-border-grey: #e8e9e9;
            --color-white-25a: hsla(0, 0%, 100%, .25);
            --color-ui-error: red;
            --color-ui-error-dark: #ff8080;
            --color-ui-success: green;
            --color-dark-blue: #003865;
            --color-green: #006b44;
            --color-dark-green: #003636;
            --color-dim-green: #a8c4cf;
            --color-orange: #f18825;
            --color-light-blue: #007bb5;
            --color-red: #e0403f;
            --color-yellow: #ffe973;
            --color-gold-hover: #ffe973;
            --color-accent-hover: #ffe973;
            --color-nic-navy: #121623;
            --color-gray: #565759;
            --color-dark-cerulean: #104878;
            --color-olive-drab: #628500;
            --color-rouge: #a0346c;
            --color-atoll: #2c818d;
            --color-shuttle-grey: #616366;
            --color-night-shadz: #a63b45;
            --color-sun-orange: #f29132;
            --color-observatory: #068c6e;
            --color-zorba: #9e8e80;
            --color-cannon-pink: #93506a;
            --color-cello: #34495e;
            --color-pine-cone: #796755;
            --color-blue-diamond: #4c2d67;
            --color-teal: #189ab9;
            --color-teal-25: #a5e4f3;
            --color-teal-50: #34c1e5;
            --color-purple-blue: #252c5a;
            --color-purple-blue-00a: rgba(#252c5a, 0);
            --color-purple-blue-10a: rgba(#252c5a, 0.1);
            --color-purple-blue-20a: rgba(#252c5a, 0.2);
            --color-purple-blue-70a: rgba(#252c5a, 0.7);
            --gradient-map-top: linear-gradient(0deg, rgba(29, 31, 34, 0), rgba(29, 31, 34, .8));
            --gradient-map-bottom: linear-gradient(0deg, rgba(29, 31, 34, .8), rgba(29, 31, 34, 0));
            --gradient-expert-right: linear-gradient(90deg, rgba(29, 31, 34, 0), rgba(29, 31, 34, .8));
            --gradient-expert-left: linear-gradient(270deg, rgba(29, 31, 34, 0), rgba(29, 31, 34, .8));
            --gradient-navigation-open-search: linear-gradient(0deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), #1d1f22;
            --mask-background-color: rgba(0, 0, 0, .9);
            --button-shadow-color: rgba(0, 0, 0, .1);
            --block-component-padding-large: 9.7222222222vw;
            --block-component-padding: 4.8611111111vw;
            --containerMargin: 5.5555555556vw;
            --containerMaxWidth: var(--fluid-type-max-width);
            --container-margin-compact: clamp(20px, calc(-40px + 16.66667vw), 180px);
            --container-margin: clamp(20px, 4.8611111111vw, 70px);
            --container-margin-large: clamp(20px, 12.5vw, 180px);
            --fluid-type-min-width: 360px;
            --fluid-type-max-width: 1440px;
            --grid-gap: 20px;
            --largeContainerMargin: 5.5555555556vw;
            --block-padding-regular: clamp(20px, 4.8611111111vw, 70px);
            --block-padding-large: clamp(40px, 9.7222222222vw, 140px);
            --block-padding-xlarge: clamp(60px, 9.7222222222vw, 140px);
            --block-padding-none: 0;
            --dropdown-navigation-offset: 140px;
            --scroll-button-background-color: rgba(29, 31, 34, .075);
            --component-background-color: transparent;
            --component-heading-color: #1d1f22;
            --component-highlight-color-hover: #ebc03f;
            --component-highlight-color: #b89535;
            --component-text-color: #1d1f22;
            --content-link-color: #b89535;
            --content-link-color-hover: #ebc03f;
            --content-marker-color: #b89535;
            --card-size-small: 310px;
            --card-size-medium: 420px;
            --card-size-large: 530px;
            --page-indicator-color: rgba(29, 31, 34, .2);
            --page-indicator-color-active: #b89535;
            --input-background-color: #fff;
            --input-border-color-focus: rgba(29, 31, 34, .3);
            --input-border-color: #e8e9e9;
            --input-border-radius: 4px;
            --input-border-width: 1.5px;
            --input-box-shadow-focus: #e2e0da;
            --input-height: 40px;
            --input-placeholder-color: #8e8f90;
            --input-text-color: #1d1f22;
            --checkbox-active-background-color: #ebc03f;
            --checkbox-background-color: #fff;
            --checkbox-border-color: #f5df9f;
            --checkbox-border-radius: 4px;
            --checkbox-border-width: 1.5px;
            --checkbox-checkmark-color: #fff;
            --checkbox-size: calc(40px/2);
            --radio-active-color: #fff;
            --radio-background-color: #fff;
            --radio-border-color: #f5df9f;
            --radio-border-radius: 50%;
            --radio-size: calc(40px/2);
            --form-error-color: red;
            --modal-background-color: #f5f3ea;
            --modal-mask-color: rgba(0, 0, 0, .75);
            --modal-dark-mask-color: rgba(0, 0, 0, .9);
            --modal-heading-color: #1d1f22;
            --modal-text-color: #565759
        }

        :root {
            --button-border-radius: var(--button-size);
            --button-border-width: 1.5px;
            --button-font-size: 16px;
            --button-icon-size: 24px;
            --button-padding: 40px;
            --button-size: 60px
        }

        @media(min-width:768px) {
            :root {
                --containerMargin: 4.8611111111vw;
                --largeContainerMargin: 12.5vw
            }
        }

        @media(min-width:1024px) {
            :root {
                --block-padding: 60px
            }
        }

        @media(min-width:1440px) {
            :root {
                --block-component-padding: 70px;
                --block-component-padding-large: 140px;
                --containerMargin: 70px;
                --largeContainerMargin: 180px;
                --containerMaxWidth: 1780px
            }
        }

        @media(min-width:1920px) {
            :root {
                --grid-gap: 26.66px
            }
        }

        :root {
            --button-border-radius: var(--button-size);
            --button-border-width: 1.5px;
            --button-font-size: 16px;
            --button-icon-size: 24px;
            --button-padding: 40px;
            --button-size: 60px
        }

        html[data-theme=neom] {
            --color-accent: var(--color-gold);
            --color-accent-25: var(--color-gold-25);
            --color-accent-50: var(--color-gold-50);
            --color-dark-accent: var(--color-dark-gold);
            --color-dark-accent-00a: var(--color-dark-gold-00a);
            --color-dark-accent-10a: var(--color-dark-gold-10a);
            --color-dark-accent-20a: var(--color-dark-gold-20a);
            --color-dark-accent-70a: var(--color-dark-gold-70a);
            --color-page-background: #f9f7f2;
            --color-accent-hover: #ffe973;
            --checkbox-group-background-color: var(--color-cream);
            --progress-bar-background: var(--color-cream);
            --progress-bar-current-background: #b89535
        }

        html[data-theme=oxagon] {
            --color-accent: var(--color-teal);
            --color-accent-25: var(--color-teal-25);
            --color-accent-50: var(--color-teal-50);
            --color-accent-hover: #fff;
            --button-text-color-hover: #fff;
            --color-dark-accent: var(--color-purple-blue);
            --color-dark-accent-00a: var(--color-purple-blue-00a);
            --color-dark-accent-10a: var(--color-purple-blue-10a);
            --color-dark-accent-20a: var(--color-purple-blue-20a);
            --color-dark-accent-70a: var(--color-purple-blue-70a);
            --color-dark-blue: #2b3640;
            --color-light-blue: #009abb;
            --color-oxagon-white: #f0f0ee;
            --color-gradient-dark-blue: linear-gradient(180deg, #2b3640, #252b5b);
            --component-text-color: var(--color-dark-blue);
            --component-heading-color: var(--color-dark-blue);
            --component-highlight-color: #ebc03f;
            --color-page-background: var(--color-oxagon-white);
            --checkbox-group-background-color: #e2e0da;
            --progress-bar-background: var(--color-page-background);
            --progress-bar-current-background: var(--color-light-blue)
        }

        @font-face {
            font-family: 'Brown';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url('https://www.neom.com/etc.clientlibs/neom/clientlibs/clientlib-site/resources/asset/font/brown-regular.woff2') format('woff2'), url('https://static.vscdn.net/images/careers/demo/eightfolddemo-kiramasa/1728901150::brown-regular.woff') format('woff');
        }

        @font-face {
            font-display: swap;
            font-family: Brown;
            font-style: normal;
            font-weight: 100;
            src: url(https://www.neom.com/etc.clientlibs/neom/clientlibs/clientlib-site/resources/asset/font/brown-light.woff2) format('woff2'), url(https://static.vscdn.net/images/careers/demo/eightfolddemo-kiramasa/1728901164::brown-light.woff) format('woff')
        }

        :root #ot-sdk-btn-floating.ot-floating-button {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            height: 40px;
            width: 40px
        }

        :root #ot-sdk-btn-floating.ot-floating-button:before {
            border-right-color: #fff;
            right: -6px
        }

        :root #ot-sdk-btn-floating.ot-floating-button:after {
            background-color: #fff;
            color: var(--color-deep-black-90a);
            font-size: 11px;
            letter-spacing: .06em;
            line-height: 1.2;
            padding: 5px 10px;
            text-transform: uppercase
        }

        :root #ot-sdk-btn-floating.ot-floating-button button {
            padding: 0
        }

        :root #ot-sdk-btn-floating .ot-floating-button__back,
        :root #ot-sdk-btn-floating .ot-floating-button__front {
            background-color: #1d1f22;
            border-radius: 50%;
            -webkit-transition: background .2s ease-in-out;
            -o-transition: background .2s ease-in-out;
            transition: background .2s ease-in-out
        }

        :root #ot-sdk-btn-floating .ot-floating-button__back svg,
        :root #ot-sdk-btn-floating .ot-floating-button__front svg {
            -webkit-transform: scale(.5725);
            -ms-transform: scale(.5725);
            transform: scale(.5725)
        }

        @media(hover:hover) {

            :root #ot-sdk-btn-floating .ot-floating-button__back:hover,
            :root #ot-sdk-btn-floating .ot-floating-button__front:hover {
                background-color: var(--color-gold)
            }
        }

        :root iframe[src*=recaptcha] {
            -webkit-transform: scale(.77);
            -ms-transform: scale(.77);
            transform: scale(.77);
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0
        }

        .button,
        a {
            background: none;
            border: 0;
            color: inherit;
            cursor: pointer;
            display: inline-block;
            font-family: inherit;
            padding: 0;
            text-decoration: none
        }

        @keyframes mouse-scroll {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }

            30% {
                opacity: 1
            }

            99% {
                opacity: 0;
                -webkit-transform: translateY(20%);
                transform: translateY(20%)
            }

            to {
                opacity: 0;
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
        }

        .app,
        .app__root {
            height: 100%
        }

        .app__root>[data-component]:not([data-early-display]) {
            visibility: hidden
        }

        .app__root.-isReady>[data-component] {
            visibility: visible
        }

        .app__content {
            background-color: var(--color-page-background);
            height: auto;
            overflow: hidden;
            width: 100%
        }

        .app__content .cmp>[data-component]:not([data-early-display]),
        .app__content>[data-component]:not([data-early-display]) {
            visibility: hidden
        }

        .-isReady .app__content .cmp>[data-component],
        .-isReady .app__content>[data-component] {
            visibility: visible
        }

        @media(min-width:1024px) {
            .b-heroSlider .a-heading.-h3 {
                font-size: 55px
            }
        }

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

        .a-icon {
            display: inline-block;
            height: var(--icon-size, 24px);
            vertical-align: middle;
            width: var(--icon-size, 24px)
        }

        .a-icon svg {
            fill: var(--icon-fill, currentColor);
            display: block;
            height: 100%;
            -webkit-transition: fill .25s ease;
            -o-transition: fill .25s ease;
            transition: fill .25s ease;
            width: 100%
        }

        .m-button .a-icon {
            --icon-size: var(--button-icon-size);
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

        .m-button .a-label~.a-icon {
            -webkit-margin-start: calc(var(--button-icon-size)/1.5);
            margin-inline-start: calc(var(--button-icon-size)/1.5)
        }

        .m-button.-leftIcon .a-label~.a-icon {
            -webkit-margin-start: 0;
            -webkit-margin-end: calc(var(--button-icon-size)/1.5);
            margin-inline-end: calc(var(--button-icon-size)/1.5);
            margin-inline-start: 0
        }

        .m-button.-download .a-label~.a-icon {
            -webkit-margin-end: 10px;
            margin-inline-end: 10px
        }

        .o-heroContent__content .m-link .a-icon {
            --icon-size: 24px
        }

        .o-heroContent__buttons .a-icon svg {
            fill-rule: evenodd
        }

        html[data-theme=oxagon] .o-heroContent .m-tileCta .a-icon {
            color: var(--color-light-blue)
        }

        @media(pointer:fine) {
            html[data-theme=oxagon] .o-heroContent .m-tileCta .a-icon {
                color: #fff
            }
        }

        @media(pointer:fine)and (hover:hover) {
            html[data-theme=oxagon] .o-heroContent .m-tileCta:hover .a-icon {
                color: var(--color-light-blue)
            }
        }

        .m-button .a-icon,
        .m-button .a-label {
            position: relative;
            z-index: 2
        }

        .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);
            margin-top: -.0225em;
            text-transform: var(--type-button-large-text-transform);
            text-transform: uppercase
        }

        .a-label.-small {
            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);
            text-transform: var(--type-button-small-text-transform)
        }

        .a-label.-checkbox {
            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] .a-label.-checkbox {
            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-label.-footerLink {
            font-family: 'Brown' !important;
            font-size: 16px !important;
            font-weight: var(--type-exception-footerLink-font-weight);
            letter-spacing: var(--type-exception-footerLink-letter-spacing);
            line-height: var(--type-exception-footerLink-line-height);
            text-transform: var(--type-exception-footerLink-text-transform)
        }

        .a-label.-marginaliaLink {
            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-top: 0;
            text-transform: var(--type-body-xsmall-text-transform);
            text-transform: none
        }

        [lang=ar] .a-label.-marginaliaLink {
            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-heroContent__content .m-link .a-label {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }

        .o-heroContent__content .m-link {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            gap: 15px;
            position: absolute;
            top: 180px
        }

        .b-footer {
            --component-highlight-color: #ebc03f;
            --component-highlight-color-hover: var(#ebc03f-hover);
            --component-background-color: #1d1f22;
            --component-text-color: #fff;
            --component-heading-color: #fff;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            background: var(--component-background-color);
            border-top: 4px solid #ebc03f;
            color: var(--component-text-color);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            overflow: hidden;
            font-family: 'Brown', Arial, sans-serif;
            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: #fff
        }

        .b-footer.t-oxagon .m-social {
            --component-highlight-color: #fff;
            --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: 30px 0 60px;
            max-width: var(--containerMaxWidth);
            padding-inline-end: var(--container-margin);
            padding-inline-start: var(--container-margin);
            text-align: left!important;
        }

        .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;
            padding: 15px 0
        }

        .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 var(--containerMargin);
            text-align: center
        }

        .b-footer__marginaliaItem {
            color: #fff;
            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);
            position: relative;
            text-transform: var(--type-body-xsmall-text-transform)
        }

        [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(:first-child):not(:last-child):before {
            color: #ebc03f;
            content: '•';
            display: inline-block;
            margin: 0 .85em;
            font-size: 18px;
        }

        .b-footer__recaptcha {
            color: #8e8f90;
            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: 30px 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: var(--color-black-20)
        }

        .b-footer .m-toggleButton {
            --toggle-button-icon-color: #fff;
            --toggle-button-text-color: #fff
        }

        .b-footer .m-toggleButton__label .a-label {
            letter-spacing: .09em
        }

        .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);
            padding: 30px 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
        }
        .m-toggleButton__chevron .a-icon svg {
    width: 16px;  /* Or any consistent size */
    height: 16px;
}

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

        .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: 60px 0 0
        }

        .b-footer .m-social__items {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .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:last-child:before {
                color: #ebc03f;
                content: '•';
                display: inline-block;
                margin: 0 .85em;
                font-size: 18px;
            }

            .b-footer__recaptcha {
                margin: 0
            }

            .b-footer__sitemap {
                display: grid;
                gap: 0 10px;
                grid-template-columns: repeat(1, minmax(0, 1fr))
            }

            .b-footer__sitemapItem:first-child {
                padding: 30px 0
            }

            .b-footer__social {
                -ms-flex-item-align: center;
                align-self: center;
                margin: 60px 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: 30px;
                height: 30px;
                width: 30px
            }

            .b-footer .m-social__item:not(:first-child) {
                -webkit-margin-start: 27px;
                margin-inline-start: 27px
            }
        }

        @media(min-width: 1024px)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: 1024px) {
            .b-footer__container {
                margin: 65px 0 35px
            }

            .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: 10px 0
            }

            .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 var(--containerMargin)
            }

            .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 {
                margin: 0 0 15px
            }

            .b-footer__sitemapItem+.b-footer__sitemapItem {
                -webkit-margin-before: 30px;
                margin-block-start: 30px
            }

            .b-footer__socialLabel {
                border-top: 1px solid var(--color-black-90);
                display: block;
                grid-area: link5;
                margin: 60px 0 0;
                padding: 35px 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);
                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: 60px 0 0;
                padding: 35px 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: #fff
        }


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

        .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, #b89535);
            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, #ebc03f)
            }
        }

        .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-submitStep .m-social .m-social__item {
            color: #fff
        }

        @media(hover: hover) {
            .o-submitStep .m-social .m-social__item:hover {
                color: var(--component-highlight-hover-color, #ebc03f)
            }
        }

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

        .a-heading.-h6 {
            font-size: 21px !important;
            font-weight: 300;
            line-height: 31px;
            text-transform: none
        }

        .a-heading.-h3 {
            font-family: 'Brown' !important;
            font-size: 21px !important;
            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.-h6 {
            font-family: var(--type-heading-h6-font-family);
            font-size: 21px !important;
            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)
        }

        @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__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.-accordion .m-toggleButton__chevron {
            -webkit-margin-start: var(--collapsible-item-padding-block);
            margin-inline-start: var(--collapsible-item-padding-block)
        }

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