/* ==========================================================================
   OXIN RTL — Bootstrap 4 RTL correction layer (structural)
   Layer 3 of 3. Load LAST, after bootstrap.min.css and the oxin layers.

   WHY THIS FILE EXISTS
   Bootstrap 4.5.3 has no RTL build (`bootstrap.rtl.css` only arrived in v5),
   and the 181 page templates inherited from WHMCS's twenty-one theme are
   written with LTR-biased utilities: ml-auto, mr-3, float-right, text-right,
   input-group-prepend, dropdown-menu-right. Styling the shell RTL without
   remapping those leaves a template that is ~90% RTL with broken corners,
   mirrored carets and misaligned addons on every inner page.

   This file remaps the directional parts of Bootstrap 4 under [dir="rtl"].
   The spacing-utility half is machine-generated into _rtl-spacing.css so the
   full matrix is covered without hand-typing ~130 near-identical rules.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. DOCUMENT
   -------------------------------------------------------------------------- */
[dir="rtl"] body { text-align: start; }

/* --------------------------------------------------------------------------
   2. TEXT ALIGNMENT
   Bootstrap's .text-left/.text-right are physical. Under RTL they must swap.
   -------------------------------------------------------------------------- */
[dir="rtl"] .text-left  { text-align: right !important; }
[dir="rtl"] .text-right { text-align: left  !important; }
@media (min-width: 576px) {
  [dir="rtl"] .text-sm-left  { text-align: right !important; }
  [dir="rtl"] .text-sm-right { text-align: left  !important; }
}
@media (min-width: 768px) {
  [dir="rtl"] .text-md-left  { text-align: right !important; }
  [dir="rtl"] .text-md-right { text-align: left  !important; }
}
@media (min-width: 992px) {
  [dir="rtl"] .text-lg-left  { text-align: right !important; }
  [dir="rtl"] .text-lg-right { text-align: left  !important; }
}
@media (min-width: 1200px) {
  [dir="rtl"] .text-xl-left  { text-align: right !important; }
  [dir="rtl"] .text-xl-right { text-align: left  !important; }
}

/* --------------------------------------------------------------------------
   3. FLOATS (incl. the legacy .pull-* WHMCS still emits in places)
   -------------------------------------------------------------------------- */
[dir="rtl"] .float-left,  [dir="rtl"] .pull-left  { float: right !important; }
[dir="rtl"] .float-right, [dir="rtl"] .pull-right { float: left  !important; }
@media (min-width: 576px) {
  [dir="rtl"] .float-sm-left  { float: right !important; }
  [dir="rtl"] .float-sm-right { float: left  !important; }
}
@media (min-width: 768px) {
  [dir="rtl"] .float-md-left  { float: right !important; }
  [dir="rtl"] .float-md-right { float: left  !important; }
}
@media (min-width: 992px) {
  [dir="rtl"] .float-lg-left  { float: right !important; }
  [dir="rtl"] .float-lg-right { float: left  !important; }
}
@media (min-width: 1200px) {
  [dir="rtl"] .float-xl-left  { float: right !important; }
  [dir="rtl"] .float-xl-right { float: left  !important; }
}

/* --------------------------------------------------------------------------
   4. GRID OFFSETS
   -------------------------------------------------------------------------- */
