html,
body {
  direction: rtl;
  text-align: right;
}
.slider_card .tag,
.card2 .category{
  right: 0;
  left: inherit;
}
.slider_card .slider_body .swiper-pagination.swiper-pagination-bullets{
  right: 0;
  left: inherit;
  width: calc(50% - 12px);
}
.slider_card .slider_body .arrows{
  right: 3%;
  left: inherit;    
  width: 42%;
}
.slider_card.full .arrows {
  width: 44% ;
}
.slider_card.full .slider_body .swiper-pagination.swiper-pagination-bullets {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0;
}
.slider_card.full .slider_body img {
  border-bottom-right-radius: 0;
}
.footer form input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
}
.footer form button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}

.note{
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 45px;
  border-top-left-radius: 45px;
}
.note img{
  border-top-right-radius: 0;
  border-top-left-radius: 45px;
}
.note.style2{
  border-radius: inherit;
  border-bottom-left-radius: 45px;
  border-top-right-radius: 45px;
}
.note.style2 img{
  border-top-left-radius: 0;
    border-top-right-radius: 45px;
}

.training_sec1{
  border-top-right-radius: 45px;
  border-top-left-radius: 0;
}
.edu_slider_card .slider_card .slider_body .swiper-pagination.swiper-pagination-bullets {
  left: 0;
  right: inherit;
}
.edu_slider_card .slider_card .slider_body .arrows {
  right: inherit;
  left: 3%;
}
.nawafez .courses {
  border-top-right-radius: 0;
  border-top-left-radius: 20px;
}
.dropdown-item {
  text-align: right;
}

/* ═══════════════════════════════════
   RTL Navbar — Layout stays SAME
   Logo=right, Utils=left, Menu=center
   Only menu TEXT direction changes
   ═══════════════════════════════════ */
/* Keep navbar layout LTR — don't flip columns */
.site-header {
  direction: ltr;
}
/* Only the menu items read RTL */
.nav-menu {
  direction: rtl;
}
/* Dropdown items RTL */
.nav-dropdown .dropdown-item {
  text-align: right;
}
/* Search bar RTL text */
.nav-search-form {
  direction: rtl;
}
.nav-search-input {
  text-align: right;
}
/* Mobile */
@media (max-width: 991px) {
  .navbar-collapse {
    direction: rtl;
    text-align: right;
  }
}

/* ══════════════════════════════════════════════════════
   Icon–text gap — global RTL fix
   Adds a small gap on the inline-start side of every
   Font Awesome icon that does NOT already carry a
   Bootstrap me-* / ms-* spacing utility class.
   Inline-start = RIGHT side in RTL, so the space sits
   between the icon (right) and adjacent text (left).
   ══════════════════════════════════════════════════════ */
[dir="rtl"] i[class*="fa-"]:not([class*="me-"]):not([class*="ms-"]) {
}
/* Icon-only containers: reset margin so the icon stays centred inside its frame */
[dir="rtl"] button i[class*="fa-"]:only-child,
[dir="rtl"] a i[class*="fa-"]:only-child,
[dir="rtl"] span i[class*="fa-"]:only-child,
[dir="rtl"] .nav-icon-btn i[class*="fa-"],
[dir="rtl"] .nav-avatar-btn i[class*="fa-"],
[dir="rtl"] .bl-clear-btn i[class*="fa-"],
[dir="rtl"] .cd-action-btn i[class*="fa-"],


/* Flip me-* Bootstrap margins for RTL icons:
   Bootstrap non-RTL maps me-* to margin-right (wrong side in Arabic).
   Zero margin-right and apply equivalent margin-left instead. */
[dir="rtl"] i[class*="fa-"][class*="me-1"],
[dir="rtl"] i[class*="fa-"][class*="me-"] {
}
[dir="rtl"] i[class*="fa-"][class*="me-2"] {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}
[dir="rtl"] i[class*="fa-"][class*="me-3"] {
  margin-right: 0 !important;
  margin-left: 1rem !important;
}
[dir="rtl"] i[class*="fa-"][class*="me-4"] {
  margin-right: 0 !important;
  margin-left: 1.5rem !important;
}

/* Mirror directional icons in RTL — forward = left in Arabic */
[dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-arrow-circle-right,
[dir="rtl"] .fa-arrow-circle-left,
[dir="rtl"] .fa-long-arrow-alt-right,
[dir="rtl"] .fa-long-arrow-alt-left,
[dir="rtl"] .fa-chevron-right,
[dir="rtl"] .fa-chevron-left,
[dir="rtl"] .fa-angle-right,
[dir="rtl"] .fa-angle-left,
[dir="rtl"] .fa-angle-double-right,
[dir="rtl"] .fa-angle-double-left {
  transform: scaleX(-1);
  display: inline-block;
}

/* Flip any physical mr-* / ml-* that might exist in older partials */
[dir="rtl"] i[class*="fa-"].mr-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] i[class*="fa-"].mr-2 { margin-right: 0 !important; margin-left: 0.5rem  !important; }
[dir="rtl"] i[class*="fa-"].mr-3 { margin-right: 0 !important; margin-left: 1rem    !important; }
[dir="rtl"] i[class*="fa-"].ml-1 { margin-left:  0 !important; margin-right: 0.25rem !important; }
[dir="rtl"] i[class*="fa-"].ml-2 { margin-left:  0 !important; margin-right: 0.5rem  !important; }
[dir="rtl"] i[class*="fa-"].ml-3 { margin-left:  0 !important; margin-right: 1rem    !important; }