/*font-import css*/

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

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


/* Regular 400 */

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


/* Medium 500 */

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


/* Semi-bold 600 */

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


/* Bold 700 */

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

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


/*============ archivo ============*/


/* Regular 400 */

@font-face {
    src: url('../fonts/archivo-regular.woff2') format('woff2'), url('../fonts/archivo-regular.woff') format('woff');
    font-family: 'archivoregular';
    font-weight: normal;
    font-style: normal;
}

@font-face {
    src: url('../fonts/archivo-italic.woff2') format('woff2'), url('../fonts/archivo-italic.woff') format('woff');
    font-family: 'archivoitalic';
    font-weight: normal;
    font-style: normal;
}


/* Medium 500 */

@font-face {
    src: url('../fonts/archivo-medium.woff2') format('woff2'), url('../fonts/archivo-medium.woff') format('woff');
    font-family: 'archivomedium';
    font-weight: normal;
    font-style: normal;
}

@font-face {
    src: url('../fonts/archivo-mediumitalic.woff2') format('woff2'), url('../fonts/archivo-mediumitalic.woff') format('woff');
    font-family: 'archivomedium_italic';
    font-weight: normal;
    font-style: normal;
}


/* Semi-bold 600 */

@font-face {
    src: url('../fonts/archivo-semibold.woff2') format('woff2'), url('../fonts/archivo-semibold.woff') format('woff');
    font-family: 'archivosemibold';
    font-weight: normal;
    font-style: normal;
}

@font-face {
    src: url('../fonts/archivo-semibolditalic.woff2') format('woff2'), url('../fonts/archivo-semibolditalic.woff') format('woff');
    font-family: 'archivosemibold_italic';
    font-weight: normal;
    font-style: normal;
}


/* Bold 700 */

@font-face {
    src: url('../fonts/archivo-bold.woff2') format('woff2'), url('../fonts/archivo-bold.woff') format('woff');
    font-family: 'archivobold';
    font-weight: normal;
    font-style: normal;
}

@font-face {
    src: url('../fonts/archivo-bolditalic.woff2') format('woff2'), url('../fonts/archivo-bolditalic.woff') format('woff');
    font-family: 'archivobold_italic';
    font-weight: normal;
    font-style: normal;
}


/*========== HK Grotesk ==========*/


/* Regular 400 */

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/HKGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Medium 500 */

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/HKGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/* Semi-bold 600 */

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/HKGrotesk-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/* Bold 700 */

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/HKGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}