/* ================= Arabic Alignment Fix ================= */
html[lang="ar"] body {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 16px !important;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] p,
html[lang="ar"] a,
html[lang="ar"] li,
html[lang="ar"] button,
html[lang="ar"] label,
html[lang="ar"] input,
html[lang="ar"] select {
    text-align: right !important;
    direction: rtl !important;
}

html[lang="ar"] .banner-content {
    text-align: right !important;
}

html[lang="ar"] .banner-form-tab-six .nav-link {
    text-align: right !important;
}

html[lang="ar"] .banner-content h1,
html[lang="ar"] .banner-content h3,
html[lang="ar"] .banner-content p {
    text-align: right !important;
}

html[lang="ar"] h1 {
    font-size: 2.5rem !important;
}

html[lang="ar"] h3 {
    font-size: 1.4rem !important;
}

html[lang="ar"] input::placeholder,
html[lang="ar"] textarea::placeholder {
    text-align: right !important;
}

html[lang="ar"] .banner-form-tab-six .nav-link {
    text-align: right !important;
}

html[lang="ar"] .breadcrumb {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="ar"] .breadcrumb-item {
    float: right !important;
}

html[lang="ar"] .breadcrumb-item + .breadcrumb-item::before {
    content: "›" !important;
    padding-left: .5rem;
    padding-right: .5rem;
}

html[lang="ar"] .owl-carousel {
    direction: ltr !important;
}

html[lang="ar"] .owl-stage,
html[lang="ar"] .owl-item {
    direction: rtl !important;
}

html[lang="ar"] .categories-card .loc-view-bottom {
    right: auto !important;
    left: 15px !important;
}

html[lang="ar"] input[type="tel"],
html[dir="rtl"] input[type="tel"] {
    direction: ltr !important;
    text-align: left !important;
}

html[lang="ar"] input[type="tel"]::placeholder,
html[dir="rtl"] input[type="tel"]::placeholder {
    direction: ltr !important;
    text-align: left !important;
}