/*
  LTR overrides for English pages
  Scope: html[lang^="en"] to avoid affecting Arabic (RTL) pages
  Note: This file contains only CSS. Include it conditionally for EN
*/

/* Base direction and typography */
html[lang^="en"] {
  direction: ltr !important;
}
html[lang^="en"] body {
  text-align: left;
}
html[lang^="en"] .globContainer,
html[lang^="en"] .page,
html[lang^="en"] main,
html[lang^="en"] section,
html[lang^="en"] header,
html[lang^="en"] footer {
  direction: ltr;
}

/* Topbar (header) */
html[lang^="en"] .topbar {
  direction: ltr;
}
html[lang^="en"] .topbar__container {
  direction: ltr;
}
/* Mirror the vertical separators around the center nav */
html[lang^="en"] .topbar .topbar__logo::before {
  left: auto !important;
  right: -3.2rem !important;
  border-inline-end: none !important;
  border-left: .1rem dashed rgba(27, 26, 39, .2) !important;
}
html[lang^="en"] .topbar .topbar__utils::before {
  right: auto !important;
  left: -3.2rem !important;
  border-inline-end: none !important;
  border-left: .1rem dashed rgba(27, 26, 39, .2) !important;
}
html[lang^="en"] .topbar__menu li a {
  text-align: left;
}
html[lang^="en"] .topbar__call {
  direction: ltr;
}
html[lang^="en"] .topbar__call .topbar__callIcon { margin-right: 0; margin-left: .6rem; }
html[lang^="en"] .topbar__cta { direction: ltr; }

/* Breadcrumb */
html[lang^="en"] .breadcrumb { direction: ltr; }
html[lang^="en"] .breadcrumb__item { text-align: left; }
html[lang^="en"] .breadcrumb__separator { transform: none; }

/* Buttons with embedded icons */
html[lang^="en"] .btn .i,
html[lang^="en"] .blog-detail-navigation svg,
html[lang^="en"] .blog__card-date svg {
  margin-right: .4rem;
  margin-left: 0;
}

/* Blog cards */
html[lang^="en"] .blog__card-title,
html[lang^="en"] .blog__card-description,
html[lang^="en"] .blog__card-meta { text-align: left; }

/* Category/Blog pages */
html[lang^="en"] .blog__title,
html[lang^="en"] .blog__description { text-align: left; }

/* Page hero sections */
html[lang^="en"] .hero__title,
html[lang^="en"] .hero__description { text-align: left; }

/* CTA section */
html[lang^="en"] .cta { direction: ltr; }
html[lang^="en"] .cta__right { text-align: left; }
html[lang^="en"] .cta__title,
html[lang^="en"] .cta__description { text-align: left; }

/* Footer */
html[lang^="en"] .footer { direction: ltr; }
html[lang^="en"] .footer__logo-text,
html[lang^="en"] .footer__description,
html[lang^="en"] .footer__column-title,
html[lang^="en"] .footer__newsletter-title { text-align: left; }
html[lang^="en"] .footer__social { direction: ltr; }

/* Modal */
html[lang^="en"] .modal { direction: ltr; }
html[lang^="en"] .modal__header h3,
html[lang^="en"] .modal__lead { text-align: left; }
html[lang^="en"] .modal__grid { direction: ltr; }

/* Forms */
html[lang^="en"] .field__label { text-align: left; }
html[lang^="en"] .input,
html[lang^="en"] .select,
html[lang^="en"] .textarea { direction: ltr; text-align: left; }

/* Swiper / sliders */
html[lang^="en"] .swiper,
html[lang^="en"] .partners__track { direction: ltr; }

/* Utilities - flip common spacing */
html[lang^="en"] .mr-8 { margin-right: 8px; }
html[lang^="en"] .ml-8 { margin-left: 8px; }
/* If theme used rtl-specific spacing via logical properties, these won't be needed */

/* Icons that were mirrored in RTL */
html[lang^="en"] .i,
html[lang^="en"] svg.i { transform: none; }

/* Tables and lists */
html[lang^="en"] table,
html[lang^="en"] ul,
html[lang^="en"] ol { direction: ltr; text-align: left; }

/* Ensure counters (numbers) align naturally for EN */
html[lang^="en"] .about__stat-number { direction: ltr; text-align: left; }

/* Breadcrumb back/next navigation on blog detail */
html[lang^="en"] .blog-detail-navigation__back { justify-content: flex-start; }

/* Language switcher dropdown */
html[lang^="en"] .topbar__lang-dropdown { left: 0; right: auto; text-align: left; }

/* Fix any element that was forcefully right-aligned in RTL */
html[lang^="en"] [style*="text-align:right"] { text-align: left !important; }


.hero__tagline::before{
  left:  0;
  right: auto;
}

.services__item-arrow img{
  transform: rotate(-90deg);
}
.services__item.active .services__item-header .services__item-arrow img{
  transform: rotate(-360deg);
}

.working-process__step-number{
  right: 2rem;
  left: auto;
}

.working-process__step-title::after{
  right: 0;
  left: auto;
}

.pricing__card-price-period{
  left: 2rem;
  right: auto;
}

.pricing__card-badge-popular{
      transform: rotate(17deg);
          right: 2rem;
          left: auto;
}
.pricing__card-feature span{
  text-align: left;
}
.contact-info__value{
  text-align: left;
}

.blog-detail-article__content ul{
  padding-left: 2rem;
  padding-right: auto;
}
.blog-detail-article__content ul li::before{
    left: -1.5rem;
    right: auto;
}