/* Import Tajawal Font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/* Apply Tajawal font globally */
* {
    font-family: 'Tajawal', sans-serif !important;
}

body {
    font-family: 'Tajawal', sans-serif !important;
}

/* Override all existing font families */
.font-rubik,
.font-public-sans,
[class*="font-"] {
    font-family: 'Tajawal', sans-serif !important;
}

/* Ensure buttons, inputs, and form elements use Tajawal */
button,
input,
textarea,
select,
.btn,
.form-control {
    font-family: 'Tajawal', sans-serif !important;
}

/* Headers */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Tajawal', sans-serif !important;
}

/* Navigation and menus */
nav,
.nav,
.menu,
.navbar {
    font-family: 'Tajawal', sans-serif !important;
}

/* Tables */
table,
th,
td {
    font-family: 'Tajawal', sans-serif !important;
}

/* Cards and panels */
.card,
.panel,
.box {
    font-family: 'Tajawal', sans-serif !important;
}

/* Modals and alerts */
.modal,
.alert,
.notification {
    font-family: 'Tajawal', sans-serif !important;
}