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

@font-face {
    font-family: 'GoogleSans Bold';
    src: url('../fonts/GoogleSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Al Qalam Quran Majeed';
    src: url('../fonts/Al-Qalam-Quran-Majeed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Uthmani';
    src: url('../fonts/uthmani.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geetanjali';
    src: url('../fonts/GeetanjalilJni-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geetanjali Bold';
    src: url('../fonts/GeetanjalilJni-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nastaleeq';
    src: url('../fonts/HafsNastaleeqVer10.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Uthman-Taha-Naskh';
    src: url('../fonts/Uthman-Taha-Naskh.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Indopak Nastaleq';
    src: url('../fonts/Indopak-Nastaleq.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}