/**
 * Cairo font for Arabic / RTL across SysAdv & landing page.
 * Loaded after other stylesheets so it wins over legacy Arabic fonts.
 */
html[dir="rtl"],
html[lang="ar"] {
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
}

html[dir="rtl"] body,
html[lang="ar"] body,
html[dir="rtl"] .landing-page,
html[dir="rtl"] .navbar-default,
html[dir="rtl"] .main-header,
html[dir="rtl"] .main-sidebar,
html[dir="rtl"] .content-wrapper,
html[dir="rtl"] .main-footer,
html[dir="rtl"] .sysadv-m3-theme,
html[dir="rtl"] .mfg-m3-theme,
html[dir="rtl"] .modern-sidebar,
html[dir="rtl"] .box,
html[dir="rtl"] .modal,
html[dir="rtl"] .table,
html[dir="rtl"] .btn,
html[dir="rtl"] .form-control,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] label,
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"] p,
html[dir="rtl"] a,
html[dir="rtl"] li,
html[dir="rtl"] span,
html[dir="rtl"] .nav,
html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .select2-container,
html[dir="rtl"] .dataTables_wrapper,
html[dir="rtl"] [class*="tw-"] {
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif !important;
}