/* --- Font Beautique Display --- */
/* Light 300 */
@font-face {
    font-family: 'Beautique Display';
    src: url("/fonts/beautique-display/BeautiqueDisplay-Light.otf") format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Beautique Display';
    src: url("/fonts/beautique-display/BeautiqueDisplay-LightItalic.otf") format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Regular 400 */
@font-face {
    font-family: 'Beautique Display';
    src: url("/fonts/beautique-display/BeautiqueDisplay-Regular.otf") format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Beautique Display';
    src: url("/fonts/beautique-display/BeautiqueDisplay-Italic.otf") format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Medium 500 */
@font-face {
    font-family: 'Beautique Display';
    src: url("/fonts/beautique-display/BeautiqueDisplay-Medium.otf") format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Beautique Display';
    src: url("/fonts/beautique-display/BeautiqueDisplay-MediumItalic.otf") format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Bold 700 */
@font-face {
    font-family: 'Beautique Display';
    src: url("/fonts/beautique-display/BeautiqueDisplay-Bold.otf") format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Beautique Display';
    src: url("/fonts/beautique-display/BeautiqueDisplay-BoldItalic.otf") format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Black 900 */
@font-face {
    font-family: 'Beautique Display';
    src: url("/fonts/beautique-display/BeautiqueDisplay-Black.otf") format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Beautique Display';
    src: url("/fonts/beautique-display/BeautiqueDisplay-BlackItalic.otf") format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* --- Font MonteCarlo --- */
@font-face {
    font-family: 'MonteCarlo';
    src: url("/fonts/monte-carlo/MonteCarlo-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Font BE Vietnam Pro --- */
/* Thin 100 */
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-Thin.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-ThinItalic.ttf") format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* ExtraLight 200 */
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-ExtraLight.ttf") format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-ExtraLightItalic.ttf") format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/* Light 300 */
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-LightItalic.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Regular 400 */
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-Italic.ttf") format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Medium 500 */
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-MediumItalic.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* SemiBold 600 */
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-SemiBold.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-SemiBoldItalic.ttf") format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Bold 700 */
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-BoldItalic.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ExtraBold 800 */
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-ExtraBold.ttf") format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-ExtraBoldItalic.ttf") format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* Black 900 */
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-Black.ttf") format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url("/fonts/be-vietnam-pro/BeVietnamPro-BlackItalic.ttf") format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

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

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

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