[dir="rtl"] .row { --bs-gutter-x: initial; }
[dir="rtl"] [class*="offset-"] { margin-left: 0; }
[dir="rtl"] .offset-1  { margin-right: 8.333333%; }
[dir="rtl"] .offset-2  { margin-right: 16.666667%; }
[dir="rtl"] .offset-3  { margin-right: 25%; }
[dir="rtl"] .offset-4  { margin-right: 33.333333%; }
[dir="rtl"] .offset-5  { margin-right: 41.666667%; }
[dir="rtl"] .offset-6  { margin-right: 50%; }
@media (min-width: 768px) {
  [dir="rtl"] .offset-md-1 { margin-right: 8.333333%; margin-left: 0; }
  [dir="rtl"] .offset-md-2 { margin-right: 16.666667%; margin-left: 0; }
  [dir="rtl"] .offset-md-3 { margin-right: 25%; margin-left: 0; }
  [dir="rtl"] .offset-md-4 { margin-right: 33.333333%; margin-left: 0; }
}
@media (min-width: 992px) {
  [dir="rtl"] .offset-lg-1 { margin-right: 8.333333%; margin-left: 0; }
  [dir="rtl"] .offset-lg-2 { margin-right: 16.666667%; margin-left: 0; }
  [dir="rtl"] .offset-lg-3 { margin-right: 25%; margin-left: 0; }
  [dir="rtl"] .offset-lg-4 { margin-right: 33.333333%; margin-left: 0; }
}

/* --------------------------------------------------------------------------
   5. BORDERS & CORNER RADII
   -------------------------------------------------------------------------- */
[dir="rtl"] .border-left  { border-left: 0 !important;  border-right: 1px solid var(--color-border) !important; }
[dir="rtl"] .border-right { border-right: 0 !important; border-left: 1px solid var(--color-border) !important; }
[dir="rtl"] .rounded-left {
  border-radius: 0 var(--radius) var(--radius) 0 !important;
}
[dir="rtl"] .rounded-right {
  border-radius: var(--radius) 0 0 var(--radius) !important;
}

/* --------------------------------------------------------------------------
   6. LISTS
   -------------------------------------------------------------------------- */
[dir="rtl"] ul, [dir="rtl"] ol { padding-left: 0; padding-right: 2rem; }
[dir="rtl"] .list-unstyled, [dir="rtl"] .list-inline,
[dir="rtl"] .navbar-nav, [dir="rtl"] .nav, [dir="rtl"] .pagination,
[dir="rtl"] .breadcrumb, [dir="rtl"] .list-group {
  padding-right: 0;
}
[dir="rtl"] .list-inline-item:not(:last-child) { margin-right: 0; margin-left: 0.5rem; }

/* --------------------------------------------------------------------------
   7. INPUT GROUPS
   The prepend/append corner radii are the single most visible RTL bug in a
   Bootstrap 4 Persian theme: without this the search box shows rounded
   corners on the wrong side and a seam in the middle.
   -------------------------------------------------------------------------- */
[dir="rtl"] .input-group > .form-control:not(:last-child),
[dir="rtl"] .input-group > .custom-select:not(:last-child) {
  border-radius: 0 var(--radius) var(--radius) 0;
}
[dir="rtl"] .input-group > .form-control:not(:first-child),
[dir="rtl"] .input-group > .custom-select:not(:first-child) {
  border-radius: var(--radius) 0 0 var(--radius);
}
[dir="rtl"] .input-group > .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
[dir="rtl"] .input-group-prepend { margin-right: 0; margin-left: -1px; }
[dir="rtl"] .input-group-append  { margin-left: 0;  margin-right: -1px; }
[dir="rtl"] .input-group-prepend > .btn,
[dir="rtl"] .input-group-prepend > .input-group-text {
  border-radius: 0 var(--radius) var(--radius) 0;
}
[dir="rtl"] .input-group-append > .btn,
[dir="rtl"] .input-group-append > .input-group-text {
  border-radius: var(--radius) 0 0 var(--radius);
}
/* WHMCS's own helper classes for appended/prepended controls */
[dir="rtl"] .appended-form-control  { border-radius: var(--radius) 0 0 var(--radius) !important; }
[dir="rtl"] .prepended-form-control { border-radius: 0 var(--radius) var(--radius) 0 !important; }

/* --------------------------------------------------------------------------
   8. BUTTON GROUPS
   -------------------------------------------------------------------------- */
