```css
/* =========================================================
   NEXUS — ARABIC / RTL VERSION
========================================================= */

.arabic-page {
    direction: rtl;
    font-family: "Cairo", sans-serif;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

.arabic-page h1,
.arabic-page h2,
.arabic-page h3,
.arabic-page h4,
.arabic-page p,
.arabic-page a,
.arabic-page button,
.arabic-page input,
.arabic-page textarea,
.arabic-page select,
.arabic-page label {
    font-family: "Cairo", sans-serif;
}


/* =========================================================
   HEADER
========================================================= */

.arabic-page .nav-container {
    direction: rtl;
}

.arabic-page .logo {
    text-align: right;
}

.arabic-page .main-nav {
    direction: rtl;
}

.arabic-page .main-nav a {
    white-space: nowrap;
}

.arabic-page .language-switcher {
    direction: ltr;
}


/* =========================================================
   HERO
========================================================= */

.arabic-page .hero-container {
    direction: rtl;
}

.arabic-page .hero-content {
    text-align: right;
}

.arabic-page .hero-content h1,
.arabic-page .hero-content p {
    text-align: right;
}

.arabic-page .hero-buttons {
    direction: rtl;
}


/* =========================================================
   ABOUT
========================================================= */

.arabic-page .about-container {
    direction: rtl;
}

.arabic-page .about-content,
.arabic-page .about-content p {
    text-align: right;
}


/* =========================================================
   SECTION HEADINGS
========================================================= */

.arabic-page .section-heading {
    text-align: right;
}

.arabic-page .section-heading h2,
.arabic-page .section-heading p {
    text-align: right;
}


/* =========================================================
   SERVICES
========================================================= */

.arabic-page .services-grid {
    direction: rtl;
}

.arabic-page .service-card {
    direction: rtl;
    text-align: right;
}

.arabic-page .service-card h3,
.arabic-page .service-card p {
    text-align: right;
}


/* =========================================================
   WHY NEXUS
========================================================= */

.arabic-page .why-grid {
    direction: rtl;
}

.arabic-page .why-card {
    direction: rtl;
    text-align: right;
}

.arabic-page .why-card h3,
.arabic-page .why-card p {
    text-align: right;
}


/* =========================================================
   UAE ECOSYSTEM
========================================================= */

.arabic-page .ecosystem-section {
    direction: rtl;
}

.arabic-page .ecosystem-heading {
    direction: rtl;
    text-align: center;
}

.arabic-page .ecosystem-heading h2,
.arabic-page .ecosystem-heading p,
.arabic-page .ecosystem-heading .eyebrow {
    text-align: center;
}

.arabic-page .ecosystem-marquee {
    direction: ltr;
}

.arabic-page .ecosystem-track {
    direction: ltr;
}

.arabic-page .ecosystem-logo {
    direction: ltr;
}

.arabic-page .ecosystem-disclaimer {
    direction: rtl;
    text-align: center;
}


/* =========================================================
   TESTIMONIALS
========================================================= */

.arabic-page .testimonials-section {
    direction: rtl;
    overflow: hidden;
}

.arabic-page .testimonials-heading {
    direction: rtl;
    text-align: center;
}

.arabic-page .testimonials-heading h2,
.arabic-page .testimonials-heading p,
.arabic-page .testimonials-heading .eyebrow {
    text-align: center;
}


/* ---------------------------------------------------------
   TESTIMONIAL CAROUSEL

   The section/text is RTL.
   The animation track itself is LTR so the duplicated
   cards can loop smoothly without RTL transform problems.
--------------------------------------------------------- */

.arabic-page .testimonials-slider {
    direction: ltr;
    width: 100%;
    overflow: hidden;
}

.arabic-page .testimonial-track {
    direction: ltr;
    display: flex;
    width: max-content;
    animation: arabicTestimonialScroll 30s linear infinite;
}

.arabic-page .testimonial-card {
    direction: rtl;
    text-align: right;
    flex: 0 0 auto;
}

.arabic-page .testimonial-text {
    direction: rtl;
    text-align: right;
}

.arabic-page .testimonial-quote {
    direction: rtl;
    text-align: right;
}

.arabic-page .testimonial-author {
    direction: rtl;
    text-align: right;
}

.arabic-page .testimonial-author strong,
.arabic-page .testimonial-author span {
    direction: rtl;
    text-align: right;
}


/* Pause carousel on hover */

.arabic-page .testimonial-track:hover {
    animation-play-state: paused;
}


/* Arabic testimonial animation */

@keyframes arabicTestimonialScroll {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }

}


/* =========================================================
   CONTACT
========================================================= */

.arabic-page .contact-container {
    direction: rtl;
}

.arabic-page .contact-content,
.arabic-page .contact-content h2,
.arabic-page .contact-content p,
.arabic-page .contact-details,
.arabic-page .contact-details p {
    text-align: right;
}


/* =========================================================
   CONTACT FORM
========================================================= */

.arabic-page .contact-form {
    direction: rtl;
    text-align: right;
}

.arabic-page .form-group {
    direction: rtl;
    text-align: right;
}

.arabic-page .contact-form label {
    display: block;
    direction: rtl;
    text-align: right;
}

.arabic-page .contact-form input,
.arabic-page .contact-form select,
.arabic-page .contact-form textarea {
    direction: rtl;
    text-align: right;
    font-family: "Cairo", sans-serif;
}


/* =========================================================
   FOOTER
========================================================= */

.arabic-page .footer-main {
    direction: rtl;
}

.arabic-page .footer-brand,
.arabic-page .footer-column,
.arabic-page .footer-column h4,
.arabic-page .footer-column a {
    text-align: right;
}

.arabic-page .footer-bottom-container {
    direction: rtl;
}

.arabic-page .footer-bottom-container p {
    text-align: right;
}

.arabic-page .footer-legal {
    direction: rtl;
}


/* =========================================================
   LANGUAGE SWITCHER
========================================================= */

.arabic-page .language-switcher {
    display: flex;
    align-items: center;
    gap: 8px;
    direction: ltr;
    white-space: nowrap;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.arabic-page .language-switcher a {
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.arabic-page .language-switcher a:hover {
    opacity: 0.7;
}

.arabic-page .language-switcher .active {
    font-weight: 700;
}


/* =========================================================
   WHATSAPP
========================================================= */

.arabic-page .whatsapp-float {
    direction: ltr;
}


/* =========================================================
   BACK TO TOP
========================================================= */

.arabic-page .back-to-top {
    direction: ltr;
}


/* =========================================================
   MOBILE — GENERAL
========================================================= */

@media (max-width: 768px) {

    .arabic-page .hero-content,
    .arabic-page .about-content,
    .arabic-page .section-heading,
    .arabic-page .contact-content,
    .arabic-page .service-card,
    .arabic-page .why-card,
    .arabic-page .footer-brand,
    .arabic-page .footer-column {
        text-align: right;
    }

    .arabic-page .hero-buttons {
        direction: rtl;
    }


    /* Ecosystem */

    .arabic-page .ecosystem-heading,
    .arabic-page .ecosystem-heading h2,
    .arabic-page .ecosystem-heading p,
    .arabic-page .ecosystem-heading .eyebrow {
        text-align: center;
    }


    /* Testimonials */

    .arabic-page .testimonial-card {
        direction: rtl;
        text-align: right;
    }

    .arabic-page .testimonial-text,
    .arabic-page .testimonial-author,
    .arabic-page .testimonial-author strong,
    .arabic-page .testimonial-author span {
        text-align: right;
    }

    .arabic-page .testimonial-track {
        animation-duration: 24s;
    }


    /* Contact */

    .arabic-page .contact-form label,
    .arabic-page .contact-form input,
    .arabic-page .contact-form select,
    .arabic-page .contact-form textarea {
        text-align: right;
    }

}
```
