@font-face {
    font-family: "Outfit", serif;
    src: url('../fonts/Outfit-Black.eot');
    src: url('../fonts/Outfit-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Black.woff2') format('woff2'),
        url('../fonts/Outfit-Black.woff') format('woff'),
        url('../fonts/Outfit-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Regular Fonts */
@font-face {
    font-family: "Aptos";
    src: url('../fonts/Aptos.woff2') format('woff2'),
         url('../fonts/Aptos.woff') format('woff'),
         url('../fonts/Aptos.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: "Aptos";
    src: url('../fonts/Aptos-Regular.ttf') format('truetype'),
         url('../fonts/Aptos-Regular.woff2') format('woff2'),
         url('../fonts/Aptos-Regular.woff') format('woff'),
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Light.ttf') format('truetype'),
    url('../fonts/Aptos-Light.woff2') format('woff2'),
         url('../fonts/Aptos-Light.woff') format('woff'),
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-LightItalic.ttf') format('truetype'),
    url('../fonts/Aptos-LightItalic.woff2') format('woff2'),
         url('../fonts/Aptos-LightItalic.woff') format('woff'),
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Italic.ttf') format('truetype'),
    url('../fonts/Aptos-Italic.woff2') format('woff2'),
    url('../fonts/Aptos-Italic.woff') format('woff'),
    font-weight: 400;
    font-style: italic;
}

/* SemiBold Fonts */
@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-SemiBold.ttf') format('truetype'),
    url('../fonts/Aptos-SemiBold.woff2') format('woff2'),
    url('../fonts/Aptos-SemiBold.woff') format('woff'),
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-SemiBoldItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-SemiBoldItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

/* Bold Fonts */
@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Bold.ttf') format('truetype');
    src: url('../fonts/Aptos-Bold.woff2') format('woff2');
    src: url('../fonts/Aptos-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-BoldItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-BoldItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* ExtraBold Fonts */
@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-ExtraBold.ttf') format('truetype');
    src: url('../fonts/Aptos-ExtraBold.woff2') format('woff2');
    src: url('../fonts/Aptos-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-ExtraBoldItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-ExtraBoldItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

/* Black Fonts */
@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Black.ttf') format('truetype');
    src: url('../fonts/Aptos-Black.woff2') format('woff2');
    src: url('../fonts/Aptos-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-BlackItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-BlackItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

/* Narrow Fonts */
@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Narrow.ttf') format('truetype');
    src: url('../fonts/Aptos-Narrow.woff2') format('woff2');
    src: url('../fonts/Aptos-Narrow.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-NarrowItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-NarrowItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-NarrowItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-NarrowBold.ttf') format('truetype');
    src: url('../fonts/Aptos-NarrowBold.woff2') format('woff2');
    src: url('../fonts/Aptos-NarrowBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-NarrowBoldItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-NarrowBoldItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-NarrowBoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* Display Fonts */
@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Display.ttf') format('truetype');
    src: url('../fonts/Aptos-Display.woff2') format('woff2');
    src: url('../fonts/Aptos-Display.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-DisplayItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-DisplayItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-DisplayItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-DisplayBold.ttf') format('truetype');
    src: url('../fonts/Aptos-DisplayBold.woff2') format('woff2');
    src: url('../fonts/Aptos-DisplayBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-DisplayBoldItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-DisplayBoldItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-DisplayBoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* Mono Fonts */
@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Mono.ttf') format('truetype');
    src: url('../fonts/Aptos-Mono.woff2') format('woff2');
    src: url('../fonts/Aptos-Mono.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-MonoItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-MonoItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-MonoItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-MonoBold.ttf') format('truetype');
    src: url('../fonts/Aptos-MonoBold.woff2') format('woff2');
    src: url('../fonts/Aptos-MonoBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-MonoBoldItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-MonoBoldItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-MonoBoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* Serif Fonts */
@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Serif.ttf') format('truetype');
     src: url('../fonts/Aptos-Serif.woff2') format('woff2');
      src: url('../fonts/Aptos-Serif.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-SerifItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-SerifItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-SerifItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-SerifBold.ttf') format('truetype');
    src: url('../fonts/Aptos-SerifBold.woff2') format('woff');
    src: url('../fonts/Aptos-SerifBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-SerifBoldItalic.ttf') format('truetype');
    src: url('../fonts/Aptos-SerifBoldItalic.woff2') format('woff2');
    src: url('../fonts/Aptos-SerifBoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}




@font-face {
    font-family: "Outfit", serif;
    src: url('../fonts/Outfit-Black.eot');
    src: url('../fonts/Outfit-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Black.woff2') format('woff2'),
        url('../fonts/Outfit-Black.woff') format('woff'),
        url('../fonts/Outfit-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit", serif;
    src: url('../fonts/Outfit-Bold.eot');
    src: url('../fonts/Outfit-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff'),
        url('../fonts/Outfit-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit", serif;
    src: url('../fonts/Outfit-ExtraBold.eot');
    src: url('../fonts/Outfit-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-ExtraBold.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraBold.woff') format('woff'),
        url('../fonts/Outfit-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit", serif;
    src: url('../fonts/Outfit-ExtraLight.eot');
    src: url('../fonts/Outfit-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-ExtraLight.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraLight.woff') format('woff'),
        url('../fonts/Outfit-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit", serif;
    src: url('../fonts/Outfit-Light.eot');
    src: url('../fonts/Outfit-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Light.woff2') format('woff2'),
        url('../fonts/Outfit-Light.woff') format('woff'),
        url('../fonts/Outfit-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit", serif;
    src: url('../fonts/Outfit-Medium.eot');
    src: url('../fonts/Outfit-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Medium.woff2') format('woff2'),
        url('../fonts/Outfit-Medium.woff') format('woff'),
        url('../fonts/Outfit-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit", serif;
    src: url('../fonts/Outfit-Regular.eot');
    src: url('../fonts/Outfit-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff'),
        url('../fonts/Outfit-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit", serif;
    src: url('../fonts/Outfit-SemiBold.eot');
    src: url('../fonts/Outfit-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('../fonts/Outfit-SemiBold.woff') format('woff'),
        url('../fonts/Outfit-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Outfit", serif;
    src: url('../fonts/Outfit-Thin.eot');
    src: url('../fonts/Outfit-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Thin.woff2') format('woff2'),
        url('../fonts/Outfit-Thin.woff') format('woff'),
        url('../fonts/Outfit-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}