/**
 * RTL (Right-to-Left) Stylesheet for Arabic Language Support
 * This stylesheet overrides and supplements style.css for RTL layouts
 * Author: domProjects Dev Team
 * Version: 1.0.0
 */
/* ===========================
   ARABIC FONT DECLARATION
   =========================== */
@font-face {
    font-family: 'Noto Kufi Arabic';
    src: url('../../../fonts/NotoKufiArabic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
/* ===========================
   GLOBAL RTL STYLES
   =========================== */
[dir="rtl"],
[dir="rtl"] * {
    direction: rtl;
    unicode-bidi: embed;
}
/* CRITICAL: Reset direction for ALL icon elements to prevent rendering issues */
/* This must override the universal RTL rule */
html[dir="rtl"] i,
html[dir="rtl"] i *,
html[dir="rtl"] .ri-arrow-down-s-line,
html[dir="rtl"] .ri-arrow-down-s-line *,
html[dir="rtl"] [class^="ri-"],
html[dir="rtl"] [class^="ri-"] *,
html[dir="rtl"] [class*=" ri-"],
html[dir="rtl"] [class*=" ri-"] *,
html[dir="rtl"] .fa,
html[dir="rtl"] .fa *,
html[dir="rtl"] [class^="fa-"],
html[dir="rtl"] [class^="fa-"] *,
html[dir="rtl"] [class*=" fa-"],
html[dir="rtl"] [class*=" fa-"] * {
    direction: ltr !important;
    unicode-bidi: normal !important;
}
/* Also reset for pseudo-elements used by icon fonts */
html[dir="rtl"] i::before,
html[dir="rtl"] i::after,
html[dir="rtl"] [class^="ri-"]::before,
html[dir="rtl"] [class^="ri-"]::after,
html[dir="rtl"] [class*=" ri-"]::before,
html[dir="rtl"] [class*=" ri-"]::after,
html[dir="rtl"] [class^="fa-"]::before,
html[dir="rtl"] [class^="fa-"]::after,
html[dir="rtl"] [class*=" fa-"]::before,
html[dir="rtl"] [class*=" fa-"]::after {
    direction: ltr !important;
    unicode-bidi: normal !important;
}
[dir="rtl"] body {
    text-align: right;
}
[dir="rtl"] body,
[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] div,
[dir="rtl"] li,
[dir="rtl"] a,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
    text-align: right;
}
/* ===========================
   ARABIC FONT APPLICATION
   =========================== */
/* Apply Arabic font only to elements with lang="ar" or when html has lang="ar" */
/* IMPORTANT: Exclude icon elements (i, and elements with ri-, fa- classes) from Arabic font */
html[lang="ar"] body,
html[lang="ar"] p,
html[lang="ar"] span:not([class^="ri-"]):not([class*=" ri-"]):not([class^="fa-"]):not([class*=" fa-"]),
html[lang="ar"] div,
html[lang="ar"] li,
html[lang="ar"] a,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] label,
[lang="ar"],
[lang="ar"] *:not([lang]):not(i):not([class^="ri-"]):not([class*=" ri-"]):not([class^="fa-"]):not([class*=" fa-"]) {
    font-family: 'Noto Kufi Arabic', sans-serif !important;
}
/* English text within Arabic pages should keep their original font */
html[lang="ar"] [lang="en"],
html[lang="ar"] [lang="en"] * {
    font-family: 'Campton-LightDEMO', sans-serif !important;
}
/* CRITICAL: Preserve icon fonts - prevent Arabic font from being applied to icons */
html[lang="ar"] i,
html[lang="ar"] [class^="ri-"],
html[lang="ar"] [class*=" ri-"],
html[lang="ar"] [class^="fa-"],
html[lang="ar"] [class*=" fa-"] {
    font-family: 'remixicon' !important;
}
html[lang="ar"] [class^="fa-"],
html[lang="ar"] [class*=" fa-"] {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands' !important;
}
/* ===========================
   TEXT ALIGNMENT & DIRECTION
   =========================== */
[dir="rtl"] .text-left {
    text-align: right !important;
}
[dir="rtl"] .text-right {
    text-align: left !important;
}
[dir="rtl"] .text-center {
    text-align: center !important;
}
/* ===========================
   PADDING & MARGIN ADJUSTMENTS
   =========================== */
