.card-list-posts .card-image { 
  margin-right: 0;
  margin-left: 20px;
}
.box-socials a svg { 
  left: 0; 
  right: 10px;
}
.card-style-1 .card-image .card-info .box-author .author-info { 
  gap: 10px; 
}
.calendar-icon { 
  padding-left: 25px;  
  margin-right: 0 !important;
  margin-left: 20px;
}
.box-banner-4 .banner-image { 
  margin-right: 0;
  margin-left: 35px;
}
.box-banner-4 .box-socials a svg { 
  left: 0; 
  right: 7px;
}
.box-author img { 
  margin-left: 15px;
}
.breadcrumb {
  gap: 10px; 
}
.head-sidebar .line-bottom::before { 
  left: auto;
} 
.box-sidebar .wp-block-search .wp-block-search__label::after,
.box-sidebar .wp-block-group__inner-container h2::after {
  left: auto;
  right: 0;
}
ol.wp-block-latest-comments {
  padding-right: 0;
}

.card-pricing .badge { 
  right: auto;
  left: 15px;
}
.list-checked li { 
  padding: 3px 30px 3px 3px; 
  background: url(../imgs/page/about/checked.svg) no-repeat right center;
}

.accordion-button  span.text-xl{
  margin-left: 15px;
}

/* ==========================================================
   Arabic font pairing
   Higher specificity than [data-bs-theme="light"/"dark"]
   (color-mode.css) so it wins regardless of load order.
   ========================================================== */
html[dir="rtl"] {
  --genz-font-heading: 'Noto Kufi Arabic', 'Noto Sans', sans-serif;
  --genz-font-text: 'Noto Kufi Arabic', 'Noto Sans', sans-serif;
}

/* ==========================================================
   Header — desktop main menu
   ========================================================== */
.header .main-menu li {
  float: right;
  text-align: right;
}

.header .main-menu li a i {
  margin-right: 0;
  margin-left: 8px;
}

.header .main-menu li.has-children > a::after {
  margin-left: 0;
  margin-right: 4px;
}

/* Dropdown submenus */
.header .main-menu li ul {
  left: auto;
  right: 0px;
  text-align: right;
}

.header .main-menu li ul li a {
  padding: 10px 38px 10px 22px;
  background-position: right 20px top 14px;
}

.header .main-menu li ul li a:hover {
  background-position: right 20px top 14px;
}

/* Nested (flyout) submenus open to the left instead of the right */
.header .main-menu li ul li ul {
  left: auto;
  right: 100%;
}

/* ==========================================================
   Header — search popup
   ========================================================== */
.form-search {
  right: auto;
  left: 98px;
}

.form-search .form-control {
  padding: 10px 20px 10px 15px;
}

.form-search .btn-search-2 {
  right: auto;
  left: 28px;
}

.popular-keywords {
  text-align: right;
}

@media (max-width: 575.98px) {
  .header .main-header .header-right {
    padding-right: 0;
    padding-left: 25px;
  }
}

/* ==========================================================
   Mobile off-canvas menu — opens from the left in RTL
   ========================================================== */
.mobile-header-wrapper-style {
  right: auto;
  left: 0;
}

/* ==========================================================
   Footer
   ========================================================== */
.footer .menu-footer li a:hover {
  padding-left: 0;
  padding-right: 3px;
}

/* ==========================================================
   Typewriter effect (assets/js/vendors/text-type.js)
   Prevents the animated text from wrapping to a second line
   or getting clipped when the Arabic translation is wider
   than the original text it replaced.
   ========================================================== */
.typewrite,
.typewrite .wrap {
  display: inline-block;
  white-space: nowrap;
  min-width: fit-content;
}