/* fonts */


/* add the fonts into assets/fonts/ folder.
*/

@font-face {
    font-family: 'Circular Std';
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/CircularStd-Light.otf);
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    font-weight: 300;
    font-style: italic;
    src: url(../fonts/CircularStd-LightItalic.otf);
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/CircularStd-Book.otf);
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    font-weight: 400;
    font-style: italic;
    src: url(../fonts/CircularStd-BookItalic.otf);
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/CircularStd-Medium.otf);
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    font-weight: 500;
    font-style: italic;
    src: url(../fonts/CircularStd-MediumItalic.otf);
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/CircularStd-Bold.otf);
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    font-weight: 700;
    font-style: italic;
    src: url(../fonts/CircularStd-BoldItalic.otf);
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/CircularStd-Black.otf);
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    font-weight: 700;
    font-style: italic;
    src: url(../fonts/CircularStd-BlackItalic.otf);
    font-display: swap;
}