/* Padding */
[dir="rtl"] .ps-0,
[dir="rtl"] .ps-1,
[dir="rtl"] .ps-2,
[dir="rtl"] .ps-3,
[dir="rtl"] .ps-4,
[dir="rtl"] .ps-5 {
    padding-left: 0 !important;
    padding-right: inherit;
}
[dir="rtl"] .pe-0,
[dir="rtl"] .pe-1,
[dir="rtl"] .pe-2,
[dir="rtl"] .pe-3,
[dir="rtl"] .pe-4,
[dir="rtl"] .pe-5 {
    padding-right: 0 !important;
    padding-left: inherit;
}
[dir="rtl"] .p-0 { padding: 0 !important; }
[dir="rtl"] .p-1 { padding: 0.25rem !important; }
[dir="rtl"] .p-2 { padding: 0.5rem !important; }
[dir="rtl"] .p-3 { padding: 1rem !important; }
[dir="rtl"] .p-4 { padding: 1.5rem !important; }
[dir="rtl"] .p-5 { padding: 3rem !important; }
/* Margin */
[dir="rtl"] .ms-0,
[dir="rtl"] .ms-1,
[dir="rtl"] .ms-2,
[dir="rtl"] .ms-3,
[dir="rtl"] .ms-4,
[dir="rtl"] .ms-5 {
    margin-left: 0 !important;
    margin-right: auto;
}
[dir="rtl"] .me-0,
[dir="rtl"] .me-1,
[dir="rtl"] .me-2,
[dir="rtl"] .me-3,
[dir="rtl"] .me-4,
[dir="rtl"] .me-5 {
    margin-right: 0 !important;
    margin-left: auto;
}
[dir="rtl"] .m-0 { margin: 0 !important; }
[dir="rtl"] .m-1 { margin: 0.25rem !important; }
[dir="rtl"] .m-2 { margin: 0.5rem !important; }
[dir="rtl"] .m-3 { margin: 1rem !important; }
[dir="rtl"] .m-4 { margin: 1.5rem !important; }
[dir="rtl"] .m-5 { margin: 3rem !important; }
/* ===========================
   FLOAT & POSITIONING
   =========================== */
[dir="rtl"] .float-start {
    float: right !important;
}
[dir="rtl"] .float-end {
    float: left !important;
}
[dir="rtl"] .float-left {
    float: right !important;
}
[dir="rtl"] .float-right {
    float: left !important;
}
[dir="rtl"] .clearfix::after {
    clear: both;
}
/* ===========================
   NAVIGATION & MENUS
   =========================== */
[dir="rtl"] .navbar {
    flex-direction: row-reverse;
}
[dir="rtl"] .navbar-brand {
    margin-right: auto;
    margin-left: 1rem;
}
[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
}
[dir="rtl"] .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
[dir="rtl"] .nav__menu {
    float: right;
}
[dir="rtl"] .nav__link {
    text-align: right;
}
[dir="rtl"] .nav__link.dropdown__button:after {
    margin-left: 0;
    margin-right: 0.5rem;
}
[dir="rtl"] .dropdown__arrow {
    margin-left: 0;
    margin-right: 0.5rem;
    transform: scaleX(-1);
}
[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}
[dir="rtl"] .dropdown-item {
    padding-right: 1.5rem;
    padding-left: 1rem;
}
/* ===========================
   BREADCRUMBS
   =========================== */
[dir="rtl"] .breadcrumb {
    flex-direction: row-reverse;
}
[dir="rtl"] .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0;
    color: inherit;
    content: "/";
    float: left;
}
[dir="rtl"] .breadcrumb-item.active {
    color: #6c757d;
}
/* ===========================
   BUTTONS & FORMS
   =========================== */
[dir="rtl"] .btn {
    text-align: center;
}
[dir="rtl"] .btn-icon-left {
    margin-left: 0;
    margin-right: 0.5rem;
}
[dir="rtl"] .btn-icon-right {
    margin-left: 0.5rem;
    margin-right: 0;
}
[dir="rtl"] .form-group {
    text-align: right;
}
[dir="rtl"] .form-label {
    margin-bottom: 0.5rem;
    text-align: right;
}
[dir="rtl"] .form-control {
    text-align: right;
    direction: rtl;
}
[dir="rtl"] .form-control::placeholder {
    text-align: right;
}
[dir="rtl"] .input-group {
    flex-direction: row-reverse;
}
[dir="rtl"] .input-group-text {
    border-left-width: 0;
    border-right-width: 1px;
}
[dir="rtl"] .input-group > .form-control {
    border-left-width: 1px;
    border-right-width: 0;
}
[dir="rtl"] .checkbox,
[dir="rtl"] .radio {
    padding-left: 0;
    padding-right: 1.5rem;
}
[dir="rtl"] .checkbox input,
[dir="rtl"] .radio input {
    margin-left: 0.25rem;
    margin-right: -1.5rem;
}
/* ===========================
   LISTS
   =========================== */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 2rem;
    padding-left: 0;
}
[dir="rtl"] li {
    margin-right: 0;
    margin-left: 0;
}
[dir="rtl"] .list-unstyled {
    padding-right: 0;
}
/* ===========================
   TABLES
   =========================== */
