:root {
    --font-h1: 'Roboto-Bold';
    --font-size-h1: 52px;
    --font-h2: 'Roboto-Regular';
    --font-size-h2: 40px;
    --font-h3: 'Roboto-Regular';
    --font-size-h3: 36px;
    --font-h4: 'Roboto-Medium';
    --font-size-h4: 30px;
    --font-h5: 'Roboto-Regular';
    --font-size-h5: 26px;
    --font-h6: 'Roboto-Regular';
    --font-size-h6: 24px;
    --font-regular: 'Roboto-Regular';
    --font-size-regular: 20px;
    --fs-h1-min: 34;
    --fs-h1-max: 52;
    --lh-h1-min: 40;
    --lh-h1-max: 62;
    --fs-h2-min: 28;
    --fs-h2-max: 40;
    --lh-h2-min: 34;
    --lh-h2-max: 50;
    --fs-h3-min: 26;
    --fs-h3-max: 36;
    --lh-h3-min: 30;
    --lh-h3-max: 46;
    --fs-h4-min: 22;
    --fs-h4-max: 30;
    --lh-h4-min: 26;
    --lh-h4-max: 40;
    --fs-h5-min: 20;
    --fs-h5-max: 26;
    --lh-h5-min: 24;
    --lh-h5-max: 34;
    --fs-h6-min: 18;
    --fs-h6-max: 24;
    --lh-h6-min: 24;
    --lh-h6-max: 30;
    --fs-text-min: 16;
    --fs-text-max: 20;
    --lh-text-min: 22;
    --lh-text-max: 28;
    --color-main: #333f50;
    --color-button: rgb(29,29,27);
    --color-hover: rgba(28,28,28,0.9);
    --color-heading: #333F50;
    --color-header-elements: #ffffff;
    --color-header-elements-menuopen: #ffffff;
    --color-header: rgb(0,0,0);
    --color-menu-bgr: rgb(29,29,27);
    --color-boxes-bgr-overlay: #000;
    --color-section-bgr: rgb(242,244,250);
    --color-link: #db0819;
    --color-custom-text: #db0819;
    --color-overlay-slide: #000;
    --color-primary: #db0819;
    --color-on-dark: #ffffff;
    --color-surface: #ffffff;
    --color-surface-alt: #f7f7f7;
    --color-border: #e0e0e0;
    --color-border-strong: #cccccc;
    --color-text-muted: #717171;
    --color-text-faint: #a6a4a2;
    --color-black: #000000;
    --color-highlight: #ffff00;
    --color-button-text: #ffffff;
    --color-button-hover: #4a4a48;
    --color-button-hover-text: #ffffff;
    --color-button-light: #ffffff;
    --color-error: #db0132;
    --color-form-action: #c82c28;
    --color-form-action-border: #b71b17;
    --color-form-step-text: #434343;
    --color-field-label: #636363;
    --color-form-answer-error: #b32d2e;
    --color-overlay-a: #28303e;
    --color-overlay-b: #091f23;
    --color-overlay-c: #1d1d1a;
    --color-caption: #393837;
    --color-blog-slide-bg: #001227;
    --color-header-spacer-dot: #363636;
    --color-footer-meta: #767676;
    --color-footer-icon: #787675;
    --color-hours-text: #767676;
    --color-jump-menu-line: #8e8e8e;
    --color-blog-meta: #797674;
    --color-blog-count: #767676;
    --color-team-link: #767676;
    --color-rating: #edba41;
    --color-rating-nav: #5c657c;
    --color-rating-count: #767676;
    --color-accordion-border: #002854;
    --color-badge-glow: #0c6388;
    --color-rating-bullet: #2b333b;
    --color-field-text: #32353d;
    --color-header-elements-dim: rgb(255 255 255 / 0.600000);
    --color-header-elements-hover: rgb(255 255 255 / 0.700000);
    --color-menu-item-bg: #080808;
    --color-brochure-thumb-bg: #dfe0ea;
    --color-info-table-bg: #e9eaf2;
    --color-button-text-faded: rgb(255 255 255 / 0.350000);
    --color-on-dark-hairline: rgb(255 255 255 / 0.060000);
    --color-on-dark-line-active: rgb(255 255 255 / 0.100000);
    --color-on-dark-line: rgb(255 255 255 / 0.250000);
    --color-on-dark-muted: #d9d9d9;
    --color-surface-veil: rgb(255 255 255 / 0.300000);
    --color-field-label-bg: #dee0e6;
    --color-table-row-line: #dee0e8;
    --color-scrollbar-thumb-hover: #dfdada;
    --color-scrollbar-track: #e9e9e9;
    --color-border-light: #ededed;
    --color-badge-close-ring: rgb(204 204 204 / 0.400000);
    --color-keyword-border: #aaaaaa;
    --color-scrollbar-thumb: #b1b0b0;
    --color-blog-meta-divider: #c1c1c1;
    --color-field-border: #cacdd6;
    --color-table-unchecked-border: #cdced9;
    --color-button-arrow-ring: rgb(113 113 113 / 0.100000);
    --color-footer-separator: #b0b2b7;
    --color-footer-rule: rgb(0 0 0 / 0.050000);
    --color-shadow-xs: rgb(0 0 0 / 0.090196);
    --color-section-separator: rgb(0 0 0 / 0.100000);
    --color-shadow-sm: rgb(0 0 0 / 0.101961);
    --color-shadow-bubble: rgb(0 0 0 / 0.121569);
    --color-shadow-lg: rgb(0 0 0 / 0.160784);
    --color-shadow-md: rgb(0 0 0 / 0.168627);
    --color-shadow-hover: rgb(0 0 0 / 0.200000);
    --color-shadow-menu: rgb(0 0 0 / 0.220000);
    --color-shadow-sidemenu: rgb(0 0 0 / 0.250000);
    --color-popup-backdrop: rgb(37 38 43 / 0.800000);
    --color-overlay-a-42: rgb(40 48 62 / 0.462745);
    --color-overlay-a-79: rgb(40 48 62 / 0.815686);
    --color-overlay-a-58: rgb(40 48 62 / 0.862745);
    --color-image-fade: #081727;
    --color-overlay-a-0: rgb(23 32 49 / 0.847059);
    --color-overlay-a-30: rgb(30 37 49 / 0.709804);
    --color-overlay-b-42: rgb(9 31 35 / 0.458824);
    --color-overlay-b-30: rgb(9 31 35 / 0.701961);
    --color-overlay-b-79: rgb(9 31 35 / 0.819608);
    --color-overlay-b-0: #041315;
    --color-overlay-b-58: rgb(2 14 16 / 0.858824);
    --color-overlay-c-58: rgb(29 29 26 / 0.870588);
    --color-overlay-c-0: rgb(29 29 26 / 0.850980);
    --color-overlay-c-79: rgb(29 29 26 / 0.847059);
    --color-overlay-c-30: rgb(23 23 20 / 0.701961);
    --color-overlay-c-42: rgb(48 49 41 / 0.458824);
    --color-form-label-dim: rgb(67 67 67 / 0.500000);
    --color-caption-bg: rgb(57 56 55 / 0.500000);
    --color-badge-shadow: rgb(12 99 136 / 0.223529);
    --color-map-band: #e5e8ef;
    --sidemenu-main-link-color: #19222a;
    --sidemenu-main-link-hover-color: #a6a4a2;
}

@font-face {
    font-family: 'Roboto-Bold';
    src:url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope-Medium';
    src:url('../fonts/manrope/Manrope-Medium.woff2') format('woff2'),
        url('../fonts/manrope/Manrope-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Regular';
    src:url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Medium';
    src:url('../fonts/roboto/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}