html[dir="rtl"] {
    --bs-font-sans-serif: 'Cairo', sans-serif;
}

html[dir="rtl"] body {
    font-family: 'Cairo', sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .h1,
html[dir="rtl"] .h2,
html[dir="rtl"] .h3,
html[dir="rtl"] .h4,
html[dir="rtl"] .display-1,
html[dir="rtl"] .display-2,
html[dir="rtl"] .display-3,
html[dir="rtl"] .display-4,
html[dir="rtl"] .display-5,
html[dir="rtl"] .display-6,
html[dir="rtl"] .font-secondary {
    font-family: 'Cairo', sans-serif;
    letter-spacing: 0;
}

html[dir="rtl"] .navbar .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 6px;
}

html[dir="rtl"] .footer .btn.btn-link {
    text-align: right;
}

html[dir="rtl"] .footer .btn.btn-link::before {
    margin-right: 0;
    margin-left: 10px;
    transform: rotate(180deg);
}

html[dir="rtl"] .footer .footer-menu a {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

html[dir="rtl"] .footer .footer-menu a:last-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}

html[dir="rtl"] .footer .btn.btn-social {
    margin-left: 5px;
    margin-right: 0;
}

html[dir="rtl"] .header-carousel .owl-nav {
    left: 8%;
    right: auto;
}

html[dir="rtl"] .team-item .team-text {
    left: 0;
    right: auto;
}