@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-XBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-RegularItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-XBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("/assets/fonts/AktivGrotesk-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}