[dir="rtl"] table {
    text-align: right;
}
[dir="rtl"] th {
    text-align: right;
}
[dir="rtl"] td {
    text-align: right;
}
/* ===========================
   CARDS
   =========================== */
[dir="rtl"] .card {
    text-align: right;
}
[dir="rtl"] .card-header {
    text-align: right;
}
[dir="rtl"] .card-body {
    text-align: right;
}
[dir="rtl"] .card-footer {
    text-align: right;
}
/* ===========================
   MODALS & DIALOGS
   =========================== */
[dir="rtl"] .modal-content {
    text-align: right;
}
[dir="rtl"] .close {
    float: left;
}
[dir="rtl"] .modal-header {
    flex-direction: row-reverse;
}
[dir="rtl"] .modal-body {
    text-align: right;
}
[dir="rtl"] .modal-footer {
    flex-direction: row-reverse;
}
/* ===========================
   ALERTS
   =========================== */
[dir="rtl"] .alert {
    text-align: right;
}
[dir="rtl"] .alert-dismissible {
    padding-left: 1.35rem;
    padding-right: 0;
}
[dir="rtl"] .btn-close {
    left: 0;
    right: auto;
}
/* ===========================
   PAGINATION
   =========================== */
[dir="rtl"] .pagination {
    flex-direction: row-reverse;
}
[dir="rtl"] .page-link {
    margin-right: 0.25rem;
    margin-left: 0;
}
/* ===========================
   CAROUSEL/SLIDER
   =========================== */
[dir="rtl"] .carousel-control-prev {
    left: auto;
    right: 0;
}
[dir="rtl"] .carousel-control-next {
    left: 0;
    right: auto;
}
[dir="rtl"] .carousel-control-prev-icon::before {
    content: "›";
}
[dir="rtl"] .carousel-control-next-icon::before {
    content: "‹";
}
/* ===========================
   GALLERY & IMAGES
   =========================== */
[dir="rtl"] .gallery {
    text-align: right;
}
[dir="rtl"] .gallery-item {
    text-align: right;
}
[dir="rtl"] img {
    margin-right: 0;
    margin-left: auto;
}
/* ===========================
   SIDEBAR & LAYOUTS
   =========================== */
[dir="rtl"] .sidebar {
    margin-left: auto;
    margin-right: 0;
    float: left;
}
[dir="rtl"] .sidebar-left {
    margin-left: 0;
    margin-right: auto;
    float: right;
}
[dir="rtl"] .content-wrapper {
    margin-right: auto;
    margin-left: 0;
}
[dir="rtl"] .row {
    margin-right: auto;
    margin-left: auto;
}
/* ===========================
   ICONS & SYMBOLS
   =========================== */
[dir="rtl"] i[class*="ri-arrow-left"],
[dir="rtl"] i[class*="fa-arrow-left"] {
    transform: scaleX(-1);
}
[dir="rtl"] i[class*="ri-arrow-right"],
[dir="rtl"] i[class*="fa-arrow-right"] {
    transform: scaleX(-1);
}
[dir="rtl"] i[class*="ri-chevron-left"] {
    transform: scaleX(-1);
}
[dir="rtl"] i[class*="ri-chevron-right"] {
    transform: scaleX(-1);
}
/* ===========================
   CUSTOM COMPONENTS
   =========================== */
[dir="rtl"] .SectionTitle h1::after {
    border-width: 0 0 15px 15px !important;
}
[dir="rtl"] .video-banner-text h1 {
    text-align: right !important;
}
[dir="rtl"] .video-banner-text p {
    text-align: right !important;
}
[dir="rtl"] .service-box {
    text-align: right;
}
[dir="rtl"] .feature-box {
    text-align: right;
}
[dir="rtl"] .team-member {
    text-align: right;
}
[dir="rtl"] .team-member-info {
    text-align: right;
}
/* ===========================
   FOOTER RTL STYLES
   =========================== */
