:root {
    --arabic-font: 'Noto Sans Arabic', Tahoma, 'Segoe UI', Arial, sans-serif;
}

#panel,
#panel .slideout-panel,
#panel .ReadAya,
#panel .ReadAya li,
#panel .ReadAya li label,
#panel .LineAya,
#panel .nour,
#panel .surah-title,
#panel .quran-soura,
#panel .quran-soura .card,
#panel #quiz_container,
#panel #quiz_container .question,
#panel #quiz_container .ans,
#panel #quiz_container .circle .box span,
#panel .slideout-panel .question,
#panel .slideout-panel .ans,
#panel .slideout-panel .questions-coutner,
#panel .slideout-panel .desc-container,
#panel .slideout-panel .congratulation,
#panel .questions .btn,
#panel .question,
#panel .ans,
#panel .dua-card,
#panel .dua-text,
#panel .kader-dua,
#panel .bubbly-button,
#panel .content,
#panel h1,
#panel h2,
#panel h3,
#panel h4,
#panel h5,
#panel h6,
#panel p,
#panel .btn,
#panel .card,
#panel table,
#panel label,
#panel input,
#panel textarea,
#panel select,
#panel button {
    font-family: var(--arabic-font) !important;
}

#quiz_container,
#quiz_container .question,
#quiz_container .ans,
#quiz_container .circle .box span {
    font-family: var(--arabic-font) !important;
}