/**
 * Bizayla — RTL direction-sensitive spacing beside images (Arabic / dir=rtl).
 * Eyebrow label text is hidden for Arabic via `bizayla-ar-hide-eyebrows.css` instead.
 *
 * Load after: bizayla-rtl-text-align.css
 */

/* -----------------------------------------------------------------
   Text ↔ media: mirror physical paddings / margins
   ----------------------------------------------------------------- */

/* Home about: icon row padding was padding-left–biased */
[dir="rtl"] .about-icon_box {
  padding-left: 0;
  padding-right: 15px;
}

[dir="rtl"] .about_icon {
  margin-right: 0;
  margin-left: 20px;
}

[dir="rtl"] .about_icon::before {
  left: auto;
  right: -15px;
}

[dir="rtl"] .about-icon_box.style_two .about_icon::after {
  left: auto;
  right: -16px;
}

[dir="rtl"] .about_list ul li i {
  margin-right: 0;
  margin-left: 15px;
}

/* Pull-overlap image columns (about / why choose) — desktop only; negative margin breaks mobile layout */
@media (min-width: 992px) {
  [dir="rtl"] .about_area.style_three .about_thumb {
    margin-left: 0;
    margin-right: -56px;
  }

  [dir="rtl"] .choose_thumb {
    margin-left: 0;
    margin-right: -67px;
  }
}

/* Feature cards: theme uses padding: 40px 25px 30px 36px (extra on physical “left”) */
[dir="rtl"] .feature_item {
  padding: 40px 36px 30px 25px;
}

/* Service style_two: text column padding beside thumb — was 42px 0 28px 40px */
[dir="rtl"] .service_single_item.style_two .service_content {
  padding: 42px 40px 28px 0;
}

/* Service style_four */
[dir="rtl"] .service_single_item.style_four .service_content {
  padding: 32px 30px 24px 0;
}

/* Counter: label stack + vertical rule */
[dir="rtl"] .counter_title {
  margin-left: 0;
  margin-right: 40px;
}

[dir="rtl"] .counter_title::before {
  left: auto;
  right: -22px;
}

/* Testimonial: large image pull + author bio gap */
[dir="rtl"] .tesimonial_img {
  margin-left: 0;
  margin-right: -254px;
}

[dir="rtl"] .tesit-auothor .bio {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .testimonial_star i {
  margin-right: 0;
  margin-left: 15px;
}

/* Blog comment cards (desktop+): avoid fighting responsive `float: inherit` on small screens */
@media (min-width: 768px) {
  [dir="rtl"] .blog-details-comment {
    padding: 45px 40px 26px 253px;
  }

  [dir="rtl"] .blog-details-comment-thumb {
    float: right;
    margin-right: 0;
    margin-left: 25px;
  }

  [dir="rtl"] .blog-details-comment.reply {
    margin-left: 0;
    margin-right: 80px;
  }
}