/* Right-to-left overrides for the main site. Loaded only when the page is Arabic. */

html[dir="rtl"] body,
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"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    font-family: "Cairo", "Segoe UI", Tahoma, sans-serif;
}

html[dir="rtl"] body {
    line-height: 1.9;
}

html[dir="rtl"] .hero-content h1,
html[dir="rtl"] .page-hero h1,
html[dir="rtl"] .nx-hero h1,
html[dir="rtl"] .section-title,
html[dir="rtl"] .nx-featured-case h2,
html[dir="rtl"] .nx-case-preview h3 {
    line-height: 1.45;
}

html[dir="rtl"] .eyebrow,
html[dir="rtl"] .nx-brand-line,
html[dir="rtl"] .nav-hub-link,
html[dir="rtl"] .card-kicker,
html[dir="rtl"] .nx-proof-strip > span,
html[dir="rtl"] .nx-case-facts span,
html[dir="rtl"] .nx-live {
    letter-spacing: 0;
    text-transform: none;
}

html[dir="rtl"] .section-title.left,
html[dir="rtl"] .section-intro.left,
html[dir="rtl"] .stat-item {
    text-align: right;
}

html[dir="rtl"] .hero-orbit-one {
    right: auto;
    left: -8rem;
}

html[dir="rtl"] .hero-orbit-two {
    left: auto;
    right: -4rem;
}

html[dir="rtl"] .card-list li {
    padding-left: 0;
    padding-right: 1.2rem;
}

html[dir="rtl"] .card-list li::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .nav-hub-item {
    margin-left: 0;
    margin-right: 0.5rem;
}

html[dir="rtl"] .scroll-to-top {
    right: auto;
    left: 1.5rem;
}

html[dir="rtl"] .blog-post-body ul,
html[dir="rtl"] .blog-post-body ol {
    padding-left: 0;
    padding-right: 1.5rem;
}

html[dir="rtl"] .feature-list li {
    padding-left: 0;
    padding-right: 1.3rem;
}

html[dir="rtl"] .feature-list li::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .dir-arrow,
html[dir="rtl"] .fa-arrow-left,
html[dir="rtl"] .fa-arrow-right {
    display: inline-block;
    transform: scaleX(-1);
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[name="captcha_1"] {
    direction: ltr;
    text-align: right;
}

html[dir="rtl"] .hub-user {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

@media (max-width: 860px) {
    html[dir="rtl"] .nav-links {
        right: auto;
        left: 0.8rem;
        transform: translateX(-115%);
    }

    html[dir="rtl"] .nav-links.nav-active {
        transform: translateX(0);
    }
}

@media (max-width: 640px) {
    html[dir="rtl"] .scroll-to-top {
        right: auto;
        left: 1rem;
    }
}