@font-face {
    font-family: 'BeautiqueDisplay_r';
    src: url('../fonts/BeautiqueDisplay-Regular.woff2') format('woff2'),
        url('../fonts/BeautiqueDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BeautiqueDisplay_b';
    src: url('../fonts/BeautiqueDisplay-Bold.woff2') format('woff2'),
        url('../fonts/BeautiqueDisplay-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BeautiqueDisplay_m';
    src: url('../fonts/BeautiqueDisplay-Medium.woff2') format('woff2'),
        url('../fonts/BeautiqueDisplay-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ProductSans_r';
    src: url('../fonts/SVN-ProductSans.woff2') format('woff2'),
        url('../fonts/SVN-ProductSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ProductSans_b';
    src: url('../fonts/SVN-ProductSansBold.woff2') format('woff2'),
        url('../fonts/SVN-ProductSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Darleston';
    src: url('../fonts/SVN-Darleston.woff2') format('woff2'),
        url('../fonts/SVN-Darleston.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}