/* style.css */
@font-face {
    font-family: 'Hafs';
    src: url('/static/fonts/hafs.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Apply the custom font */
body {
    font-family: 'Hafs', sans-serif;
}

.arabic-text {
    font-family: 'Hafs', serif;
    font-size: 1.5em; /* Adjust font size as desired */
    direction: rtl; /* Right-to-left text direction */
    text-align: center; /* Center-align the Arabic text */
}