@font-face {
    font-family: 'Basis Grotesque Arabic Pro';
    src: url('basis-grotesque-arabic-light-pro.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis Grotesque Arabic Pro';
    src: url('basis-grotesque-arabic-regular-pro.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis Grotesque Arabic Pro';
    src: url('basis-grotesque-arabic-medium-pro.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis Grotesque Arabic Pro';
    src: url('basis-grotesque-arabic-bold-pro.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis Grotesque Arabic Pro';
    src: url('basis-grotesque-arabic-black-pro.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}