:root{--font-family-body:"Noto sans";--font-weight-label:var(--font-weight-medium);--font-weight-quote:var(--font-weight-medium);--font-weight-heading:var(--font-weight-bold);--font-weight-title:var(--font-weight-light);--radius-container:0.5rem;--radius-element:0.25rem;--bg-main:#fff;--bg-alt:#f4f4f4;--bg-hover:#f9f9f9;--text-color:#1a1a1a;--text-color-soft:#707070;--text-color-success:#007d00;--text-color-warning:#cf0000;--text-color-error:#cf0000;--text-color-heading:var(--text-color);--border-color:#707070;--border-color-soft:#d8d8d8;--accent:#757a80;--accent-contrast:#fff;--accent-hover:#0393be;--color-action:#757a80;--color-action-active:#0393be;--color-on-action:#fff;--button-primary-text:var(--bg-main);--complementary-alt-1:#344a5c;--complementary-alt-2:#3d4f42;--complementary-alt-3:#822b1d;--complementary-alt-4:#4d3e42;--complementary-contrast-alt-1:#dee3e9;--complementary-contrast-alt-2:#e6ebea;--complementary-contrast-alt-3:#f0dfd6;--complementary-contrast-alt-4:#e9e5e6;--complementary-hover-alt-1:#576775;--complementary-hover-alt-2:#606d63;--complementary-hover-alt-3:#945147;--complementary-hover-alt-4:#706467;--complementary-text-alt-1:#fff;--complementary-text-alt-2:#fff;--complementary-text-alt-3:#fff;--complementary-text-alt-4:#fff;--gradients-alt-1:"";--gradients-alt-2:"";--gradients-alt-3:"";--gradients-alt-4:"";--gradients-complementary-alt-1:"";--gradients-complementary-alt-2:"";--gradients-complementary-alt-3:"";--gradients-complementary-alt-4:"";--gradients-contrast-alt-1:"";--gradients-contrast-alt-2:"";--gradients-contrast-alt-3:"";--gradients-contrast-alt-4:"";--gradients-hover-alt-1:"";--gradients-hover-alt-2:"";--gradients-hover-alt-3:"";--gradients-hover-alt-4:"";--overlay:#1a1a1acc;--overlay-contrast:#fff;--overlay-hover:#313131cc;--text-overlay:var(--overlay);--text-overlay-contrast:var(--overlay-contrast);--overlay-main:#1a1a1a;--overlay-main-contrast:#fff;--overlay-alternative:#fff;--overlay-alternative-contrast:#1a1a1a;--button-border-radius:var(--border-radius);--topbar-bg:var(--accent);--topbar-color:var(--accent-contrast);--card-border:none;--heroFW-overlay-color:var(--text-overlay);--banner-text-color-1:var(--complementary-contrast-alt-1);--banner-text-color-2:var(--complementary-contrast-alt-2);--banner-text-color-3:var(--complementary-contrast-alt-3);--banner-text-color-4:var(--complementary-contrast-alt-4);--featuredContent-text-color-1:var(--complementary-contrast-alt-1);--featuredContent-text-color-2:var(--complementary-contrast-alt-2);--featuredContent-text-color-3:var(--complementary-contrast-alt-3);--featuredContent-text-color-4:var(--complementary-contrast-alt-4);--wizard-heading-color-1:var(--complementary-contrast-alt-1);--wizard-heading-color-2:var(--complementary-contrast-alt-2);--wizard-heading-color-3:var(--complementary-contrast-alt-3);--wizard-heading-color-4:var(--complementary-contrast-alt-4);--navHeader-link-hover-color:none;--fade-in-opacity-duration:0.5s;--fade-in-transform-duration:0.6s;--fade-in-transform-height:2vh}
@font-face {
    font-display: swap;
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/notosans-regular.woff2) format("woff2"),url(fonts/notosans-regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 500;
    src: url(fonts/notosans-medium.woff2) format("woff2"),url(fonts/notosans-medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 600;
    src: url(fonts/notosans-semibold.woff2) format("woff2"),url(fonts/notosans-semibold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/notosans-bold.woff2) format("woff2"),url(fonts/notosans-bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA Vesta";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/AAVESLGT.woff2) format("woff2"),url(fonts/AAVESLGT.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA Vesta";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/AAVESREG.woff2) format("woff2"),url(fonts/AAVESREG.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA Vesta";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/AAVESBOL.woff2) format("woff2"),url(fonts/AAVESBOL.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA Vesta";
    font-style: italic;
    font-weight: 400;
    src: url(fonts/AAVESITA.woff2) format("woff2"),url(fonts/AAVESITA.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA Vesta";
    font-style: italic;
    font-weight: 700;
    src: url(fonts/AAVESBIT.woff2) format("woff2"),url(fonts/AAVESBIT.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA 07";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/ASSA07-Light.woff2) format("woff2"),url(fonts/ASSA07-Light.woff2) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA 07";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/ASSA07-Regular.woff2) format("woff2"),url(fonts/ASSA07-Regular.woff2) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA 07";
    font-style: normal;
    font-weight: 500;
    src: url(fonts/ASSA07-Medium.woff2) format("woff2"),url(fonts/ASSA07-Medium.woff2) format("woff")
}


@font-face {
    font-display: swap;
    font-family: "ASSA 07";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/ASSA07-Bold.woff2) format("woff2"),url(fonts/ASSA07-Bold.woff2) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Yale Solis";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/YaleSolisW-Light.woff2) format("woff2"),url(fonts/YaleSolisW-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Yale Solis";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/YaleSolisW-Regular.woff2) format("woff2"),url(fonts/YaleSolisW-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Yale Solis";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/YaleSolisW-Bold.woff2) format("woff2"),url(fonts/YaleSolisW-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Union Barlow";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Barlow-Regular.woff2) format("woff2"),url(fonts/Barlow-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Union Barlow";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Barlow-Bold.woff2) format("woff2"),url(fonts/Barlow-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Union Barlow";
    font-style: italic;
    font-weight: 400;
    src: url(fonts/Barlow-Italic.woff2) format("woff2"),url(fonts/Barlow-Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Helvetica Neue";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/HelveticaNeue-Light.woff2) format("woff2"),url(fonts/HelveticaNeue-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Helvetica Neue";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/HelveticaNeue-Regular.woff2) format("woff2"),url(fonts/HelveticaNeue-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Helvetica Neue";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/HelveticaNeue-Bold.woff2) format("woff2"),url(fonts/HelveticaNeue-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Helvetica Neue";
    font-style: italic;
    font-weight: 400;
    src: url(fonts/HelveticaNeue-Italic.woff2) format("woff2"),url(fonts/HelveticaNeue-Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/OpenSans-Light.woff2) format("woff2"),url(fonts/OpenSans-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 300;
    src: url(fonts/OpenSans-LightItalic.woff2) format("woff2"),url(fonts/OpenSans-LightItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/OpenSans-Regular.woff2) format("woff2"),url(fonts/OpenSans-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    src: url(fonts/OpenSans-Italic.woff2) format("woff2"),url(fonts/OpenSans-Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 500;
    src: url(fonts/OpenSans-Medium.woff2) format("woff2"),url(fonts/OpenSans-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 500;
    src: url(fonts/OpenSans-MediumItalic.woff2) format("woff2"),url(fonts/OpenSans-MediumItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/OpenSans-Bold.woff2) format("woff2"),url(fonts/OpenSans-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/OpenSans_SemiCondensed-Regular.woff) format("woff2"),url(fonts/OpenSans_SemiCondensed-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 500;
    src: url(fonts/OpenSans_SemiCondensed-Medium.woff) format("woff2"),url(fonts/OpenSans_SemiCondensed-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: italic;
    font-weight: 500;
    src: url(fonts/OpenSans_SemiCondensed-MediumItalic.woff) format("woff2"),url(fonts/OpenSans_SemiCondensed-MediumItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: italic;
    font-weight: 600;
    src: url(fonts/OpenSans_SemiCondensed-SemiBold.woff) format("woff2"),url(fonts/OpenSans_SemiCondensed-SemiBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/OpenSans_SemiCondensed-Bold.woff) format("woff2"),url(fonts/OpenSans_SemiCondensed-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 800;
    src: url(fonts/OpenSans_SemiCondensed-BoldItalic.woff) format("woff2"),url(fonts/OpenSans_SemiCondensed-BoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 900;
    src: url(fonts/OpenSans_SemiCondensed-ExtraBold.woff) format("woff2"),url(fonts/OpenSans_SemiCondensed-ExtraBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 900;
    src: url(fonts/OpenSans_SemiCondensed-ExtraBoldItalic.woff) format("woff2"),url(fonts/OpenSans_SemiCondensed-ExtraBoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Rajdhani";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/Rajdhani-Light.woff) format("woff2"),url(fonts/Rajdhani-Light.woff) format("woff")
}

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

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

@font-face {
    font-display: swap;
    font-family: "Rajdhani";
    font-style: normal;
    font-weight: 600;
    src: url(fonts/Rajdhani-SemiBold.woff) format("woff2"),url(fonts/Rajdhani-SemiBold.woff) format("woff")
}

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

@font-face {
    font-display: swap;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 100;
    src: url(fonts/SourceSansPro-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/SourceSansPro-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/SourceSansPro-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 600;
    src: url(fonts/SourceSansPro-SemiBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/SourceSansPro-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Basis Grotesque";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/basis-grotesque-light-pro.woff) format("woff2"),url(fonts/basis-grotesque-light-pro.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Basis Grotesque";
    font-style: italic;
    font-weight: 400;
    src: url(fonts/basis-grotesque-italic-pro.woff) format("woff2"),url(fonts/basis-grotesque-italic-pro.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Basis Grotesque";
    font-style: italic;
    font-weight: 700;
    src: url(fonts/basis-grotesque-bold-italic-pro.woff) format("woff2"),url(fonts/basis-grotesque-bold-italic-pro.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Basis Grotesque";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/basis-grotesque-regular-pro.woff) format("woff2"),url(fonts/basis-grotesque-regular-pro.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Basis Grotesque";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/basis-grotesque-bold-pro.woff) format("woff2"),url(fonts/basis-grotesque-bold-pro.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/SangBleuOGSans-Regular-WebS.woff) format("woff2"),url(fonts/SangBleuOGSans-Regular-WebS.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/SangBleuOGSans-Regular-WebXL.woff) format("woff2"),url(fonts/SangBleuOGSans-Regular-WebXL.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/SangBleuOGSans-Light-WebS.woff) format("woff2"),url(fonts/SangBleuOGSans-Light-WebS.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/SangBleuOGSans-Light-WebXL.woff) format("woff2"),url(fonts/SangBleuOGSans-Light-WebXL.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 500;
    src: url(fonts/SangBleuOGSans-Medium-WebS.woff) format("woff2"),url(fonts/SangBleuOGSans-Medium-WebS.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 500;
    src: url(fonts/SangBleuOGSans-Medium-WebXL.woff) format("woff2"),url(fonts/SangBleuOGSans-Medium-WebXL.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: url(fonts/Roboto-Thin.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: italic;
    font-weight: 100;
    src: url(fonts/Roboto-ThinItalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/Roboto-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: italic;
    font-weight: 300;
    src: url(fonts/Roboto-LightItalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Roboto-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: url(fonts/Roboto-Italic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url(fonts/Roboto-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: url(fonts/Roboto-MediumItalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Roboto-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    src: url(fonts/Roboto-BoldItalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/AbloySansWEB-Bold.woff2) format("woff2"),url(fonts/AbloySansWEB-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans";
    font-style: italic;
    font-weight: 700;
    src: url(fonts/AbloySansWEB-BoldItalic.woff2) format("woff2"),url(fonts/AbloySansWEB-BoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/AbloySansWEB-Regular.woff2) format("woff2"),url(fonts/AbloySansWEB-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans";
    font-style: italic;
    font-weight: 400;
    src: url(fonts/AbloySansWEB-RegularItalic.woff2) format("woff2"),url(fonts/AbloySansWEB-RegularItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans Cyrillic";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/AbloySansWEB-CyrillicBold.woff2) format("woff2"),url(fonts/AbloySansWEB-CyrillicBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans Cyrillic";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/AbloySansWEB-CyrillicRegular.woff2) format("woff2"),url(fonts/AbloySansWEB-CyrillicRegular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/NotoSansThai-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/NotoSansThai-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 500;
    src: url(fonts/NotoSansThai-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 600;
    src: url(fonts/NotoSansThai-SemiBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/NotoSansThai-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: normal;
    font-weight: 100;
    src: url(fonts/Jost-Thin.woff2) format("woff2"),url(fonts/Jost-Thin.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/Jost-Light.woff2) format("woff2"),url(fonts/Jost-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: italic;
    font-weight: 300;
    src: url(fonts/Jost-LightItalic.woff2) format("woff2"),url(fonts/Jost-LightItalic.woff) format("woff")
}

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

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

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: italic;
    font-weight: 500;
    src: url(fonts/Jost-MediumItalic.woff2) format("woff2"),url(fonts/Jost-MediumItalic.woff) format("woff")
}

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

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: italic;
    font-weight: 700;
    src: url(fonts/Jost-BoldItalic.woff2) format("woff2"),url(fonts/Jost-BoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 100;
    src: url(fonts/Outfit-Thin.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 200;
    src: url(fonts/Outfit-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/Outfit-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Outfit-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Outfit-Black.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 500;
    src: url(fonts/Outfit-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 600;
    src: url(fonts/Outfit-SemiBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Outfit-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 800;
    src: url(fonts/Outfit-ExtraBold.ttf) format("truetype")
}