[dir="rtl"] .btn-group > .btn:first-child:not(:last-child) {
  border-radius: 0 var(--radius) var(--radius) 0;
}
[dir="rtl"] .btn-group > .btn:last-child:not(:first-child) {
  border-radius: var(--radius) 0 0 var(--radius);
}
[dir="rtl"] .btn-group > .btn:not(:first-child):not(:last-child) { border-radius: 0; }
[dir="rtl"] .btn-group > .btn:not(:first-child) { margin-left: 0; margin-right: -1px; }

/* --------------------------------------------------------------------------
   9. DROPDOWNS
   -------------------------------------------------------------------------- */
[dir="rtl"] .dropdown-menu { text-align: right; left: auto; right: 0; }
[dir="rtl"] .dropdown-menu-right { right: auto; left: 0; }
[dir="rtl"] .dropdown-item { text-align: right; }
/* The caret is a CSS triangle with directional margins. */
[dir="rtl"] .dropdown-toggle::after { margin-right: 0.255em; margin-left: 0; }
[dir="rtl"] .dropleft .dropdown-toggle::before,
[dir="rtl"] .dropright .dropdown-toggle::after { transform: scaleX(-1); }
[dir="rtl"] .dropdown-menu .dropdown-submenu { left: auto; right: 100%; }

/* --------------------------------------------------------------------------
   10. CUSTOM CONTROLS (checkbox / radio / switch)
   Bootstrap positions the box with padding-left + left-anchored ::before and
   ::after. All three have to move to the right edge or the control detaches
   from its label.
   -------------------------------------------------------------------------- */
[dir="rtl"] .custom-control { padding-left: 0; padding-right: 1.5rem; }
[dir="rtl"] .custom-control-label::before,
[dir="rtl"] .custom-control-label::after {
  left: auto;
  right: -1.5rem;
}
[dir="rtl"] .custom-switch { padding-right: 2.25rem; padding-left: 0; }
[dir="rtl"] .custom-switch .custom-control-label::after { right: calc(-2.25rem + 2px); left: auto; }
[dir="rtl"] .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(-0.75rem);   /* travel toward the start edge */
}
[dir="rtl"] .form-check { padding-left: 0; padding-right: 1.25rem; }
[dir="rtl"] .form-check-input { margin-left: 0; margin-right: -1.25rem; }
[dir="rtl"] .form-check-inline { margin-right: 0; margin-left: 0.75rem; }
[dir="rtl"] .form-check-inline .form-check-input { margin-right: 0; margin-left: 0.3125rem; }

/* Custom select arrow to the start edge. */
[dir="rtl"] .custom-select {
  padding-left: 1.75rem;
  padding-right: 0.75rem;
  background-position: left 0.75rem center;
}

/* --------------------------------------------------------------------------
   11. BREADCRUMB
   -------------------------------------------------------------------------- */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item { padding-left: 0; padding-right: 0.5rem; }
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-right: 0;
  padding-left: 0.5rem;
  content: "\2039";                 /* ‹ — points along RTL reading order */
}

/* --------------------------------------------------------------------------
   12. NAVBAR / NAV
   -------------------------------------------------------------------------- */
[dir="rtl"] .navbar-brand { margin-right: 0; margin-left: 1rem; }
[dir="rtl"] .navbar-nav { padding-right: 0; }
[dir="rtl"] .nav-tabs .nav-link { margin-right: 0; }

/* --------------------------------------------------------------------------
   13. MODAL / ALERT CLOSE BUTTON
   The × is floated right by Bootstrap and absolutely positioned in
   dismissible alerts; both need the start edge under RTL.
   -------------------------------------------------------------------------- */
[dir="rtl"] .modal-header .close {
  margin: -1rem auto -1rem -1rem;
  float: left;
}
[dir="rtl"] .alert-dismissible { padding-right: 1rem; padding-left: 3.5rem; }
[dir="rtl"] .alert-dismissible .close { right: auto; left: 0; }
[dir="rtl"] .modal-footer > :not(:first-child) { margin-left: 0; margin-right: 0.25rem; }
[dir="rtl"] .toast-header .close { margin-right: auto; margin-left: -0.375rem; }

