/* Keep the Arabic and English editions on the same visual system. These rules
   mirror only direction-sensitive details from the shared EL EMAN theme. */
html[dir="ltr"] body {
    direction: ltr;
    text-align: left;
    font-family: 'Poppins', 'Cairo', sans-serif;
    background: #f4f6f9;
}

html[dir="ltr"] body :not(i):not([class^="flaticon-"]):not([class^="fa-"]):not([class*=" fa-"]):not([class~="fa"]):not([class~="fas"]):not([class~="far"]):not([class~="fab"]) {
    font-family: 'Poppins', 'Cairo', sans-serif;
}

html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3,
html[dir="ltr"] h4,
html[dir="ltr"] h5,
html[dir="ltr"] h6 {
    font-family: 'Poppins', 'Cairo', sans-serif;
}

html[dir="ltr"] .text-left { text-align: left !important; }
html[dir="ltr"] .text-right { text-align: right !important; }
html[dir="ltr"] .ml-auto { margin-left: auto !important; margin-right: 0 !important; }
html[dir="ltr"] .mr-auto { margin-right: auto !important; margin-left: 0 !important; }

html[dir="ltr"] .top-bar .logo { text-align: left; }
html[dir="ltr"] .top-bar .top-bar-item { flex-direction: row; }
html[dir="ltr"] .top-bar .top-bar-text {
    padding-left: 15px;
    padding-right: 0;
    text-align: left;
}
html[dir="ltr"] .top-bar .top-bar-text p { direction: ltr; text-align: left; }
html[dir="ltr"] .nav-bar .navbar-collapse { direction: ltr; }
html[dir="ltr"] .navbar-nav { padding-left: 0; }

html[dir="ltr"] .nav-bar .btn-outline-hero,
html[dir="ltr"] .carousel .carousel-caption .btn-outline-hero {
    margin-left: 12px;
    margin-right: 0;
}

html[dir="ltr"] .feature-item {
    border-left: 3px solid #f5a623;
    border-right: 0;
}
html[dir="ltr"] .feature-text { padding-left: 15px; padding-right: 0; }

html[dir="ltr"] .why-item {
    border-left: 4px solid #f5a623;
    border-right: 0;
}
html[dir="ltr"] .why-item:hover { transform: translateX(4px); }
html[dir="ltr"] .why-icon { margin-left: 0; margin-right: 15px; }

html[dir="ltr"] .faqs .card-link::after { left: auto; right: 20px; }

html[dir="ltr"] .page-header {
    background-image:
        linear-gradient(to right, rgba(3, 15, 39, .82) 0%, rgba(3, 15, 39, .5) 38%, rgba(3, 15, 39, .28) 65%, rgba(3, 15, 39, .55) 100%),
        url('../img/page-header.jpg');
}

html[dir="ltr"] .contact .contact-item i,
html[dir="ltr"] .contact-item i { margin-left: 0; margin-right: 15px; }
html[dir="ltr"] .contact .contact-text,
html[dir="ltr"] .contact-text { text-align: left; padding-left: 20px; padding-right: 0; }
html[dir="ltr"] .contact .contact-form input,
html[dir="ltr"] .contact .contact-form textarea,
html[dir="ltr"] .contact .contact-form select.form-control {
    direction: ltr;
    text-align: left;
}
html[dir="ltr"] .contact .contact-form select.form-control { padding-left: 15px; padding-right: 30px; }

html[dir="ltr"] .whatsapp-btn i { margin-left: 0; margin-right: 8px; }
html[dir="ltr"] .footer-contact p i { margin-left: 0; margin-right: 8px; }
html[dir="ltr"] .footer-link a:hover { padding-right: 0; padding-left: 5px; }
html[dir="ltr"] .footer-link a::before { content: '→ '; }
html[dir="ltr"] .footer-social a { margin-left: 0; margin-right: 8px; }
html[dir="ltr"] .newsletter .form-control { text-align: left; }

html[dir="ltr"] .pd-spec dt { direction: ltr; text-align: left; }
html[dir="ltr"] .pd-spec dd { direction: ltr; text-align: left; }
html[dir="ltr"] .sv-crumb .fa-angle-left,
html[dir="ltr"] .fa-arrow-left,
html[dir="ltr"] .fa-angle-left { transform: rotate(180deg); }

html[dir="ltr"] .contact .contact-form .form-control::placeholder { text-align: left; }

@media (max-width: 991.98px) {
    html[dir="ltr"] .feature-item { border-left: 0; }
}