[dir="rtl"] .footer-widget {
    text-align: right !important;
}
[dir="rtl"] .footer-widget-heading {
    text-align: right !important;
    padding: 0 !important;
    margin: 0 !important;
}
[dir="rtl"] .footer-widget-heading h3,
[dir="rtl"] .footer-widget-heading h4,
[dir="rtl"] .footer-widget-heading h5,
[dir="rtl"] .footer-widget-heading h6 {
    text-align: right !important;
    margin-bottom: 40px !important;
    margin-top: 25px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}
[dir="rtl"] .footer-widget-heading h3::before {
    left: auto !important;
    right: 0 !important;
}
[dir="rtl"] .footer-widget-heading.cta-text {
    text-align: right !important;
    padding: 0 !important;
    margin: 0 !important;
}
[dir="rtl"] .footer-widget-heading.cta-text h3,
[dir="rtl"] .footer-widget-heading.cta-text h4,
[dir="rtl"] .footer-widget-heading.cta-text h5 {
    text-align: right !important;
    margin-bottom: 40px !important;
    margin-top: 25px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}
[dir="rtl"] .footer-widget-heading.cta-text h6 {
    text-align: right !important;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}
[dir="rtl"] .footer-widget-heading.cta-text h3::before {
    left: auto !important;
    right: 0 !important;
}
[dir="rtl"] .footer-widget-heading.cta-text ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    text-align: right !important;
}
[dir="rtl"] .footer-widget ul {
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    list-style: none !important;
    text-align: right !important;
}
[dir="rtl"] .footer-widget ul li {
    text-align: right !important;
    direction: rtl !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 12px !important;
    list-style: none !important;
}
[dir="rtl"] .footer-widget ul li a {
    text-align: right !important;
    display: block;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}
