/* RTL Styles for Arabic Language */
.rtl {
    text-align: right;
    font-family: 'Tajawal', 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    /*line-height: 1.7;*/
    letter-spacing: 0.01em;
}

/* Improve Arabic font rendering */
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
    font-family: 'Tajawal', 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 700;
    line-height: 1.3;
}

.rtl h1 {
    font-size: 3.2rem;
}

.rtl h2 {
    font-size: 2.3rem;
}

.rtl h3 {
    font-size: 1.4rem;
}

.rtl p, .rtl span, .rtl a, .rtl button, .rtl input, .rtl textarea, .rtl label {
    font-family: 'Tajawal', 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Improve Arabic text readability */
.rtl p {
    font-size: 1.05rem;
    line-height: 1.8;
}

/* Better styling for buttons and form elements in Arabic */
.rtl .btn {
    font-weight: 500;
    letter-spacing: 0;
}

.rtl input, .rtl textarea {
    font-size: 1.05rem;
}

/* Ensure Arabic numerals display correctly */
.rtl .stat-number {
    font-family: 'Tajawal', 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 2.4rem;
}


.rtl .hero-content {
}

.rtl .section-header {
}

.rtl .service-card {
    text-align: right;
}

.rtl .testimonial-card {
    text-align: right;
}

.rtl .success-story-card {
    text-align: right;
}

.rtl .contact-info {
    text-align: right;
}

.rtl .contact-form {
    text-align: right;
}

.rtl .form-group label {
    text-align: right;
}

.rtl .captcha-container {
    flex-direction: row-reverse;
}

.rtl .captcha-question {
    margin-right: 0;
    margin-left: 1rem;
}

.rtl .footer-content {
    flex-direction: row-reverse;
}

.rtl .feature {
    flex-direction: row-reverse;
}

.rtl .feature svg {
    margin-right: 0;
    margin-left: 0.75rem;
}

.rtl .section-subtitle {
    text-align: center;
}

.rtl .feature {
    display: block;
}

/* Fix for mobile menu in RTL */
@media (max-width: 768px) {
    .rtl .mobile-menu-btn {
        margin-left: 0;
        margin-right: auto;
    }

    .rtl .nav-links {
        text-align: right;
        align-items: flex-end;
    }
}