@font-face {
    font-family: HKGrotesk;
    font-weight: 800;
    src: url("../fonts/HKGrotesk-Bold-2.otf");
}

@font-face {
    font-family: HKGrotesk;
    font-weight: 800;
    font-style: italic;
    src: url("../fonts/HKGrotesk-BoldItalic-3.otf");
}

@font-face {
    font-family: HKGrotesk;
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/HKGrotesk-Italic-4.otf");
}

@font-face {
    font-family: HKGrotesk;
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/HKGrotesk-Light-5.otf");
}

@font-face {
    font-family: HKGrotesk;
    font-weight: 300;
    font-style: italic;
    src: url("../fonts/HKGrotesk-LightItalic-6.otf");
}

@font-face {
    font-family: HKGrotesk;
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/HKGrotesk-Medium-7.otf");
}

@font-face {
    font-family: HKGrotesk;
    font-weight: 500;
    font-style: italic;
    src: url("../fonts/HKGrotesk-MediumItalic-8.otf");
}

@font-face {
    font-family: HKGrotesk;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/HKGrotesk-Regular-9.otf");
}

@font-face {
    font-family: HKGrotesk;
    font-weight: bold;
    font-style: normal;
    src: url("../fonts/HKGrotesk-SemiBold-10.otf");
}

@font-face {
    font-family: HKGrotesk;
    font-weight: bold;
    font-style: italic;
    src: url("../fonts/HKGrotesk-SemiBoldItalic-11.otf");
}

@font-face {
    font-family: Versa;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/Versa-Versa.otf");
}

@font-face {
    font-family: Barlow;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/Barlow-Bold.otf");
}

.fw-italic {
    font-style: italic !important;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-medium-italic {
    font-weight: 500 !important;
    font-style: italic !important;
}

.fw-regular {
    font-weight: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-light-italic {
    font-weight: 300 !important;
    font-style: italic !important;
}

.fw-semi-bold {
    font-weight: bold !important;
}

.fw-semi-bold-italic {
    font-weight: bold !important;
    font-style: italic !important;
}

.fw-bold {
    font-weight: 800 !important;
}

.fw-bold-italic {
    font-weight: 800 !important;
    font-style: italic !important;
}