/* rtl.css */

/* 1. استيراد خط عربي أنيق */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

/* 2. تطبيق الخط والاتجاه على الجسم */
body {

    text-align: right;
    font-family: 'Cairo', sans-serif;
}
.navbar-nav,.about, .faq, .footer, .contact{
    direction: rtl;
}
.text-start{
    text-align: right !important;
}

/* 3. الخط العربي لكل العناصر النصية */
h1, h2, h3, h4, h5, h6,
p, a, span, li, label, input, button, textarea, select {
    font-family: 'Cairo', sans-serif !important;
}

/* 4. عناصر Bootstrap الشائعة */
.form-control,
.btn,
.nav-link,
.card-title,
.card-text,
.dropdown-item {
    font-family: 'Cairo', sans-serif !important;
    text-align: right !important;
}

/* 5. تعديل بسيط لاتجاه القوائم والفورمات */
ul, ol {
    padding-right: 1.5rem;
    padding-left: 0;
}

input, textarea, select {
    direction: rtl;
    text-align: right !important;
}