/* RTL Specific Styles */
body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

body[dir="rtl"] .navbar ul li {
    margin-right: 20px;
    margin-left: 0;
}

body[dir="rtl"] .contact-info i {
    margin-right: 10px;
    margin-left: 0;
}

body[dir="rtl"] .social-links a {
    margin-right: 15px;
    margin-left: 0;
}

body[dir="rtl"] .about-content {
    flex-direction: row-reverse;
}

@media (max-width: 992px) {
    body[dir="rtl"] .about-content {
        flex-direction: column;
    }
}