/* --------------------------------------------------------------------------
   14. TABLES
   -------------------------------------------------------------------------- */
[dir="rtl"] .table th, [dir="rtl"] .table td { text-align: right; }
[dir="rtl"] .table th.text-center, [dir="rtl"] .table td.text-center { text-align: center; }
/* DataTables sort arrows (WHMCS ships DataTables on several list pages) */
[dir="rtl"] table.dataTable thead th { text-align: right; }
[dir="rtl"] table.dataTable thead .sorting,
[dir="rtl"] table.dataTable thead .sorting_asc,
[dir="rtl"] table.dataTable thead .sorting_desc {
  background-position: left center;
  padding-right: 0.75rem;
  padding-left: 1.5rem;
}
[dir="rtl"] .dataTables_wrapper .dataTables_filter { float: left; text-align: left; }
[dir="rtl"] .dataTables_wrapper .dataTables_length { float: right; }
[dir="rtl"] .dataTables_wrapper .dataTables_info { float: right; }
[dir="rtl"] .dataTables_wrapper .dataTables_paginate { float: left; }

/* --------------------------------------------------------------------------
   15. PROGRESS
   -------------------------------------------------------------------------- */
[dir="rtl"] .progress-bar { float: right; }

/* --------------------------------------------------------------------------
   16. CARDS / PANELS / MEDIA
   -------------------------------------------------------------------------- */
[dir="rtl"] .card-header { text-align: right; }
[dir="rtl"] .media > .mr-3 { margin-right: 0 !important; margin-left: 1rem !important; }
[dir="rtl"] .list-group-item { text-align: right; }

/* --------------------------------------------------------------------------
   17. DIRECTIONAL ICONS
   Chevrons, arrows and carets carry direction. Mirror them — but never
   mirror an icon whose meaning is absolute (clock, logo, external-link,
   checkmark, play), or it reads as broken.
   -------------------------------------------------------------------------- */
