/* R171 frontend-only multilingual / RTL layer. CMS/admin intentionally untouched. */
.language-picker{position:relative;flex:0 0 auto;z-index:132}
.language-toggle{height:42px;min-width:68px;padding:0 10px;border:1px solid #dfe6ed;border-radius:11px;background:rgba(255,255,255,.92);color:#233442;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:11px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 4px 14px rgba(17,30,39,.05);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.language-toggle:hover,.language-picker.open .language-toggle{border-color:#bdd6ff;box-shadow:0 8px 22px rgba(86,151,255,.14);background:#f8fbff}
.language-toggle:focus-visible{outline:3px solid rgba(86,151,255,.22);outline-offset:2px}
.language-globe{width:15px;height:15px;display:block;flex:0 0 15px}
.language-globe svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.language-caret{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease;opacity:.72}
.language-picker.open .language-caret{transform:translateY(2px) rotate(-135deg)}
.language-menu{position:absolute;top:calc(100% + 9px);right:0;width:176px;padding:7px;border:1px solid #dce6f0;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 20px 48px rgba(18,36,54,.17);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(-5px) scale(.98);transform-origin:top right;pointer-events:none;transition:.17s ease}
.language-picker.open .language-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.language-option{width:100%;min-height:42px;border:0;border-radius:9px;background:transparent;color:#263744;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;font:inherit;transition:background .16s ease,color .16s ease}
.language-option:hover,.language-option.active{background:#eef5ff;color:#235fb8}
.language-option b{font-size:12px;font-weight:800;direction:ltr;unicode-bidi:isolate}
.language-option span{font-size:11px;color:#71808a;font-weight:650}
.language-option.active span{color:#4b6f9d}
html[data-theme="dark"] .language-toggle{background:rgba(25,34,42,.92);border-color:#394955;color:#edf5fa;box-shadow:none}
html[data-theme="dark"] .language-toggle:hover,html[data-theme="dark"] .language-picker.open .language-toggle{background:#202c35;border-color:#52739b}
html[data-theme="dark"] .language-menu{background:rgba(24,33,40,.98);border-color:#3a4a56;box-shadow:0 22px 54px rgba(0,0,0,.36)}
html[data-theme="dark"] .language-option{color:#eaf2f6}
html[data-theme="dark"] .language-option span{color:#9eb0bb}
html[data-theme="dark"] .language-option:hover,html[data-theme="dark"] .language-option.active{background:#19314a;color:#8ebcff}

/* Keep the existing English design untouched; only RTL languages enter this layer. */
html[dir="rtl"] body{direction:rtl}
html[lang="ur"] body,html[lang="ur"] button,html[lang="ur"] input,html[lang="ur"] select,html[lang="ur"] textarea{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
html[lang="ur"] body{line-height:1.68}
html[dir="rtl"] .nav,html[dir="rtl"] .nav-links,html[dir="rtl"] .nav-actions{direction:rtl}
html[dir="rtl"] .nav-links{text-align:right}
html[dir="rtl"] .language-menu{right:auto;left:0;transform-origin:top left}
html[dir="rtl"] .language-option{text-align:right;direction:rtl}
html[dir="rtl"] .language-option b{order:2}
html[dir="rtl"] .language-option span{order:1}
html[dir="rtl"] .hero-grid,html[dir="rtl"] .section-head,html[dir="rtl"] .consult-grid,html[dir="rtl"] .footer-grid,html[dir="rtl"] .cta-inner{direction:rtl}
html[dir="rtl"] .hero-grid>div:first-child,html[dir="rtl"] .section-title,html[dir="rtl"] .industry-narrative,html[dir="rtl"] .industry-detail,html[dir="rtl"] .platform-board,html[dir="rtl"] .platform-board-head,html[dir="rtl"] .product-copy,html[dir="rtl"] .relationship-card,html[dir="rtl"] .voice-card,html[dir="rtl"] .process-detail,html[dir="rtl"] .consult-copy,html[dir="rtl"] .dash-overlay,html[dir="rtl"] .timeline-feature,html[dir="rtl"] .why-item,html[dir="rtl"] .career-copy,html[dir="rtl"] footer,html[dir="rtl"] .modal-card,html[dir="rtl"] .module-advisor-panel{text-align:right}
html[dir="rtl"] .hero-actions,html[dir="rtl"] .hero-proof,html[dir="rtl"] .industry-detail-top,html[dir="rtl"] .product-switcher,html[dir="rtl"] .relationship-nav,html[dir="rtl"] .voice-nav,html[dir="rtl"] .job-openings-head,html[dir="rtl"] .job-detail-actions{direction:rtl}
html[dir="rtl"] .link-arrow span{transform:scaleX(-1)}
html[dir="rtl"] .link-arrow:hover span{transform:scaleX(-1) translateX(4px)}
html[dir="rtl"] .field label{justify-content:flex-start;text-align:right}
html[dir="rtl"] .field.is-required>label::after{margin-left:0;margin-right:2px}
html[dir="rtl"] .field input,html[dir="rtl"] .field textarea,html[dir="rtl"] .field select{text-align:right;direction:rtl}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[type="number"],html[dir="rtl"] input[name="mobile"],html[dir="rtl"] input[name="phone"]{direction:ltr;text-align:left;unicode-bidi:isolate}
html[dir="rtl"] .field .custom-select-trigger{padding:12px 14px 12px 44px;text-align:right;direction:rtl}
html[dir="rtl"] .field .custom-select-icon{right:auto;left:14px}
html[dir="rtl"] .field .custom-select-option{text-align:right;direction:rtl}
html[dir="rtl"] .field-error{direction:rtl;text-align:right}
html[dir="rtl"] .modal-close{right:auto;left:14px}
html[dir="rtl"] .toast-copy{text-align:right}
html[dir="rtl"] .toast-inner{direction:rtl}
html[dir="rtl"] .module-advisor-head,html[dir="rtl"] .module-advisor-msg,html[dir="rtl"] .module-advisor-chat-toolbar,html[dir="rtl"] .module-advisor-chat-actions{direction:rtl}
html[dir="rtl"] .module-advisor-msg.user{flex-direction:row}
html[dir="rtl"] .module-advisor-msg.bot .module-advisor-bubble{border-bottom-left-radius:15px;border-bottom-right-radius:5px}
html[dir="rtl"] .module-advisor-msg.user .module-advisor-bubble{border-bottom-right-radius:15px;border-bottom-left-radius:5px}
html[dir="rtl"] .module-advisor-chat-option,html[dir="rtl"] .module-advisor-chat-result{text-align:right}
html[dir="rtl"] .module-advisor-title{text-align:right}
html[dir="rtl"] .module-advisor-panel{direction:rtl}
/* Utility launcher locations intentionally stay unchanged in RTL. */
html[dir="rtl"] .module-advisor-launcher{left:8px!important;right:auto!important}
html[dir="rtl"] .module-advisor-panel{left:96px!important;right:auto!important;transform-origin:bottom left!important}
html[dir="rtl"] .floating-whatsapp{right:8px!important;left:auto!important}

/* Preserve English brand / product / module / client names inside an RTL sentence. */
html[dir="rtl"] .brand,html[dir="rtl"] .brand img,html[dir="rtl"] .module-card b,html[dir="rtl"] .cap b,html[dir="rtl"] .product-copy h4,html[dir="rtl"] .client-mini b,html[dir="rtl"] .relationship-card h3,html[dir="rtl"] .voice-card .voice-person,html[dir="rtl"] .module-advisor-chat-result b,html[dir="rtl"] .metric strong,html[dir="rtl"] .section-no,html[dir="rtl"] .timeline-year{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .module-card b,html[dir="rtl"] .cap b,html[dir="rtl"] .product-copy h4,html[dir="rtl"] .client-mini b,html[dir="rtl"] .relationship-card h3,html[dir="rtl"] .module-advisor-chat-result b{text-align:right}
html[dir="rtl"] .footer-contact a,html[dir="rtl"] #footerPhone,html[dir="rtl"] #footerCell1,html[dir="rtl"] #footerCell2,html[dir="rtl"] #footerEmail{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* Arrow controls mirror semantically without changing the existing glass-button component. */
html[dir="rtl"] #heroPrev:before,html[dir="rtl"] #relationshipPrev:before,html[dir="rtl"] #voicePrev:before,html[dir="rtl"] #prodPrev:before,html[dir="rtl"] .industry-proof-prev:before{transform:translate(-65%,-50%) rotate(45deg)}
html[dir="rtl"] #heroNext:before,html[dir="rtl"] #relationshipNext:before,html[dir="rtl"] #voiceNext:before,html[dir="rtl"] #prodNext:before,html[dir="rtl"] .industry-proof-next:before{transform:translate(-35%,-50%) rotate(-135deg)}

/* Reseller parallax/content blocks */
html[dir="rtl"] .partner-copy,html[dir="rtl"] .benefit-card,html[dir="rtl"] .partner-section-copy,html[dir="rtl"] .reseller-hero-copy{text-align:right}

@media(max-width:1100px){.language-toggle{min-width:58px;padding:0 8px}.language-toggle .language-globe{display:none}}
@media(max-width:760px){
  .language-picker{order:2}
  .language-toggle{width:40px;height:40px;min-width:40px;padding:0;border-radius:10px;gap:0}
  .language-toggle .language-globe{display:block;width:17px;height:17px;flex:0 0 17px}
  .language-toggle [data-language-code],.language-toggle .language-caret{display:none}
  .language-menu{position:fixed;top:72px;right:12px;left:auto;width:170px}
  html[dir="rtl"] .language-menu{right:auto;left:12px}
  html[dir="rtl"] .module-advisor-panel{left:72px!important;right:auto!important}
  html[dir="rtl"] .module-advisor-launcher{left:8px!important;right:auto!important}
  html[dir="rtl"] .floating-whatsapp{right:8px!important;left:auto!important}
  html[dir="rtl"] .hero-actions{align-items:stretch}
}

/* R169 RTL component refinements: mirror composition, not assets/content identity. */
html[dir="rtl"] .platform-nav button{text-align:right}
html[dir="rtl"] .platform-board:before{right:auto;left:-120px}
html[dir="rtl"] .process-step{text-align:right;justify-items:start;padding:0 0 0 12px}
html[dir="rtl"] .process-line:before{background:linear-gradient(270deg,var(--cyan),var(--teal),#d4dde6)}
html[dir="rtl"] .process-detail{border-left:0;border-right:4px solid var(--cyan);border-radius:18px 0 0 18px}
html[dir="rtl"] .timeline-feature{border-left:0;border-right:4px solid var(--cyan);padding:18px 24px 18px 0}
html[dir="rtl"] .timeline-year{text-align:right;padding:0 0 0 8px;justify-items:start}
html[dir="rtl"] .timeline-year .timeline-copy{padding-right:0;padding-left:0}
html[dir="rtl"] .voice-card-tag{margin-left:0;margin-right:auto;justify-content:flex-start}
html[dir="rtl"] .voice-card-tag img{object-position:left center}
html[dir="rtl"] .voice-industry-label{right:auto;left:18px;text-align:right}
html[dir="rtl"] .voice-play{right:auto;left:16px}
html[dir="rtl"] .hero-carousel{margin-left:auto;margin-right:0}
html[dir="rtl"] .hero-slide[data-depth="1"]{transform:translate3d(-46px,40px,-30px) scale(.965)}
html[dir="rtl"] .hero-slide[data-depth="2"]{transform:translate3d(-82px,70px,-60px) scale(.925)}
html[dir="rtl"] .hero-slide[data-depth="hidden"]{transform:translate3d(-86px,74px,-90px) scale(.89)}
html[dir="rtl"] .nav-links.open{align-items:flex-end;text-align:right}
html[dir="rtl"] .nav-links.open a{text-align:right}
html[dir="rtl"] .cta-actions{justify-content:flex-start}

@media(max-width:1150px){
  html[dir="rtl"] .hero-slide[data-depth="1"]{transform:translate3d(-34px,28px,-30px) scale(.96)}
  html[dir="rtl"] .hero-slide[data-depth="2"]{transform:translate3d(-60px,50px,-60px) scale(.92)}
}
@media(max-width:760px){
  html[dir="rtl"] .hero-slide[data-depth="1"]{transform:translate3d(-18px,16px,-30px) scale(.97)}
  html[dir="rtl"] .hero-slide[data-depth="2"]{transform:translate3d(-30px,28px,-60px) scale(.94)}
  html[dir="rtl"] .hero-slide[data-depth="hidden"]{transform:translate3d(-32px,30px,-90px) scale(.91)}
  html[dir="rtl"] .platform-nav button{padding:12px 0 12px 14px}
  html[dir="rtl"] .platform-nav button:first-child{padding-right:0}
  html[dir="rtl"] .platform-nav button + button{margin-left:0;margin-right:14px;padding-left:14px;padding-right:14px}
  html[dir="rtl"] .platform-nav button + button:before{left:auto;right:0}
  html[dir="rtl"] .process-step{padding-right:0;padding-left:10px}
  html[dir="rtl"] .process-detail{border-right-width:3px;border-radius:16px 0 0 16px}
  html[dir="rtl"] #company .timeline-feature{padding:24px 20px 22px;border-left:1px solid var(--line)!important;border-right:4px solid var(--primary)!important;border-radius:18px}
  html[data-theme="dark"][dir="rtl"] #company .timeline-feature{border-left-color:#354552!important;border-right-color:#5697FF!important}
  html[dir="rtl"] .voice-card-tag{text-align:right}
}

/* R169 readability + mixed-direction refinements. */
html[lang="ur"],html[lang="ar"]{--rtl-ui-font:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
html[lang="ur"] body,html[lang="ur"] button,html[lang="ur"] input,html[lang="ur"] select,html[lang="ur"] textarea,
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea{font-family:var(--rtl-ui-font)!important;letter-spacing:0!important}
html[lang="ur"] body,html[lang="ar"] body{line-height:1.68!important}
html[lang="ur"] h1,html[lang="ur"] h2,html[lang="ur"] h3,html[lang="ur"] h4,html[lang="ur"] h5,html[lang="ur"] h6,
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5,html[lang="ar"] h6{font-family:var(--rtl-ui-font)!important;line-height:1.3!important;letter-spacing:0!important;overflow-wrap:break-word;word-break:normal}
html[lang="ur"] p,html[lang="ur"] li,html[lang="ur"] q,html[lang="ur"] .module-card span,html[lang="ur"] .cap span,html[lang="ur"] .relationship-card p,html[lang="ur"] .voice-card-body,
html[lang="ar"] p,html[lang="ar"] li,html[lang="ar"] q,html[lang="ar"] .module-card span,html[lang="ar"] .cap span,html[lang="ar"] .relationship-card p,html[lang="ar"] .voice-card-body{line-height:1.78!important;overflow-wrap:break-word;word-break:normal}
html[lang="ur"] .hero h1,html[lang="ar"] .hero h1{font-size:clamp(46px,5vw,74px)!important;line-height:1.25!important;max-width:820px}
html[lang="ur"] .section-title h2,html[lang="ar"] .section-title h2{font-size:clamp(38px,4vw,58px)!important;line-height:1.28!important}
html[lang="ur"] .module-advisor-question,html[lang="ar"] .module-advisor-question{font-family:var(--rtl-ui-font)!important;line-height:1.45!important;letter-spacing:0!important}
html[lang="ur"] .eyebrow,html[lang="ur"] .metric span,html[lang="ur"] .relationship-card small,
html[lang="ar"] .eyebrow,html[lang="ar"] .metric span,html[lang="ar"] .relationship-card small{letter-spacing:0!important;text-transform:none}

/* Header keeps the exact English left-to-right composition; only labels localize. */
html[dir="rtl"] .header .nav,html[dir="rtl"] .header .nav-links,html[dir="rtl"] .header .nav-actions{direction:ltr!important}
html[dir="rtl"] .header .brand{margin-right:auto!important;margin-left:0!important}
html[dir="rtl"] .header .nav-links{gap:20px;font-size:12px;text-align:left!important}
html[dir="rtl"] .header .nav-links a,html[dir="rtl"] .header .nav-actions .btn,html[dir="rtl"] .header .language-toggle{direction:rtl;unicode-bidi:plaintext;text-align:center}
html[dir="rtl"] .header .language-menu{right:0!important;left:auto!important;transform-origin:top right!important}
html[dir="rtl"] .header .language-option{direction:rtl;text-align:right}
html[dir="rtl"] .header .language-option b{order:initial}
html[dir="rtl"] .header .language-option span{order:initial}
html[dir="rtl"] .header .nav-links.open{align-items:stretch!important;text-align:right!important;direction:ltr!important}
html[dir="rtl"] .header .nav-links.open a{width:100%;text-align:right!important;direction:rtl}

/* Numeric presentation follows the selected language while data/phone/URL values stay untouched. */
html[dir="rtl"] .metrics-grid{direction:rtl}
html[dir="rtl"] .metric{text-align:right}
html[dir="rtl"] .metric strong,html[dir="rtl"] .section-no,html[dir="rtl"] .product-section-no,html[dir="rtl"] .timeline-year,html[dir="rtl"] .card-no,html[dir="rtl"] .process-step strong,html[dir="rtl"] .control-stage b{direction:rtl!important;unicode-bidi:isolate;text-align:right!important}
html[dir="rtl"] .metric span{text-align:right}
html[dir="rtl"] .relationship-meta{direction:rtl;text-align:right}
html[dir="rtl"] .relationship-meta>div,html[dir="rtl"] .relationship-meta>div:last-child{align-items:flex-start!important;text-align:right!important}

/* Product/module/client identities always remain English/LTR even inside an RTL sentence. */
html[dir="rtl"] .module-card b,html[dir="rtl"] .cap b,html[dir="rtl"] .product-copy h4,html[dir="rtl"] .client-mini b,html[dir="rtl"] .relationship-card h3,html[dir="rtl"] .voice-card .voice-person,html[dir="rtl"] .module-advisor-chat-result b{direction:ltr!important;unicode-bidi:isolate;text-align:right!important}
html[dir="rtl"] .product-copy h4{align-self:stretch}

@media(max-width:1150px){
  html[dir="rtl"] .header .nav-links{font-size:13px}
  html[dir="rtl"] .header .language-menu{right:0!important;left:auto!important}
}
@media(max-width:760px){
  html[lang="ur"] .hero h1,html[lang="ar"] .hero h1{font-size:40px!important;line-height:1.28!important}
  html[lang="ur"] .section-title h2,html[lang="ar"] .section-title h2{font-size:34px!important;line-height:1.3!important}
  html[dir="rtl"] .header .language-menu{right:12px!important;left:auto!important}
  html[dir="rtl"] .metric{text-align:right!important}
}

/* R170 RTL rendering-stability safeguards.
   RTL localization must never leave page content hidden if a reveal observer is delayed by reflow. */
html[dir="rtl"] .reveal{
  opacity:1!important;
  transform:none!important;
  will-change:auto!important;
}
html[dir="rtl"].ts-motion-enabled .motion-enter{
  opacity:1!important;
  translate:0 0!important;
  will-change:auto!important;
}

/* Keep bodymovin/Lottie robot rendering completely outside RTL text-direction processing. */
html[dir="rtl"] .module-advisor-launcher,
html[dir="rtl"] .module-advisor-mark,
html[dir="rtl"] .module-advisor-lottie,
html[dir="rtl"] .module-advisor-lottie-fallback,
html[dir="rtl"] .module-advisor-mark-lottie,
html[dir="rtl"] .module-advisor-mark-lottie-fallback,
html[dir="rtl"] .module-advisor-lottie svg,
html[dir="rtl"] .module-advisor-mark-lottie svg{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
}

/* English identities remain visually stable inside Urdu/Arabic layouts without injecting bidi markers into DOM text. */
html[dir="rtl"] .module-card b,
html[dir="rtl"] .cap b,
html[dir="rtl"] .product-copy h4,
html[dir="rtl"] .client-mini b,
html[dir="rtl"] .relationship-card h3,
html[dir="rtl"] .voice-person,
html[dir="rtl"] .voice-client-copy b,
html[dir="rtl"] .module-advisor-chat-result b{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}


/* R171: RTL layout/readability polish.
   - Arabic/Urdu header is now physically mirrored (logo right, actions left).
   - RTL section headings are given a wider balanced measure.
   - Testimonial quotes reserve enough line-box height so the second line cannot clip.
   - Connector lines stay visible above section backgrounds in RTL. */
@media(min-width:761px){
  html[dir="rtl"] .section-head{grid-template-columns:110px minmax(0,900px) 1fr}
  html[lang="ar"] .section-title h2{font-size:clamp(36px,3.55vw,54px)!important;line-height:1.30!important;max-width:900px;text-wrap:balance}
  html[lang="ur"] .section-title h2{font-size:clamp(36px,3.65vw,55px)!important;line-height:1.32!important;max-width:900px;text-wrap:balance}
}

/* True RTL header composition. DOM order stays unchanged; flex direction handles the mirror. */
html[dir="rtl"] .header .nav{direction:rtl!important;flex-direction:row!important}
html[dir="rtl"] .header .brand{order:0!important;margin-right:0!important;margin-left:auto!important;justify-content:flex-start!important}
html[dir="rtl"] .header .nav-links{order:1!important;direction:rtl!important;text-align:right!important}
html[dir="rtl"] .header .nav-actions{order:2!important;direction:rtl!important;margin-left:0!important;margin-right:0!important}
html[dir="rtl"] .header .nav-links a,
html[dir="rtl"] .header .nav-actions .btn,
html[dir="rtl"] .header .language-toggle{direction:rtl!important;unicode-bidi:plaintext;text-align:center}
html[dir="rtl"] .header .language-menu{right:auto!important;left:0!important;transform-origin:top left!important}
html[dir="rtl"] .header .language-option{direction:rtl!important;text-align:right!important}
html[dir="rtl"] .header .nav-links.open{direction:rtl!important;align-items:stretch!important;text-align:right!important}
html[dir="rtl"] .header .nav-links.open a{text-align:right!important;direction:rtl!important}

/* RTL testimonial quotes: keep a clean two-line card without cutting Arabic/Urdu glyphs. */
html[lang="ar"] #testimonials .voice-card-body q,
html[lang="ur"] #testimonials .voice-card-body q{
  font-size:15.5px!important;
  line-height:1.62!important;
  min-height:51px!important;
  max-height:none!important;
  padding-block:1px 2px;
  overflow:hidden;
  -webkit-line-clamp:2;
  line-clamp:2;
}

/* Direction-neutral connector variables are supplied by JS; keep the visual line explicit in RTL. */
html[dir="rtl"] .process-line:before{
  left:var(--connector-start,18px)!important;
  right:auto!important;
  width:var(--connector-width,calc(100% - 36px))!important;
  display:block!important;
  z-index:0!important;
  background:linear-gradient(270deg,var(--cyan),var(--teal),#d4dde6)!important;
}
html[dir="rtl"] .process-step{position:relative;z-index:1}
html[dir="rtl"] #consultancy .control-line{
  left:var(--connector-start,7%)!important;
  right:auto!important;
  width:var(--connector-width,86%)!important;
  display:block!important;
  z-index:0!important;
  background:linear-gradient(270deg,#5697FF,#58b9e8,#7f8a93)!important;
}
html[dir="rtl"] #consultancy .control-stages{position:relative;z-index:1}

@media(max-width:760px){
  html[lang="ar"] .section-title h2{font-size:33px!important;line-height:1.34!important;text-wrap:balance}
  html[lang="ur"] .section-title h2{font-size:33px!important;line-height:1.36!important;text-wrap:balance}
  html[lang="ar"] #testimonials .voice-card-body q,
  html[lang="ur"] #testimonials .voice-card-body q{font-size:14px!important;line-height:1.66!important;min-height:49px!important;max-height:none!important}
  html[dir="rtl"] .header .brand{margin-left:auto!important;margin-right:0!important}
  html[dir="rtl"] .header .nav-actions{margin-left:0!important;margin-right:0!important}
  html[dir="rtl"] .header .language-menu{right:auto!important;left:12px!important;transform-origin:top left!important}
  html[dir="rtl"] .process-line:before{left:var(--connector-start,19px)!important;width:var(--connector-width,calc(100% - 38px))!important}
  html[dir="rtl"] #consultancy .control-line{left:var(--connector-start,38px)!important;width:var(--connector-width,calc(100% - 76px))!important;top:23px!important}
}

/* R176: keep the Urdu hero technology sequence easy to read in the intended
   TechnoSys -> ERP -> POS -> Finance -> Inventory -> Production -> People order. */
html[lang="ur"] .hero-lead[data-urdu-ltr-sequence="1"]{
  direction:ltr!important;
  unicode-bidi:plaintext!important;
  text-align:left!important;
}
/* R177: Urdu hero subtext mixed-script flow only. */
html[data-language="ur"] .hero-lead{direction:rtl!important;text-align:right!important}
html[data-language="ur"] .hero-lead .hero-tech-sequence{display:flex;flex-wrap:wrap;direction:rtl;justify-content:flex-start;align-items:baseline;gap:0 .3em;width:100%;unicode-bidi:isolate;margin-bottom:.08em}
html[data-language="ur"] .hero-lead .hero-tech-token{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
html[data-language="ur"] .hero-lead .hero-urdu-continuation{display:block;direction:rtl;unicode-bidi:isolate;text-align:right}

/* R183 Urdu targeted polish. */
html[lang="ur"] #consultancy .control-stage span{
  align-self:stretch!important;
  text-align:right!important;
  direction:rtl!important;
  unicode-bidi:plaintext;
}


/* R189 Arabic polish, implemented without runtime hero DOM replacement. */
.hero h1 .hero-heading-line{display:block}
.hero h1 .hero-heading-dark{color:inherit!important}
.hero h1 .hero-heading-blue{color:#5697FF!important}
html[data-theme="dark"] .hero h1 .hero-heading-dark{color:#f3f8fc!important}
html[data-theme="dark"] .hero h1 .hero-heading-blue{color:#69a5ff!important}
@media(min-width:761px){
  html[lang="ar"] .hero h1{font-size:clamp(43px,4.55vw,68px)!important;max-width:860px!important;line-height:1.22!important}
  html[lang="ar"] .hero h1 .hero-heading-line{white-space:nowrap;direction:rtl;unicode-bidi:plaintext;text-align:right}
}
html[lang="ar"] #consultancy .control-stage span{
  align-self:stretch!important;
  text-align:right!important;
  direction:rtl!important;
  unicode-bidi:plaintext;
}

/* R194: RTL mobile viewport + scroll-edge corrections.
   Keep the edge-to-edge Company/Why panel physically centered in the viewport,
   and place horizontal overflow hints on the LEFT for Urdu/Arabic. */
@media (max-width:760px){
  html[dir="rtl"] #company .why{
    left:50%!important;
    right:auto!important;
    width:100dvw!important;
    max-width:100dvw!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
  }

  html[dir="rtl"] .h-scroll-fade-wrap::after{
    right:auto!important;
    left:0!important;
    background:linear-gradient(90deg,rgba(247,249,251,.96) 0%,rgba(247,249,251,.70) 32%,rgba(247,249,251,0) 100%)!important;
  }
  html[dir="rtl"] .h-scroll-fade-wrap.scroll-fade-white::after{
    background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.72) 32%,rgba(255,255,255,0) 100%)!important;
  }
  html[data-theme="dark"][dir="rtl"] .h-scroll-fade-wrap::after,
  html[data-theme="dark"][dir="rtl"] .h-scroll-fade-wrap.scroll-fade-white::after{
    background:linear-gradient(90deg,rgba(7,16,24,.92) 0%,rgba(7,16,24,.66) 38%,rgba(7,16,24,0) 100%)!important;
  }

  /* Section 02 uses a CSS mask instead of the shared wrapper fade. */
  html[dir="rtl"] #platform .platform-nav{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 100%)!important;
    mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 100%)!important;
  }
}

/* R194: RTL mobile Company/Why viewport centering + compact Urdu hero expert CTA. */
@media (max-width:760px){
  /* Full-bleed without directional drift: derive the gutter from the centered wrap
     instead of translating a 100dvw element from an RTL containing block. */
  html[dir="rtl"] #company .why{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  /* Mobile Urdu only: keep the hero WhatsApp CTA compact enough for icon + label. */
  html[lang="ur"] #whatsappHero > span:last-child{
    font-size:0!important;
    white-space:nowrap!important;
  }
  html[lang="ur"] #whatsappHero > span:last-child::after{
    content:"ماہرین سے بات کریں";
    font-size:13px;
    line-height:1.15;
    font-weight:inherit;
  }
}

/* R195: RTL mobile footer navigation/contact alignment */
@media (max-width:760px){
  html[dir="rtl"] .footer-grid>div:nth-child(2),
  html[dir="rtl"] .footer-grid>div:nth-child(3),
  html[dir="rtl"] .footer-grid>div:nth-child(4){
    text-align:right!important;
    justify-self:stretch;
  }
  html[dir="rtl"] .footer-grid>div:nth-child(2) .footer-links,
  html[dir="rtl"] .footer-grid>div:nth-child(3) .footer-links,
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-links{
    justify-items:end!important;
    text-align:right!important;
  }
  html[dir="rtl"] .footer-grid>div:nth-child(2) .footer-links>a,
  html[dir="rtl"] .footer-grid>div:nth-child(3) .footer-links>a,
  html[dir="rtl"] .footer-grid>div:nth-child(3) .footer-links>button,
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-links>span,
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-city-links{
    justify-self:end!important;
    text-align:right!important;
  }
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-city-links{
    justify-content:flex-end!important;
    width:100%;
  }
}

/* R200: force every RTL mobile footer column item to the same right edge. */
@media (max-width:760px){
  html[dir="rtl"] .footer-grid>div:nth-child(2),
  html[dir="rtl"] .footer-grid>div:nth-child(3),
  html[dir="rtl"] .footer-grid>div:nth-child(4){
    width:100%!important;
    text-align:right!important;
  }
  html[dir="rtl"] .footer-grid>div:nth-child(2)>h4,
  html[dir="rtl"] .footer-grid>div:nth-child(3)>h4,
  html[dir="rtl"] .footer-grid>div:nth-child(4)>h4{
    width:100%!important;
    text-align:right!important;
  }
  html[dir="rtl"] .footer-grid>div:nth-child(2) .footer-links,
  html[dir="rtl"] .footer-grid>div:nth-child(3) .footer-links,
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-links{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    text-align:right!important;
    direction:rtl!important;
  }
  html[dir="rtl"] .footer-grid>div:nth-child(2) .footer-links>a,
  html[dir="rtl"] .footer-grid>div:nth-child(3) .footer-links>a,
  html[dir="rtl"] .footer-grid>div:nth-child(3) .footer-links>button,
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-links>span,
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-city-links{
    align-self:flex-end!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:right!important;
  }
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-contact-block{
    align-items:flex-end!important;
  }
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-city-links{
    display:flex!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    width:auto!important;
    direction:rtl!important;
  }
}

/* R201: RTL mobile footer physical-right alignment.
   In a column flex container with direction:rtl, flex-end resolves to the physical left edge.
   Use RTL flex-start so Explore, Company and Contact children stay under their right-aligned headings. */
@media (max-width:760px){
  html[dir="rtl"] .footer-grid>div:nth-child(2) .footer-links,
  html[dir="rtl"] .footer-grid>div:nth-child(3) .footer-links,
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-links,
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-contact-block{
    align-items:flex-start!important;
  }
  html[dir="rtl"] .footer-grid>div:nth-child(2) .footer-links>a,
  html[dir="rtl"] .footer-grid>div:nth-child(3) .footer-links>a,
  html[dir="rtl"] .footer-grid>div:nth-child(3) .footer-links>button,
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-links>span,
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-city-links{
    align-self:flex-start!important;
    text-align:right!important;
  }
  html[dir="rtl"] .footer-grid>div:nth-child(4) .footer-city-links{
    margin-left:auto!important;
    margin-right:0!important;
    justify-content:flex-start!important;
    direction:rtl!important;
  }
}