/* Ensure footer widget columns have proper text alignment */
[dir="rtl"] .footer-content .col-xl-4,
[dir="rtl"] .footer-content .col-md-4,
[dir="rtl"] .footer-content .col-xl-6,
[dir="rtl"] .footer-content .col-lg-6,
[dir="rtl"] .footer-content .col-md-6,
[dir="rtl"] .footer-content .col-12,
[dir="rtl"] .footer-content .col-6 {
    text-align: right !important;
}
/* Force all footer widget content to be right-aligned */
[dir="rtl"] .footer-widget * {
    text-align: right !important;
}
[dir="rtl"] .footer-widget ul,
[dir="rtl"] .footer-widget ul li,
[dir="rtl"] .footer-widget ul li a {
    text-align: right !important;
    direction: rtl !important;
}
[dir="rtl"] .footer-cta {
    text-align: right;
}
[dir="rtl"] .single-cta {
    text-align: right;
}
[dir="rtl"] .single-cta i {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}
[dir="rtl"] .cta-text {
    text-align: right;
}
[dir="rtl"] .cta-text h4,
[dir="rtl"] .cta-text h3,
[dir="rtl"] .cta-text h6 {
    text-align: right;
}
[dir="rtl"] .cta-text span,
[dir="rtl"] .cta-text a {
    text-align: right;
}
[dir="rtl"] .footer-social-icon {
    text-align: right !important;
    padding: 0 !important;
    margin: 0 !important;
}
[dir="rtl"] .footer-social-icon h6 {
    text-align: right !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
[dir="rtl"] .footer-social-icon a {
    margin-left: 10px !important;
    margin-right: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
[dir="rtl"] .footer-social-icon a:first-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
[dir="rtl"] .footer-social-icon a:last-child {
    margin-left: 10px !important;
    margin-right: 0 !important;
}
/* Ensure all social icons have consistent sizing and alignment in RTL */
[dir="rtl"] .footer-social-icon a svg,
[dir="rtl"] .footer-social-icon a img {
    display: inline-block !important;
    vertical-align: middle !important;
    width: 30px !important;
    height: 30px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
[dir="rtl"] .subscribe-form {
    text-align: right !important;
    padding: 0 !important;
    margin: 0 !important;
}
[dir="rtl"] .subscribe-form form {
    position: relative;
}
[dir="rtl"] .subscribe-form input {
    text-align: right;
    direction: rtl;
    padding-right: 28px !important;
    padding-left: 60px !important;
}
[dir="rtl"] .subscribe-form button {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    transform: none !important;
    padding: 13px 20px !important;
}
[dir="rtl"] .subscribe-form button i {
    transform: scaleX(-1) rotate(-6deg) !important;
}
[dir="rtl"] .footer-widget .footer-widget-heading + .subscribe-form {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
[dir="rtl"] .copyright-area .footer-widget {
    padding: 0 !important;
    margin: 0 !important;
}
[dir="rtl"] .copyright-text {
    text-align: right;
}
[dir="rtl"] .copyright-text p {
    text-align: center;
}
[dir="rtl"] .footer-content {
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
[dir="rtl"] .footer-content.desktop-view-footer,
[dir="rtl"] .footer-content.mobile-view-footer {
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
[dir="rtl"] .footer-content .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
[dir="rtl"] .footer-content .col-xl-4,
[dir="rtl"] .footer-content .col-md-4,
[dir="rtl"] .footer-content .col-xl-6,
[dir="rtl"] .footer-content .col-lg-6,
[dir="rtl"] .footer-content .col-md-6,
[dir="rtl"] .footer-content .col-12,
[dir="rtl"] .footer-content .col-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: right !important;
}
[dir="rtl"] .footer-content .mb-30 {
    margin-bottom: 30px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
[dir="rtl"] .copyright-area {
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
[dir="rtl"] .copyright-area .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
[dir="rtl"] .copyright-area .col-xl-6,
[dir="rtl"] .copyright-area .col-lg-6,
[dir="rtl"] .copyright-area .col-md-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
[dir="rtl"] .copyright-area .footer-social-icon.cta-text {
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
[dir="rtl"] .text-lg-left,
[dir="rtl"] .text-lg-start {
    text-align: right !important;
}
/* RTL alignment for SectionTitle and Visit us button */
[dir="rtl"] .SectionTitle {
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
[dir="rtl"] .SectionTitle h3 {
    text-align: right !important;
}
[dir="rtl"] .footer-content .mt-0.pt-0 {
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* ===========================
   LANGUAGE SWITCHER
   =========================== */
[dir="rtl"] .language-switcher {
    float: left;
}
[dir="rtl"] .language-switcher a {
    margin-left: 1rem;
    margin-right: 0;
}
/* ===========================
   UTILITIES FOR RTL
   =========================== */
[dir="rtl"] .has-rtl-support {
    direction: rtl;
    text-align: right;
}
[dir="rtl"] .rtl-flex {
    display: flex;
    flex-direction: row-reverse;
}
[dir="rtl"] .rtl-reverse {
    transform: scaleX(-1);
}
[dir="rtl"] .rtl-hide {
    display: none !important;
}
[dir="ltr"] .ltr-hide {
    display: none !important;
}
/* ===========================
   RESPONSIVE ADJUSTMENTS FOR RTL
   =========================== */
@media (max-width: 768px) {
    [dir="rtl"] .navbar {
        flex-direction: column;
    }
    [dir="rtl"] .navbar-nav {
        flex-direction: column;
    }
    [dir="rtl"] .sidebar {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    [dir="rtl"] .dropdown-menu {
        right: 0;
        left: auto;
    }
    [dir="rtl"] .mobile-menu {
        right: 0;
        left: auto;
    }
}
/* ===========================
   PRINT STYLES FOR RTL
   =========================== */
@media print {
    [dir="rtl"] body {
        text-align: right;
        direction: rtl;
    }
    [dir="rtl"] * {
        direction: rtl;
    }
}
/* ===========================
   ACCESSIBILITY & RTL
   =========================== */
[dir="rtl"] .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
[dir="rtl"] .sr-only-focusable:active,
[dir="rtl"] .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
/* ===========================
   FOCUS & INTERACTION STATES
   =========================== */
[dir="rtl"] a:focus,
[dir="rtl"] button:focus,
[dir="rtl"] input:focus,
[dir="rtl"] textarea:focus,
[dir="rtl"] select:focus {
    outline-offset: -2px;
}
[dir="rtl"] .focus-visible:focus {
    outline-offset: -2px;
}
/* ===========================
   CASE STUDY SECTION - BUTTONS
   =========================== */
/* Show More Button - RTL Adjustments */
[dir="rtl"] #showMoreButton {
    padding-left: 24px;
    padding-right: 8px;
    margin-left: 5px;
    margin-right: 0;
}
/* Show More Button Arrow - Point Left for RTL */
[dir="rtl"] #showMoreButton::after {
    margin-left: 0;
    margin-right: 8px;
    border-width: 5px 10px 5px 0;
    border-color: transparent var(--highlight) transparent transparent;
}
/* ===========================
   SECTION TITLES - ARROWS
   =========================== */
/* Section Title H3 Arrow - Point Left for RTL */
[dir="rtl"] .SectionTitle h3::after {
    margin-left: 0;
    margin-right: 10px;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent transparent var(--highlight);
}
/* Section Title H1 Arrow - Point Left for RTL */
[dir="rtl"] .SectionTitle h1::after {
    margin-left: 0;
    margin-right: 10px;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent transparent var(--highlight);
}
/* ===========================
   FORM DROPDOWNS
   =========================== */
/* Custom Dropdown Arrow - Position on Left for RTL */
[dir="rtl"] .custom-dropdown::after {
    left: 10px;
    right: auto;
}
/* ===========================
   CONTENT TEXT ALIGNMENT
   =========================== */
/* Video Banner Text - Right Align for RTL */
[dir="rtl"] .video-banner-text h1,
[dir="rtl"] .video-banner-text h2,
[dir="rtl"] .video-banner-text p {
    text-align: right !important;
}
[dir="rtl"] .video-banner-text-mobile h1,
[dir="rtl"] .video-banner-text-mobile h2,
[dir="rtl"] .video-banner-text-mobile p {
    text-align: right !important;
    color: white !important;
}
/* Container Text - Right Align for RTL */
[dir="rtl"] .container-x {
    text-align: right !important;
}
[dir="rtl"] .container-x p {
    text-align: right !important;
}
/* General Content Areas */
[dir="rtl"] .content,
[dir="rtl"] .main-content,
[dir="rtl"] .page-content {
    text-align: right !important;
}
/* Override any left-aligned content in RTL */
[dir="rtl"] * {
    text-align: inherit;
}
/* Specific elements that should be right-aligned */
[dir="rtl"] p,
[dir="rtl"] div,
[dir="rtl"] section,
[dir="rtl"] article {
    text-align: right;
}
/* Keep center-aligned content centered */
[dir="rtl"] .text-center,
[dir="rtl"] .center,
[dir="rtl"] .centered {
    text-align: center !important;
}
/* ===========================
   CASE STUDY SECTION
   =========================== */
/* Case Study Section - Right Align All Content */
[dir="rtl"] .casestudy-section {
    text-align: right !important;
}
[dir="rtl"] .casestudy-section .SectionTitle {
    text-align: right !important;
}
[dir="rtl"] .casestudy-section .SectionTitle h3 {
    text-align: right !important;
}
[dir="rtl"] .casestudy {
    text-align: right !important;
}
[dir="rtl"] .casestudy-text {
    text-align: right !important;
}
[dir="rtl"] .casestudy-text h3,
[dir="rtl"] .casestudy-text p {
    text-align: right !important;
}
/* Case Study Buttons - Right Align */
[dir="rtl"] .casestudy-text button,
[dir="rtl"] .casestudy-text .learn_more {
    margin-right: 0 !important;
    margin-left: auto !important;
}
/* Section Title - Override Center Alignment */
[dir="rtl"] .SectionTitle {
    text-align: right !important;
}
[dir="rtl"] .SectionTitle h1,
[dir="rtl"] .SectionTitle h2,
[dir="rtl"] .SectionTitle h3,
[dir="rtl"] .SectionTitle h4,
[dir="rtl"] .SectionTitle p {
    text-align: right !important;
}
/* Case Study Row - Maintain Left-to-Right Column Order */
[dir="rtl"] .casestudy-section > .row {
    direction: ltr !important;
}
/* Case Study Individual Cards - Reset to RTL for Content */
[dir="rtl"] .casestudy-section .casestudy {
    direction: rtl !important;
}
/* Show More Button Container */
[dir="rtl"] .casestudy-section .mt-0 {
    direction: rtl !important;
    text-align: right !important;
}
/* ===========================
   CONTACT FORM RTL
   =========================== */
/* Contact Form - Reset flex for form columns */
[dir="rtl"] .ContactForm .row {
    justify-content: flex-start !important;
    flex-direction: row !important;
}
/* Contact Form Inputs - Right Align Text */
[dir="rtl"] .ContactForm input,
[dir="rtl"] .ContactForm select,
[dir="rtl"] .ContactForm textarea {
    text-align: right !important;
    direction: rtl !important;
}
/* Contact Form Labels - Right Align */
[dir="rtl"] .ContactForm label {
    text-align: right !important;
}
/* Contact Form - Swap Message and Submit Button Order */
[dir="rtl"] .ContactForm .col-lg-8 {
    order: 2; /* Message box comes second in RTL */
}
[dir="rtl"] .ContactForm .col-lg-4:last-child {
    order: 1; /* Submit button comes first (on left) in RTL */
}
/* Submit Button - Full Width to Match English */
[dir="rtl"] .ContactForm .submit-text {
    width: 100% !important;
}
[dir="rtl"] #showMoreButton {
    display: block;
}
/* FAQ Section - Right Align for RTL */
[dir="rtl"] .faq-question {
    text-align: right !important;
    /* Don't reverse - keep arrow on far left, text on right */
}
/* FAQ Answer - Right Align for RTL */
[dir="rtl"] .faq-answer {
    text-align: right !important;
}
/* FAQ Answer Paragraph - Right Align for RTL */
[dir="rtl"] .faq-answer p {
    text-align: right !important;
}
/* FAQ Arrow - Flip Direction for RTL */
[dir="rtl"] .arrow {
    transform: scaleX(-1); /* Flip arrow horizontally to point left */
}
/* FAQ Arrow - Rotate in Opposite Direction When Open */
[dir="rtl"] .faq-item.open .arrow {
    transform: scaleX(-1) rotate(-90deg); /* Keep flip and rotate opposite direction */
}
/* ===========================
   FOOTER RTL
   =========================== */
/* Footer Copyright Area Columns - Override text-center and text-lg-left */
[dir="rtl"] .copyright-area .text-center,
[dir="rtl"] .copyright-area .text-lg-left,
[dir="rtl"] .copyright-area .text-lg-start {
    text-align: right !important;
}
/* Footer Social Icons Container - Right Align */
[dir="rtl"] .footer-social-icon {
    text-align: right !important;
    display: block !important;
}
/* Footer Social Icons Links - Reverse Spacing for RTL */
[dir="rtl"] .footer-social-icon a {
    margin-left: 10px !important;
    margin-right: 0 !important;
}
/* First Social Icon - No Extra Margin */
[dir="rtl"] .footer-social-icon a:first-of-type {
    margin-left: 0 !important;
}
/* Footer Widget Headings - Right Align */
[dir="rtl"] .footer-widget-heading {
    text-align: right !important;
}
/* Footer Widget Headings H3 - Right Align */
[dir="rtl"] .footer-widget-heading h3 {
    text-align: right !important;
}
/* Footer Widget Lists - Right Align */
[dir="rtl"] .footer-widget ul {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
/* Footer Widget List Items - Right Align */
[dir="rtl"] .footer-widget li {
    text-align: right !important;
}
/* Footer CTA Text - Right Align */
[dir="rtl"] .cta-text {
    text-align: right !important;
}
/* Footer CTA Text Headings - Right Align */
[dir="rtl"] .cta-text h4,
[dir="rtl"] .cta-text h6 {
    text-align: right !important;
}
/* Footer CTA Icons - Position on Right */
[dir="rtl"] .cta-text i {
    margin-left: 10px !important;
    margin-right: 0 !important;
}
/* Footer Subscribe Form - Right Align */
[dir="rtl"] .subscribe-form {
    text-align: right !important;
}
/* Footer Subscribe Input - RTL Direction */
[dir="rtl"] .subscribe-form input {
    text-align: right !important;
    direction: rtl !important;
}
/* CRITICAL FIX: Force footer menu items to be right-aligned in Arabic */
/* This rule must be at the end to override all other styles */
[dir="rtl"] .footer-section .footer-content .footer-widget .footer-widget-heading ul,
[dir="rtl"] .footer-section .footer-content .footer-widget .footer-widget-heading ul li,
[dir="rtl"] .footer-section .footer-content .footer-widget .footer-widget-heading ul li a,
[dir="rtl"] .footer-section .footer-content .footer-widget .footer-widget-heading.cta-text ul,
[dir="rtl"] .footer-section .footer-content .footer-widget .footer-widget-heading.cta-text ul li,
[dir="rtl"] .footer-section .footer-content .footer-widget .footer-widget-heading.cta-text ul li a {
    text-align: right !important;
    direction: rtl !important;
    display: block !important;
}
/* Also target the footer widget divs themselves */
[dir="rtl"] .footer-section .footer-content .col-xl-4 .footer-widget,
[dir="rtl"] .footer-section .footer-content .col-md-4 .footer-widget,
[dir="rtl"] .footer-section .footer-content .col-6 .footer-widget,
[dir="rtl"] .footer-section .footer-content .col-12 .footer-widget {
    text-align: right !important;
}
/* Target the cta-text class specifically */
[dir="rtl"] .footer-section .cta-text,
[dir="rtl"] .footer-section .cta-text * {
    text-align: right !important;
}
/* ===========================
   TOP NAVIGATION MENU RTL FIXES
   =========================== */
/* Align main navigation list items to the right */
[dir="rtl"] .nav__list {
    text-align: right !important;
}
/* Align dropdown containers - only text alignment, not position */
[dir="rtl"] .dropdown__container {
    text-align: right !important;
}
/* Align dropdown content groups to the right */
[dir="rtl"] .dropdown__content {
    text-align: right !important;
}
/* Align dropdown group items to the right */
[dir="rtl"] .dropdown__group {
    text-align: right !important;
}
/* Align dropdown titles to the right */
[dir="rtl"] .dropdown__title {
    text-align: right !important;
}
/* Align dropdown list items to the right */
[dir="rtl"] .dropdown__list {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 1rem !important;
}
/* Align dropdown links to the right */
[dir="rtl"] .dropdown__link {
    text-align: right !important;
}
/* Position dropdown arrows on the left side for RTL */
[dir="rtl"] .dropdown__arrow {
    margin-left: 0.25rem !important;
    margin-right: auto !important;
}
/* Align nav links to the right */
[dir="rtl"] .nav__link {
    text-align: right !important;
}
/* Fix dropdown button alignment */
[dir="rtl"] .dropdown__button {
    text-align: right !important;
    justify-content: flex-end !important;
}
/* Reduce right margin for accordion in RTL */
[dir="rtl"] #my-accordion,
[dir="rtl"] .accordionjs {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
[dir="rtl"] #my-accordion li,
[dir="rtl"] .accordionjs li {
    margin-right: 0 !important;
    padding-right: 15px !important;
}
/* Right-align accordion sections with subscribe div in RTL */
[dir="rtl"] .acc_section {
    text-align: right !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}
[dir="rtl"] .acc_section .acc_head,
[dir="rtl"] .acc_section .acc_content {
    text-align: right !important;
}
/* Ensure accordion items align with subscribe section */
[dir="rtl"] ul.accordionjs {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
[dir="rtl"] ul.accordionjs li.acc_section {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
/* Override accordion list item padding for acc_section */
[dir="rtl"] #my-accordion li.acc_section,
[dir="rtl"] .accordionjs li.acc_section,
[dir="rtl"] .accordionjs li.acc_section.acc_active {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
}
/* Remove all padding from accordion container in RTL */
[dir="rtl"] ul#my-accordion,
[dir="rtl"] ul#my-accordion.accordionjs {
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* Footer icon padding for RTL */
[dir="rtl"] .footer-icon {
    padding-left: 16px !important;
    padding-right: 0 !important;
}
/* Style box margin and alignment for RTL */
[dir="rtl"] ul.style-box {
    margin-left: 30px !important;
    margin-right: 10px !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
[dir="rtl"] ul.style-box li {
    text-align: center !important;
}
[dir="rtl"] ul.style-box li div {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
[dir="rtl"] ul.style-box li div a {
    text-align: center !important;
}
[dir="rtl"] ul.style-box li div a h4 {
    text-align: center !important;
}
/* Subscribe button text alignment for RTL */
[dir="rtl"] input#subscribe {
    text-align: center !important;
}
/* Submit button text alignment for RTL */
[dir="rtl"] button.submit-text {
    text-align: center !important;
}
/* Get In Touch button visibility fix for RTL */
[dir="rtl"] .get-in-touch-banner-btn {
    color: white !important;
    opacity: 1 !important;
    text-align: center !important;
}
/* Button style padding fix for RTL */
[dir="rtl"] .btn-style {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/* FAQ arrow positioning for RTL */
[dir="rtl"] .faq-question {
    text-align: right !important;
}
[dir="rtl"] .faq-question .arrow {
    float: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}
/* Flip red arrow to point left for RTL */
[dir="rtl"] .red_arrow_right {
    transform: scaleX(-1) !important;
    margin-right: 10px !important;
    margin-left: 0 !important;
}
/* Custom heading alignment for RTL */
[dir="rtl"] .custom-heading {
    text-align: right !important;
}
/* Custom heading h4 alignment for RTL */
[dir="rtl"] .custom-heading h4 {
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: 40px !important;
}
/* Custom heading h4 after element for RTL */
[dir="rtl"] .custom-heading h4:after {
    left: auto !important;
    right: 0 !important;
}
/* Want to know section alignment for RTL */
[dir="rtl"] .want-to-know {
    justify-content: flex-start !important;
}