[dir="rtl"] .fa-chevron-left,
[dir="rtl"] .fa-chevron-right,
[dir="rtl"] .fa-angle-left,
[dir="rtl"] .fa-angle-right,
[dir="rtl"] .fa-angle-double-left,
[dir="rtl"] .fa-angle-double-right,
[dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-long-arrow-left,
[dir="rtl"] .fa-long-arrow-right,
[dir="rtl"] .fa-long-arrow-alt-left,
[dir="rtl"] .fa-long-arrow-alt-right,
[dir="rtl"] .fa-caret-left,
[dir="rtl"] .fa-caret-right,
[dir="rtl"] .fa-hand-point-left,
[dir="rtl"] .fa-hand-point-right,
[dir="rtl"] .fa-reply,
[dir="rtl"] .fa-share,
[dir="rtl"] .fa-sign-out-alt,
[dir="rtl"] .fa-sign-in-alt {
  transform: scaleX(-1);
}
/* Opt-out hook for any icon that must not mirror. */
[dir="rtl"] .no-flip, [dir="rtl"] .no-flip::before { transform: none !important; }

/* --------------------------------------------------------------------------
   18. WHMCS-SPECIFIC SHELL BITS
   -------------------------------------------------------------------------- */
[dir="rtl"] .client-alerts { padding-right: 0; }
[dir="rtl"] .client-alerts .message { text-align: right; }
[dir="rtl"] #cartItemCount { margin-right: 0.25rem; margin-left: 0; }
[dir="rtl"] .active-client .input-group-prepend { margin-left: -1px; margin-right: 0; }
[dir="rtl"] .master-breadcrumb { text-align: right; }
[dir="rtl"] .sidebar .list-group-item .fa-fw { margin-right: 0; margin-left: 0.5rem; }
/* The order-form sidebar/summary column */
[dir="rtl"] #order-standard_cart .cart-sidebar { text-align: right; }
[dir="rtl"] #order-standard_cart .product-desc { text-align: right; }

/* --------------------------------------------------------------------------
   19. THIRD-PARTY WIDGETS WHMCS BUNDLES
   -------------------------------------------------------------------------- */
/* intl-tel-input: flag dropdown must sit on the start (right) edge. */
[dir="rtl"] .iti { direction: ltr; }       /* the control itself stays LTR */
[dir="rtl"] .iti__flag-container { right: auto; left: 0; }
[dir="rtl"] input[type="tel"] { direction: ltr; text-align: left; }

/* Markdown editor toolbar */
[dir="rtl"] .md-editor > .md-header { text-align: right; }
[dir="rtl"] .md-editor > textarea { direction: rtl; text-align: right; }

/* Select2, if a module pulls it in */
[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow { right: auto; left: 3px; }
[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; text-align: right; }

/* --------------------------------------------------------------------------
   20. SAFETY NET
   Any element that must keep LTR semantics regardless of document direction.
   -------------------------------------------------------------------------- */
[dir="rtl"] code, [dir="rtl"] pre, [dir="rtl"] kbd, [dir="rtl"] samp {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
}
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"],
[dir="rtl"] input[type="password"],
[dir="rtl"] input[name="domain"],
[dir="rtl"] input[name="sld"] {
  direction: ltr;
  text-align: left;
}
/* ==========================================================================
   OXIN RTL — Bootstrap 4 directional spacing remap  [GENERATED]
   Source: gen-rtl-spacing.py — regenerate, do not hand-edit.
   ml-* -> margin-right, mr-* -> margin-left, pl-* -> padding-right, etc.
   ========================================================================== */


[dir="rtl"] .ml-0 { margin-left: 0 !important; margin-right: 0 !important; }
[dir="rtl"] .mr-0 { margin-right: 0 !important; margin-left: 0 !important; }
[dir="rtl"] .pl-0 { padding-left: 0 !important; padding-right: 0 !important; }
[dir="rtl"] .pr-0 { padding-right: 0 !important; padding-left: 0 !important; }
[dir="rtl"] .ml-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
[dir="rtl"] .mr-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] .pl-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
[dir="rtl"] .pr-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
[dir="rtl"] .ml-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
[dir="rtl"] .mr-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
[dir="rtl"] .pl-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
[dir="rtl"] .pr-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
[dir="rtl"] .ml-3 { margin-left: 0 !important; margin-right: 1rem !important; }
[dir="rtl"] .mr-3 { margin-right: 0 !important; margin-left: 1rem !important; }
[dir="rtl"] .pl-3 { padding-left: 0 !important; padding-right: 1rem !important; }
[dir="rtl"] .pr-3 { padding-right: 0 !important; padding-left: 1rem !important; }
[dir="rtl"] .ml-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
[dir="rtl"] .mr-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
[dir="rtl"] .pl-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
[dir="rtl"] .pr-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
[dir="rtl"] .ml-5 { margin-left: 0 !important; margin-right: 3rem !important; }
[dir="rtl"] .mr-5 { margin-right: 0 !important; margin-left: 3rem !important; }
[dir="rtl"] .pl-5 { padding-left: 0 !important; padding-right: 3rem !important; }
[dir="rtl"] .pr-5 { padding-right: 0 !important; padding-left: 3rem !important; }
[dir="rtl"] .ml-auto { margin-left: 0 !important; margin-right: auto !important; }
[dir="rtl"] .mr-auto { margin-right: 0 !important; margin-left: auto !important; }

@media (min-width: 576px) {
  [dir="rtl"] .ml-sm-0 { margin-left: 0 !important; margin-right: 0 !important; }
  [dir="rtl"] .mr-sm-0 { margin-right: 0 !important; margin-left: 0 !important; }
  [dir="rtl"] .pl-sm-0 { padding-left: 0 !important; padding-right: 0 !important; }
  [dir="rtl"] .pr-sm-0 { padding-right: 0 !important; padding-left: 0 !important; }
  [dir="rtl"] .ml-sm-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
  [dir="rtl"] .mr-sm-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
  [dir="rtl"] .pl-sm-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
  [dir="rtl"] .pr-sm-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
  [dir="rtl"] .ml-sm-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
  [dir="rtl"] .mr-sm-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
  [dir="rtl"] .pl-sm-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
  [dir="rtl"] .pr-sm-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
  [dir="rtl"] .ml-sm-3 { margin-left: 0 !important; margin-right: 1rem !important; }
  [dir="rtl"] .mr-sm-3 { margin-right: 0 !important; margin-left: 1rem !important; }
  [dir="rtl"] .pl-sm-3 { padding-left: 0 !important; padding-right: 1rem !important; }
  [dir="rtl"] .pr-sm-3 { padding-right: 0 !important; padding-left: 1rem !important; }
  [dir="rtl"] .ml-sm-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
  [dir="rtl"] .mr-sm-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
  [dir="rtl"] .pl-sm-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
  [dir="rtl"] .pr-sm-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
  [dir="rtl"] .ml-sm-5 { margin-left: 0 !important; margin-right: 3rem !important; }
  [dir="rtl"] .mr-sm-5 { margin-right: 0 !important; margin-left: 3rem !important; }
  [dir="rtl"] .pl-sm-5 { padding-left: 0 !important; padding-right: 3rem !important; }
  [dir="rtl"] .pr-sm-5 { padding-right: 0 !important; padding-left: 3rem !important; }
  [dir="rtl"] .ml-sm-auto { margin-left: 0 !important; margin-right: auto !important; }
  [dir="rtl"] .mr-sm-auto { margin-right: 0 !important; margin-left: auto !important; }
}

@media (min-width: 768px) {
  [dir="rtl"] .ml-md-0 { margin-left: 0 !important; margin-right: 0 !important; }
  [dir="rtl"] .mr-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
  [dir="rtl"] .pl-md-0 { padding-left: 0 !important; padding-right: 0 !important; }
  [dir="rtl"] .pr-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
  [dir="rtl"] .ml-md-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
  [dir="rtl"] .mr-md-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
  [dir="rtl"] .pl-md-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
  [dir="rtl"] .pr-md-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
  [dir="rtl"] .ml-md-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
  [dir="rtl"] .mr-md-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
  [dir="rtl"] .pl-md-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
  [dir="rtl"] .pr-md-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
  [dir="rtl"] .ml-md-3 { margin-left: 0 !important; margin-right: 1rem !important; }
  [dir="rtl"] .mr-md-3 { margin-right: 0 !important; margin-left: 1rem !important; }
  [dir="rtl"] .pl-md-3 { padding-left: 0 !important; padding-right: 1rem !important; }
  [dir="rtl"] .pr-md-3 { padding-right: 0 !important; padding-left: 1rem !important; }
  [dir="rtl"] .ml-md-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
  [dir="rtl"] .mr-md-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
  [dir="rtl"] .pl-md-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
  [dir="rtl"] .pr-md-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
  [dir="rtl"] .ml-md-5 { margin-left: 0 !important; margin-right: 3rem !important; }
  [dir="rtl"] .mr-md-5 { margin-right: 0 !important; margin-left: 3rem !important; }
  [dir="rtl"] .pl-md-5 { padding-left: 0 !important; padding-right: 3rem !important; }
  [dir="rtl"] .pr-md-5 { padding-right: 0 !important; padding-left: 3rem !important; }
  [dir="rtl"] .ml-md-auto { margin-left: 0 !important; margin-right: auto !important; }
  [dir="rtl"] .mr-md-auto { margin-right: 0 !important; margin-left: auto !important; }
}

@media (min-width: 992px) {
  [dir="rtl"] .ml-lg-0 { margin-left: 0 !important; margin-right: 0 !important; }
  [dir="rtl"] .mr-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
  [dir="rtl"] .pl-lg-0 { padding-left: 0 !important; padding-right: 0 !important; }
  [dir="rtl"] .pr-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
  [dir="rtl"] .ml-lg-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
  [dir="rtl"] .mr-lg-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
  [dir="rtl"] .pl-lg-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
  [dir="rtl"] .pr-lg-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
  [dir="rtl"] .ml-lg-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
  [dir="rtl"] .mr-lg-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
  [dir="rtl"] .pl-lg-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
  [dir="rtl"] .pr-lg-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
  [dir="rtl"] .ml-lg-3 { margin-left: 0 !important; margin-right: 1rem !important; }
  [dir="rtl"] .mr-lg-3 { margin-right: 0 !important; margin-left: 1rem !important; }
  [dir="rtl"] .pl-lg-3 { padding-left: 0 !important; padding-right: 1rem !important; }
  [dir="rtl"] .pr-lg-3 { padding-right: 0 !important; padding-left: 1rem !important; }
  [dir="rtl"] .ml-lg-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
  [dir="rtl"] .mr-lg-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
  [dir="rtl"] .pl-lg-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
  [dir="rtl"] .pr-lg-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
  [dir="rtl"] .ml-lg-5 { margin-left: 0 !important; margin-right: 3rem !important; }
  [dir="rtl"] .mr-lg-5 { margin-right: 0 !important; margin-left: 3rem !important; }
  [dir="rtl"] .pl-lg-5 { padding-left: 0 !important; padding-right: 3rem !important; }
  [dir="rtl"] .pr-lg-5 { padding-right: 0 !important; padding-left: 3rem !important; }
  [dir="rtl"] .ml-lg-auto { margin-left: 0 !important; margin-right: auto !important; }
  [dir="rtl"] .mr-lg-auto { margin-right: 0 !important; margin-left: auto !important; }
}

@media (min-width: 1200px) {
  [dir="rtl"] .ml-xl-0 { margin-left: 0 !important; margin-right: 0 !important; }
  [dir="rtl"] .mr-xl-0 { margin-right: 0 !important; margin-left: 0 !important; }
  [dir="rtl"] .pl-xl-0 { padding-left: 0 !important; padding-right: 0 !important; }
  [dir="rtl"] .pr-xl-0 { padding-right: 0 !important; padding-left: 0 !important; }
  [dir="rtl"] .ml-xl-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
  [dir="rtl"] .mr-xl-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
  [dir="rtl"] .pl-xl-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
  [dir="rtl"] .pr-xl-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
  [dir="rtl"] .ml-xl-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
  [dir="rtl"] .mr-xl-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
  [dir="rtl"] .pl-xl-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
  [dir="rtl"] .pr-xl-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
  [dir="rtl"] .ml-xl-3 { margin-left: 0 !important; margin-right: 1rem !important; }
  [dir="rtl"] .mr-xl-3 { margin-right: 0 !important; margin-left: 1rem !important; }
  [dir="rtl"] .pl-xl-3 { padding-left: 0 !important; padding-right: 1rem !important; }
  [dir="rtl"] .pr-xl-3 { padding-right: 0 !important; padding-left: 1rem !important; }
  [dir="rtl"] .ml-xl-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
  [dir="rtl"] .mr-xl-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
  [dir="rtl"] .pl-xl-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
  [dir="rtl"] .pr-xl-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
  [dir="rtl"] .ml-xl-5 { margin-left: 0 !important; margin-right: 3rem !important; }
  [dir="rtl"] .mr-xl-5 { margin-right: 0 !important; margin-left: 3rem !important; }
  [dir="rtl"] .pl-xl-5 { padding-left: 0 !important; padding-right: 3rem !important; }
  [dir="rtl"] .pr-xl-5 { padding-right: 0 !important; padding-left: 3rem !important; }
  [dir="rtl"] .ml-xl-auto { margin-left: 0 !important; margin-right: auto !important; }
  [dir="rtl"] .mr-xl-auto { margin-right: 0 !important; margin-left: auto !important; }
}