/* JahaSoft brand layer — palette and motif taken from the logo (cyan, gold, purple triangles; charcoal "Jaha", red "Soft").
   Loaded after every other stylesheet. Remove the <link id="jahasoft-brand"> (mu-plugins/jahasoft-tech.php) to switch off. */
:root {
  --jhs-cyan: #22C3E6;      /* logo cyan — decoration only */
  --jhs-cyan-mid: #0A8FB0;  /* buttons, large text, icons */
  --jhs-cyan-ink: #087F9C;  /* small text and links (4.6:1 on white) */
  --jhs-purple: #8B45D6;
  --jhs-purple-lt: #A855F7;
  --jhs-gold: #F5B82E;
  --jhs-red: #C43D31;
  --jhs-ink: #0F172A;
  --jhs-text: #334155;
  --jhs-muted: #64748B;
  --jhs-line: #E2E8F0;
  --jhs-bg: #F8FAFC;
  --jhs-grad: linear-gradient(135deg, #0A8FB0 0%, #8B45D6 100%);
  --jhs-tri: linear-gradient(90deg, #22C3E6 0 33.33%, #F5B82E 33.33% 66.66%, #A855F7 66.66% 100%);
}

/* ---------- Global safety ---------- */
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: clip; }
img, svg, video, iframe { max-width: 100%; }
img { height: auto; }
a:focus-visible, button:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid rgba(10, 143, 176, .45); outline-offset: 2px; border-radius: 4px; }
::selection { background: rgba(34, 195, 230, .25); }

/* ---------- Header brand lockup ---------- */
.elementor-32 .elementor-element-2dbf7b8 { display: none !important; }
.jhs-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none !important; }
.jhs-brand-icon { width: 46px !important; height: auto !important; display: block; flex-shrink: 0; }
.jhs-brand-text { display: flex; flex-direction: column; line-height: 1; }
.jhs-brand-name { font: 800 23px/1.05 'Poppins', -apple-system, sans-serif; letter-spacing: -.4px; white-space: nowrap; }
.jhs-jaha { color: var(--jhs-ink); }
.jhs-soft { color: var(--jhs-red); }
.jhs-brand-tag { font: 600 10.5px/1.3 'Poppins', -apple-system, sans-serif; color: var(--jhs-muted); letter-spacing: .3px; margin-top: 3px; white-space: nowrap; }
@media (max-width: 1024px) {
  .jhs-brand-icon { width: 40px !important; }
  .jhs-brand-name { font-size: 20px; }
  .jhs-brand-tag { font-size: 10px; }
}
/* tri-colour rule under the header, as in the logo */
header.elementor-location-header::after { content: ""; display: block; height: 3px; background: var(--jhs-tri); }
.elementor-32 .elementor-element-538f892 { border-bottom: 0 !important; }

/* Footer brand lockup */
.jaha-footer-brand-title { text-transform: none !important; letter-spacing: -.4px !important; font-size: 22px !important; }
.jaha-footer-brand-title .jhs-jaha { color: var(--jhs-ink) !important; }
.jaha-footer-brand-title .jhs-soft { color: var(--jhs-red) !important; }
.jaha-footer-brand-sub { text-transform: none !important; color: var(--jhs-muted) !important; font-size: 12px !important; letter-spacing: .2px !important; }
.jaha-footer-logo-img { width: 46px !important; }
footer.elementor-location-footer { border-top: 3px solid transparent; border-image: var(--jhs-tri) 1; }

/* ---------- Homepage hero visual ---------- */
.jhs-hero-visual { position: relative; width: 100%; max-width: 470px; margin: 0 auto; aspect-ratio: 640 / 500; }
.jhs-tri { width: 100%; height: 100%; display: block; filter: drop-shadow(0 18px 28px rgba(15, 23, 42, .14)); }
.jhs-hv-card { position: absolute; background: #fff; border: 1px solid var(--jhs-line); border-radius: 14px; padding: 10px 14px 10px 18px; box-shadow: 0 14px 30px rgba(15, 23, 42, .12); font-family: 'Poppins', -apple-system, sans-serif; display: flex; flex-direction: column; gap: 2px; max-width: 230px; }
.jhs-hv-card::before { content: ""; position: absolute; left: 7px; top: 10px; bottom: 10px; width: 4px; border-radius: 4px; }
.jhs-hv-card b { font-size: 14px; color: var(--jhs-ink); font-weight: 700; line-height: 1.25; }
.jhs-hv-card span { font-size: 12px; color: #475569; line-height: 1.35; }
.jhs-hv-card.c1 { left: -6%; top: 56%; } .jhs-hv-card.c1::before { background: var(--jhs-cyan); }
.jhs-hv-card.c2 { right: -4%; top: 6%; }  .jhs-hv-card.c2::before { background: var(--jhs-gold); }
.jhs-hv-card.c3 { right: 2%; bottom: -6%; } .jhs-hv-card.c3::before { background: var(--jhs-purple-lt); }
@media (max-width: 900px) {
  .jhs-hero-visual { max-width: 340px; margin-top: 8px; margin-bottom: 18px; }
  .jhs-hv-card { padding: 7px 10px 7px 15px; border-radius: 12px; }
  .jhs-hv-card b { font-size: 12.5px; }
  .jhs-hv-card span { font-size: 10.5px; }
  .jhs-hv-card.c1 { left: 0; } .jhs-hv-card.c2 { right: 0; } .jhs-hv-card.c3 { right: 4%; bottom: -4%; }
}

/* ---------- Triangle motif on page heroes ---------- */
section[class*="hero"] { position: relative; isolation: isolate; overflow: hidden; }
section[class*="hero"]::after { content: ""; position: absolute; right: -80px; top: -60px; width: 380px; height: 300px; background: url(tri-motif.svg) no-repeat center / contain; opacity: .09; pointer-events: none; z-index: -1; }
@media (max-width: 767px) { section[class*="hero"]::after { width: 200px; height: 160px; right: -60px; top: -40px; opacity: .08; } }

/* ---------- Buttons ---------- */
a[class*="btn"], button[class*="btn"] { transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease; }
a[class*="btn"]:hover { transform: translateY(-1px); }
a[class*="btn"]:not([href*="wa.me"]):not([href*="whatsapp"])[class*="primary"],
a.jaha-btn-secondary:not([href*="wa.me"]), a.jh-btn-demo, a.hero-clean-btn-quote:hover, a.jaha-cta-btn-secondary:not([href*="wa.me"]) {
  background: var(--jhs-grad) !important; border-color: transparent !important; color: #fff !important;
}
a.jh-btn-demo, a.jaha-btn-secondary { box-shadow: 0 8px 20px rgba(139, 69, 214, .22) !important; }

/* ---------- Readability: small accent text uses the darker cyan ---------- */
[class*="eyebrow"], [class*="section-tag"], [class*="kicker"], .jaha-badge-pill, [class*="hero-badge"], .jaha-pain-eyebrow, .jaha-cap-eyebrow { color: var(--jhs-cyan-ink) !important; }
.entry-content a:not([class]), .elementor-widget-text-editor a:not([class]):not([style]), .jaha-faq-content a, .jg a:not([class]) { color: var(--jhs-cyan-ink); }

/* ---------- Registration strip: one swipeable row on phones ---------- */
@media (max-width: 767px) {
  .jaha-trust-bar .jaha-trust-items, .jaha-about-trust-bar .jaha-about-trust-items {
    display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important;
    overflow-x: auto !important; gap: 8px !important; padding: 2px 2px 6px !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity;
  }
  .jaha-trust-bar .jaha-trust-items::-webkit-scrollbar, .jaha-about-trust-bar .jaha-about-trust-items::-webkit-scrollbar { display: none; }
  .jaha-trust-bar .jaha-trust-items > li, .jaha-about-trust-bar .jaha-about-trust-items > li {
    flex: 0 0 auto !important; white-space: nowrap !important; scroll-snap-align: start; margin: 0 !important;
    background: #fff; border: 1px solid var(--jhs-line); border-radius: 999px; padding: 6px 12px !important; font-size: 12px !important;
  }
  .jaha-trust-bar { padding-top: 10px !important; padding-bottom: 8px !important; }
}

/* ---------- FAQ accordions ---------- */
details > summary { cursor: pointer; }
details[open] > summary { color: var(--jhs-ink); }

/* ---------- Urdu / RTL ---------- */
[dir="rtl"] .jhs-hv-card::before { left: auto; right: 7px; }
[dir="rtl"] .jhs-hv-card { padding: 10px 18px 10px 14px; }

/* ---------- Specificity fixes for the header's own rules ---------- */
.elementor-32 .elementor-element.elementor-element-2dbf7b8, .elementor-section .elementor-column.elementor-element-2dbf7b8 { display: none !important; }
.elementor-32 .jhs-brand, .elementor-32 .jhs-brand * { text-transform: none !important; white-space: nowrap !important; }
.elementor-32 .jhs-brand .jhs-brand-name { display: block !important; font-family: 'Poppins', -apple-system, sans-serif !important; font-size: 23px !important; font-weight: 800 !important; line-height: 1.05 !important; letter-spacing: -.4px !important; }
.elementor-32 .jhs-brand .jhs-brand-name span { display: inline !important; font-size: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; margin: 0 !important; }
.elementor-32 .jhs-brand .jhs-jaha { color: #0F172A !important; }
.elementor-32 .jhs-brand .jhs-soft { color: #C43D31 !important; }
.elementor-32 .jhs-brand .jhs-brand-tag { display: block !important; font-size: 10.5px !important; font-weight: 600 !important; color: #64748B !important; letter-spacing: .3px !important; margin-top: 3px !important; line-height: 1.3 !important; }
.elementor-32 .jhs-brand img.jhs-brand-icon { width: 46px !important; max-width: 46px !important; height: auto !important; }
@media (max-width: 1024px) {
  .elementor-32 .jhs-brand .jhs-brand-name { font-size: 20px !important; }
  .elementor-32 .jhs-brand .jhs-brand-tag { font-size: 10px !important; }
  .elementor-32 .jhs-brand img.jhs-brand-icon { width: 40px !important; max-width: 40px !important; }
}

/* ---------- Homepage hero: no empty space around the visual ---------- */
.hero-clean-right { height: auto !important; min-height: 0 !important; align-items: center !important; }
@media (max-width: 900px) { .hero-clean-wrap { gap: 10px !important; } .hero-clean-section { padding-bottom: 20px !important; } }

/* ---------- Homepage registration cards: two columns on phones ---------- */
@media (max-width: 767px) {
  .trust-card-box { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .trust-card-box > .trust-card-item { margin: 0 !important; padding: 12px 10px !important; min-width: 0 !important; }
  .trust-card-box > .trust-card-item:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .trust-card-item .trust-card-title { font-size: 13px !important; }
  .trust-card-item * { word-break: break-word; }
}
@media (max-width: 900px) { .hero-clean-left, .hero-clean-right { flex: 0 0 auto !important; min-width: 0 !important; width: 100% !important; } .hero-clean-right { justify-content: center !important; } }

/* ---------- Icon fonts: page wrappers force Poppins on "*", which broke Font Awesome glyphs ---------- */
html body i.fas, html body i.fa, html body span.fas, html body i.far, html body span.far { font-family: "Font Awesome 5 Free" !important; }
html body i.fas, html body i.fa, html body span.fas { font-weight: 900 !important; }
html body i.far, html body span.far { font-weight: 400 !important; }
html body i.fab, html body span.fab { font-family: "Font Awesome 5 Brands" !important; font-weight: 400 !important; }

/* ---------- Headline highlight in the logo gradient ---------- */
.hero-clean-title .hl { background: linear-gradient(90deg, #0A8FB0 0%, #8B45D6 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* ---- Accessibility contrast pass (WCAG AA 4.5:1 for small text) ---- */
:root{--jhs-cyan-ink:#0B6F88;--jhs-wa:#15803D;--jhs-wa-hover:#166534}
/* WhatsApp buttons: white text needs a deeper green than #25D366 */
.hero-clean-btn-wa,.jaha-cta-btn-whatsapp,.jaha-footer-wa-btn,.cta-btn-whatsapp,.jaha-whatsapp-btn,
a[class*="btn"][href*="wa.me"],a[class*="whatsapp"][href*="wa.me"]{background-color:var(--jhs-wa)!important;background-image:none!important;border-color:var(--jhs-wa)!important;color:#fff!important}
.hero-clean-btn-wa:hover,.jaha-cta-btn-whatsapp:hover,.jaha-footer-wa-btn:hover,.cta-btn-whatsapp:hover,a[class*="btn"][href*="wa.me"]:hover{background-color:var(--jhs-wa-hover)!important}
/* small cyan labels, eyebrows, badges */
.jaha-lang-link.active,.csl-eyebrow,.fbr-eyebrow,.locations-eyebrow,.location-card .badge,.section-tag,.jaha-pain-eyebrow,.jaha-cap-eyebrow,.jaha-cap-num,
.jaha-demo-badge,.jaha-badge-pill,.jaha-eyebrow,.jaha-footer-brand-sub,.csl-wordmark.wm-gaza,.faq-section-wrapper [style*="letter-spacing"],
.jaha-faq-container [style*="letter-spacing"],.jaha-pricing-link{color:var(--jhs-cyan-ink)!important}
.csl-wordmark.wm-murky{color:#7E22CE!important}
.stat-value.val-orange{color:#C2410C!important}
.fbr-btn{background-color:#B45309!important;background-image:none!important}
.jaha-trust-badge{color:#047857!important}
.jaha-demo-caption{color:#475569!important}
/* links inside running text must be distinguishable without colour */
.jaha-block-wrap .jaha-container div>a:not([class]),.jaha-container p a:not([class]),.elementor-widget-text-editor p a{text-decoration:underline;text-underline-offset:2px;color:#0369A1}
/* footer headings were h4 (heading-order); now h2 with identical look */
.jaha-footer-heading{font-size:15px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:.8px!important;text-transform:uppercase!important;margin:0 0 20px!important;color:#0F172A!important}
#content:focus{outline:none}
/* specificity boost: page-level inline CSS loads after this file */
html body .jaha-lang-link.active,html body .jaha-lang-link:hover,html body .jaha-footer-brand-sub,html body .csl-eyebrow,html body .fbr-eyebrow,html body .locations-eyebrow,html body .location-card .badge,html body .section-tag,html body .jaha-pain-eyebrow,html body .jaha-cap-eyebrow,html body .jaha-cap-num,html body .jaha-demo-badge,html body .jaha-badge-pill,html body .jaha-eyebrow,html body .csl-wordmark.wm-gaza{color:#0B6F88!important}
html body .jaha-footer-brand-sub{color:#475569!important}

/* ==== Mega menu (mu-plugins/jahasoft-megamenu.php) ==== */
html body header.elementor-location-header.elementor-32{position:sticky!important;top:var(--jhs-stick,-37px)!important;z-index:9990!important}
.elementor-32 .elementor-element-538f892{position:relative}
.elementor-32 .elementor-element-79a2e48,.elementor-32 .elementor-element-79a2e48>.elementor-widget-wrap,.elementor-32 .elementor-element-79a2e48 .elementor-widget,.elementor-32 .elementor-element-79a2e48 .elementor-widget-container,.elementor-32 .elementor-element-79a2e48 .elementor-shortcode{position:static!important}
.elementor-location-header.jhs-scrolled .elementor-element-538f892{box-shadow:0 8px 24px -14px rgba(15,23,42,.3)}
.jhs-mm,.jhs-drawer{--mm-cyi:#0B6F88;--mm-ink:#0F172A;--mm-tx:#334155;--mm-mu:#64748B;--mm-ln:#E2E8F0;--mm-bg:#F8FAFC;--mm-wa:#15803D;--mm-grad:linear-gradient(90deg,#0A8FB0,#8B45D6);font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif}
.jhs-mm{display:flex;align-items:center;justify-content:flex-end;gap:20px;width:100%}
.jhs-mm a,.jhs-drawer a{text-decoration:none!important;box-shadow:none}
.jhs-mm ul,.jhs-drawer ul{list-style:none!important;margin:0!important;padding:0!important}
.jhs-mm li,.jhs-drawer li{margin:0;padding:0}
.jhs-mm li:before,.jhs-drawer li:before{display:none}
.mm-svg{width:1em;height:1em;flex:none;display:inline-block;vertical-align:middle}
.jhs-mm .mm-nav{flex:1;display:flex;justify-content:center}
.jhs-mm .mm-top{display:flex;gap:2px;flex-wrap:nowrap}
.jhs-mm .mm-item{position:static;flex:none}
.jhs-mm .mm-link{display:flex;align-items:center;gap:6px;height:44px;padding:0 13px;border-radius:10px;font-size:15px;font-weight:600;line-height:1;color:var(--mm-ink)!important;white-space:nowrap;position:relative;transition:background .15s,color .15s}
.jhs-mm .mm-link .mm-svg{width:14px;height:14px;color:var(--mm-mu);transition:transform .2s}
.jhs-mm .mm-link:hover,.jhs-mm .mm-open>.mm-link{background:#F1F5F9;color:var(--mm-cyi)!important}
.jhs-mm .mm-open>.mm-link .mm-svg{transform:rotate(180deg);color:var(--mm-cyi)}
.jhs-mm .mm-link.mm-cur:after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:3px;border-radius:2px;background:linear-gradient(90deg,#22C3E6 0 33.3%,#8B45D6 33.3% 66.6%,#F5B82E 66.6%)}
.jhs-mm .mm-actions{display:flex;align-items:center;gap:10px;flex:none}
.jhs-mm .mm-btn,.jhs-drawer .mm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:12px;font-weight:600;font-size:14.5px;line-height:1;white-space:nowrap;border:0;transition:filter .15s,transform .15s}
.jhs-mm .mm-btn-q,.jhs-drawer .mm-btn-q{background:var(--mm-grad)!important;color:#fff!important;box-shadow:0 8px 20px -10px rgba(139,69,214,.7)}
.jhs-mm .mm-btn:hover,.jhs-drawer .mm-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.jhs-mm .mm-btn-wa{width:44px;padding:0;background:var(--mm-wa)!important;color:#fff!important}
.jhs-mm .mm-btn-wa .mm-svg{width:22px;height:22px}
.jhs-mm .mm-burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--mm-ln);background:#fff;color:var(--mm-ink);align-items:center;justify-content:center;padding:0;cursor:pointer}
.jhs-mm .mm-burger .mm-svg{width:22px;height:22px}
/* panel */
.jhs-mm .mm-panel{position:absolute;left:calc(50% - 50vw);width:100vw;top:100%;background:#fff;border-top:1px solid var(--mm-ln);box-shadow:0 30px 60px -20px rgba(15,23,42,.28);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility 0s .18s;z-index:9991;text-align:left}
.jhs-mm .mm-open>.mm-panel{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .18s}
.jhs-mm .mm-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.jhs-mm .mm-panel>.mm-wrap{padding-top:28px;padding-bottom:28px}
.jhs-mm .mm-grid{display:grid;gap:28px;align-items:start}
.mm-g-services{grid-template-columns:1fr 1fr 1fr 300px}
.mm-g-industries{grid-template-columns:repeat(5,1fr)}
.mm-g-products{grid-template-columns:1fr 1fr 300px}
.mm-g-cases{grid-template-columns:repeat(4,1fr)}
.mm-g-locations{grid-template-columns:1fr 1.4fr 1fr 300px}
.mm-g-company{grid-template-columns:1fr 1fr 340px}
.jhs-mm .mm-grp+.mm-grp{margin-top:22px}
.jhs-mm .mm-h,.jhs-drawer .dr-h{font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--mm-mu);font-weight:700;display:flex;align-items:center;gap:8px;margin:0 0 12px;line-height:1.3}
.jhs-mm .mm-h:before{content:"";width:14px;height:3px;border-radius:2px;background:var(--mm-c);flex:none}
.mm-c-cy{--mm-c:#22C3E6;--mm-tint:#E0F7FC;--mm-ic:#0B6F88}.mm-c-pu{--mm-c:#8B45D6;--mm-tint:#F3E8FF;--mm-ic:#7E22CE}.mm-c-go{--mm-c:#F5B82E;--mm-tint:#FEF3C7;--mm-ic:#B45309}.mm-c-rd{--mm-c:#C43D31;--mm-tint:#FEE2E2;--mm-ic:#B91C1C}
.jhs-mm .mm-il a{display:flex;gap:12px;padding:9px 10px;margin:0 -10px;border-radius:12px;transition:background .15s}
.jhs-mm .mm-il a:hover{background:#F1F5F9}
.mm-ic{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--mm-tint);color:var(--mm-ic);font-style:normal}
.mm-ic .mm-svg{width:19px;height:19px}
.jhs-mm .mm-tx b{display:block;font-size:14.5px;font-weight:600;color:var(--mm-ink);line-height:1.3}
.jhs-mm .mm-tx span{display:block;font-size:12.5px;color:var(--mm-mu);line-height:1.4;margin-top:2px}
.jhs-mm .mm-il a:hover b{color:var(--mm-cyi)}
.jhs-mm .mm-sl a{display:block;padding:6px 0;font-size:14px;line-height:1.4;color:var(--mm-tx)!important;transition:color .15s,transform .15s}
.jhs-mm .mm-sl a:hover{color:var(--mm-cyi)!important;transform:translateX(3px)}
.jhs-mm .mm-sl.mm-twocol{columns:2;column-gap:24px}
.jhs-mm .mm-il.mm-twocol{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.jhs-mm .mm-promo{border-radius:18px;padding:22px;color:#fff;background:linear-gradient(145deg,#0F172A 0%,#1E1B4B 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;min-height:100%}
.jhs-mm .mm-promo:after{content:"";position:absolute;right:-60px;top:-60px;width:170px;height:170px;background:url(/wp-content/uploads/brand/tri-motif.svg) center/contain no-repeat;opacity:.22;pointer-events:none}
.jhs-mm .mm-tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:rgba(245,184,46,.18);color:#FCD34D;padding:4px 10px;border-radius:99px}
.jhs-mm .mm-ph{font-size:18px;line-height:1.35;font-weight:700;color:#fff}
.jhs-mm .mm-promo p{margin:0!important;font-size:13.5px!important;color:#CBD5E1!important;line-height:1.55!important}
.jhs-mm .mm-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:#fff!important;position:relative;z-index:1}
.jhs-mm .mm-go:hover{color:#67E8F9!important}
.jhs-mm .mm-mini{border-top:1px solid rgba(255,255,255,.12);padding-top:12px;margin-top:4px;position:relative;z-index:1}
.jhs-mm .mm-mini a{display:flex;justify-content:space-between;font-size:13.5px;padding:5px 0;color:#E2E8F0!important}
.jhs-mm .mm-mini a:hover{color:#67E8F9!important}
.jhs-mm .mm-card{border:1px solid var(--mm-ln);border-radius:16px;padding:18px;background:var(--mm-bg)}
.jhs-mm .mm-ch{color:var(--mm-ink);font-weight:700;font-size:15.5px;margin:6px 0 4px}
.jhs-mm .mm-card p{margin:0 0 12px!important;font-size:13.5px!important;line-height:1.55!important;color:var(--mm-tx)!important}
.jhs-mm .mm-pin{display:inline-flex;gap:6px;align-items:center;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#C43D31}
.jhs-mm .mm-pin-cy{color:var(--mm-cyi)}
.jhs-mm .mm-btn-sm{height:40px;font-size:13.5px;padding:0 16px}
.jhs-mm .mm-reg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jhs-mm .mm-reg div{background:#fff;border:1px solid var(--mm-ln);border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.35;color:var(--mm-tx)}
.jhs-mm .mm-reg b{display:block;font-size:12.5px;color:var(--mm-ink)}
.jhs-mm .mm-case{display:flex;flex-direction:column;min-height:230px;border:1px solid var(--mm-ln);border-radius:16px;padding:20px;background:linear-gradient(180deg,#fff 40%,var(--mm-bg));transition:border-color .15s,box-shadow .15s,transform .15s}
.jhs-mm .mm-case:hover{border-color:transparent;box-shadow:0 14px 30px -14px rgba(15,23,42,.3);transform:translateY(-2px)}
.jhs-mm .mm-bar{height:4px;border-radius:2px;width:44px;background:var(--mm-c);margin-bottom:14px}
.jhs-mm .mm-case em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--mm-mu)}
.jhs-mm .mm-case b{display:block;font-size:16px;color:var(--mm-ink);margin:4px 0 6px}
.jhs-mm .mm-case span{font-size:13px;color:var(--mm-tx);line-height:1.5}
.jhs-mm .mm-case .mm-rd{margin-top:auto;padding-top:14px;font-size:13.5px;font-weight:600;color:var(--mm-cyi)}
.jhs-mm .mm-foot{border-top:1px solid var(--mm-ln);background:var(--mm-bg)}
.jhs-mm .mm-foot .mm-wrap{padding-top:14px;padding-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px}
.jhs-mm .mm-all{font-weight:600;color:var(--mm-cyi)!important}
.jhs-mm .mm-all:hover{text-decoration:underline!important}
.jhs-mm .mm-help{color:var(--mm-mu)}.jhs-mm .mm-help a{color:var(--mm-wa)!important;font-weight:600}
.jhs-scrim{position:fixed;inset:0;background:rgba(15,23,42,.35);opacity:0;visibility:hidden;transition:opacity .2s;z-index:9980}
body.jhs-mm-open .jhs-scrim{opacity:1;visibility:visible}
/* drawer */
.jhs-drawer{position:fixed;inset:0;z-index:2147483000;background:#fff;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s;display:flex;flex-direction:column;visibility:hidden}
body.jhs-dr-open .jhs-drawer{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
body.jhs-dr-open{overflow:hidden}
.jhs-drawer .dr-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#22C3E6 0 33.3%,#8B45D6 33.3% 66.6%,#F5B82E 66.6%) 1}
.jhs-drawer .dr-brand{display:flex;align-items:center;gap:10px}
.jhs-drawer .dr-brand img{width:40px;height:auto}
.jhs-drawer .dr-brand b{display:block;font-size:20px;font-weight:800;line-height:1;color:#0F172A}.jhs-drawer .dr-brand b span{color:#C43D31}
.jhs-drawer .dr-brand small{display:block;font-size:10.5px;color:var(--mm-mu);margin-top:3px}
.jhs-drawer .dr-close{width:46px;height:46px;border-radius:12px;border:1px solid var(--mm-ln);display:grid;place-items:center;background:#fff;color:var(--mm-ink);padding:0;cursor:pointer}
.jhs-drawer .dr-close .mm-svg{width:22px;height:22px}
.jhs-drawer .dr-body{flex:1;overflow-y:auto;padding:8px 18px 24px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.jhs-drawer .dr-sec{border-bottom:1px solid var(--mm-ln)}
.jhs-drawer .dr-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font:600 17px/1.2 Poppins,system-ui,sans-serif;color:var(--mm-ink);text-align:left;background:none;border:0;cursor:pointer}
.jhs-drawer .dr-btn .mm-svg{width:18px;height:18px;color:var(--mm-mu);transition:transform .2s}
.jhs-drawer .dr-sec.open .dr-btn{color:var(--mm-cyi)}.jhs-drawer .dr-sec.open .dr-btn .mm-svg{transform:rotate(180deg);color:var(--mm-cyi)}
.jhs-drawer .dr-panel{display:none;padding:0 4px 16px}
.jhs-drawer .dr-sec.open .dr-panel{display:block}
.jhs-drawer .dr-h{margin:14px 0 6px;font-size:11px}
.jhs-drawer .dr-il{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:15px;color:var(--mm-tx)!important}
.jhs-drawer .dr-il .mm-ic{width:34px;height:34px;border-radius:9px}.jhs-drawer .dr-il .mm-ic .mm-svg{width:17px;height:17px}
.jhs-drawer .dr-chips{display:flex;flex-wrap:wrap;gap:8px}
.jhs-drawer .dr-chips a{padding:8px 12px;border:1px solid var(--mm-ln);border-radius:99px;font-size:13.5px;line-height:1.3;color:var(--mm-tx)!important}
.jhs-drawer .dr-all{display:inline-block;margin-top:14px;color:var(--mm-cyi)!important;font-weight:600;font-size:15px}
.jhs-drawer .dr-single{display:block;padding:16px 4px;font-size:17px;font-weight:600;color:var(--mm-ink)!important;border-bottom:1px solid var(--mm-ln)}
.jhs-drawer .dr-lang{display:flex;gap:10px;margin-top:18px;font-size:14px}
.jhs-drawer .dr-lang a{padding:6px 14px;border-radius:99px;border:1px solid var(--mm-ln);color:var(--mm-tx)!important}
.jhs-drawer .dr-lang a.on{background:#0F172A;color:#fff!important;border-color:#0F172A}
.jhs-drawer .dr-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--mm-ln);background:#fff}
.jhs-drawer .dr-foot .mm-btn{height:50px;font-size:15px;padding:0 12px}
.jhs-drawer .dr-wa{background:var(--mm-wa)!important;color:#fff!important}
.jhs-drawer .dr-wa .mm-svg{width:20px;height:20px}
/* responsive */
@media (max-width:1240px){.mm-g-services{grid-template-columns:1fr 1fr 1fr}.mm-g-services .mm-promo{display:none}.mm-g-locations{grid-template-columns:1fr 1.4fr 1fr}.mm-g-locations .mm-card{display:none}.jhs-mm .mm-link{padding:0 10px;font-size:14.5px}.jhs-mm{gap:12px}.jhs-mm .mm-btn-q{padding:0 16px}}
@media (max-width:1100px){.mm-g-industries{grid-template-columns:repeat(3,1fr)}.mm-g-company{grid-template-columns:1fr 1fr}.mm-g-company .mm-card{display:none}.mm-g-products{grid-template-columns:1fr 1.6fr}.mm-g-products .mm-promo{display:none}}
@media (max-width:1023px){.jhs-mm .mm-nav,.jhs-mm .mm-btn-q,.jhs-mm .mm-btn-wa{display:none}.jhs-mm .mm-burger{display:inline-flex}}
@media (prefers-reduced-motion:reduce){.jhs-mm *,.jhs-drawer,.jhs-drawer *{transition:none!important}}
/* Urdu (RTL) */
[dir="rtl"] .jhs-mm .mm-panel{text-align:right}
[dir="rtl"] .jhs-mm .mm-sl a:hover{transform:translateX(-3px)}
[dir="rtl"] .jhs-drawer{transform:translateX(-100%)}
[dir="rtl"] .jhs-drawer .dr-btn{text-align:right}
[dir="rtl"] .jhs-mm .mm-mini a span,[dir="rtl"] .jhs-mm .mm-go .mm-svg{transform:scaleX(-1)}
/* keep sticky header working: "hidden" on html/body creates a scroll container, "clip" does not */
html{overflow-x:clip!important;overflow-y:visible!important}
html body{overflow-x:clip!important;overflow-y:visible!important}
/* mm v2 */
/* menu text metrics are fixed so page-level Urdu/RTL line-heights don't shift them */
html body .jhs-mm .mm-link{line-height:1!important}
html body .jhs-mm .mm-sl a,html body .jhs-mm .mm-tx b,html body .jhs-mm .mm-tx span,html body .jhs-mm .mm-h{line-height:1.4!important}
html body .jhs-mm .mm-btn,html body .jhs-drawer .mm-btn{line-height:1!important}
html body .jhs-drawer .dr-btn,html body .jhs-drawer .dr-il,html body .jhs-drawer .dr-chips a{line-height:1.3!important}
html body .jhs-mm,html body .jhs-mm *:not([lang="ur"]),html body .jhs-drawer,html body .jhs-drawer *:not([lang="ur"]){font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif!important}
html body .jhs-mm .mm-ph,html body .jhs-mm .mm-ch,html body .jhs-mm .mm-case b{line-height:1.35!important}
html body .jhs-mm .mm-promo p,html body .jhs-mm .mm-card p,html body .jhs-mm .mm-case span,html body .jhs-mm .mm-mini a,html body .jhs-mm .mm-go,html body .jhs-mm .mm-tag,html body .jhs-mm .mm-reg div,html body .jhs-mm .mm-foot .mm-wrap{line-height:1.5!important}

/* ==== Icon system (Option B: brand 3D tiles) + unified buttons, approved 7 Nov 2026 ==== */
:root{--jx-cy1:#E6FBFF;--jx-cy2:#BDEFFA;--jx-cyi:#0B6F88;--jx-cys:34,195,230;--jx-pu1:#F6EEFF;--jx-pu2:#E0C8FB;--jx-pui:#7E22CE;--jx-pus:139,69,214;--jx-go1:#FFF8E1;--jx-go2:#FDE3A0;--jx-goi:#B45309;--jx-gos:245,184,46;--jx-rd1:#FFF0EE;--jx-rd2:#FBCFCA;--jx-rdi:#B91C1C;--jx-rds:196,61,49}
/* inline icons replacing emoji inside sentences */
html body .jx-in{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.18em;color:var(--jx-cyi);flex:none;fill:none;stroke:currentColor}
html body .jx-in.jx-arr{width:1em;height:1em;vertical-align:-.14em;color:currentColor}
html body .jx-in.jx-star{color:#F5B82E;width:1em;height:1em}
html body .jx-in.jx-ok{color:#15803D}
html body .jx-in.jx-warn{color:#B91C1C}
html body .jx-in.jx-fa{color:inherit}
/* 3D tile: shared look for new tiles and existing icon boxes */
html body .jx-tile,
html body :is(.jaha-pain-icon,.jh-biz-icon,.jaha-card-icon,.jh-trust-icon,.jaha-cap-icon,.jaha-card-icon-wrap,.jaha-feature-pill-icon,.jaha-point-icon,.jaha-build-icon,.jaha-proof-icon,.jaha-cat-icon-box,.jaha-why-icon-box,.jaha-pharm-module-icon,.jaha-pos-module-icon,.jh-card-icon,.tool-icon,.card-icon,.jaha-reader-icon,.jaha-lang-icon,.jaha-code-icon,.jaha-user-icon-wrap,.jaha-about-badge-icon,.jaha-pharm-badge-icon,.jaha-pos-badge-icon,.jaha-badge-icon,.jaha-pillar-icon-box,.jaha-pillar-icon,.jaha-app-icon-wrap,.jaha-step-icon,.jaha-cat-icon,.jaha-val-icon,.jaha-cult-icon,.jaha-sol-icon,.jaha-trustnav-icon,.jaha-channel-icon,.jaha-disc-icon,.jaha-commit-icon,.jaha-high-icon):has(> svg){
 --t1:var(--jx-cy1);--t2:var(--jx-cy2);--ti:var(--jx-cyi);--ts:var(--jx-cys);
 position:relative!important;display:inline-grid!important;place-items:center!important;flex:none!important;
 background:linear-gradient(150deg,var(--t1) 0%,var(--t2) 100%)!important;color:var(--ti)!important;border:0!important;border-radius:14px!important;
 box-shadow:inset 0 2px 0 rgba(255,255,255,.9),inset 0 -4px 0 rgba(15,23,42,.08),0 10px 18px -10px rgba(var(--ts),.8),0 2px 4px rgba(15,23,42,.06)!important;
 font-size:0!important;line-height:0!important;overflow:visible!important}
html body .jx-tile::before,
html body :is(.jaha-pain-icon,.jh-biz-icon,.jaha-card-icon,.jh-trust-icon,.jaha-cap-icon,.jaha-card-icon-wrap,.jaha-feature-pill-icon,.jaha-point-icon,.jaha-build-icon,.jaha-proof-icon,.jaha-cat-icon-box,.jaha-why-icon-box,.jaha-pharm-module-icon,.jaha-pos-module-icon,.jh-card-icon,.tool-icon,.card-icon,.jaha-reader-icon,.jaha-lang-icon,.jaha-code-icon,.jaha-user-icon-wrap,.jaha-about-badge-icon,.jaha-pharm-badge-icon,.jaha-pos-badge-icon,.jaha-badge-icon,.jaha-pillar-icon-box,.jaha-pillar-icon,.jaha-app-icon-wrap,.jaha-step-icon,.jaha-cat-icon,.jaha-val-icon,.jaha-cult-icon,.jaha-sol-icon,.jaha-trustnav-icon,.jaha-channel-icon,.jaha-disc-icon,.jaha-commit-icon,.jaha-high-icon):has(> svg)::before{
 content:""!important;position:absolute;left:3px;right:3px;top:3px;height:45%;border-radius:11px 11px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0));pointer-events:none}
html body .jx-tile svg,
html body :is(.jaha-pain-icon,.jh-biz-icon,.jaha-card-icon,.jh-trust-icon,.jaha-cap-icon,.jaha-card-icon-wrap,.jaha-feature-pill-icon,.jaha-point-icon,.jaha-build-icon,.jaha-proof-icon,.jaha-cat-icon-box,.jaha-why-icon-box,.jaha-pharm-module-icon,.jaha-pos-module-icon,.jh-card-icon,.tool-icon,.card-icon,.jaha-reader-icon,.jaha-lang-icon,.jaha-code-icon,.jaha-user-icon-wrap,.jaha-about-badge-icon,.jaha-pharm-badge-icon,.jaha-pos-badge-icon,.jaha-badge-icon,.jaha-pillar-icon-box,.jaha-pillar-icon,.jaha-app-icon-wrap,.jaha-step-icon,.jaha-cat-icon,.jaha-val-icon,.jaha-cult-icon,.jaha-sol-icon,.jaha-trustnav-icon,.jaha-channel-icon,.jaha-disc-icon,.jaha-commit-icon,.jaha-high-icon) > svg{
 position:relative;color:inherit!important;stroke:currentColor;filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}
/* colour rotation by card position */
html body [class*="card"]:nth-child(4n+2) > div > :is(.jaha-pain-icon,.jh-biz-icon,.jaha-card-icon,.jh-trust-icon,.jaha-cap-icon,.jaha-step-icon,.jaha-val-icon,.jaha-sol-icon,.jaha-high-icon,.jaha-commit-icon,.jaha-point-icon,.jh-card-icon):has(> svg){--t1:var(--jx-pu1);--t2:var(--jx-pu2);--ti:var(--jx-pui);--ts:var(--jx-pus)}
html body [class*="card"]:nth-child(4n+3) > div > :is(.jaha-pain-icon,.jh-biz-icon,.jaha-card-icon,.jh-trust-icon,.jaha-cap-icon,.jaha-step-icon,.jaha-val-icon,.jaha-sol-icon,.jaha-high-icon,.jaha-commit-icon,.jaha-point-icon,.jh-card-icon):has(> svg){--t1:var(--jx-go1);--t2:var(--jx-go2);--ti:var(--jx-goi);--ts:var(--jx-gos)}
html body [class*="card"]:nth-child(4n+4) > div > :is(.jaha-pain-icon,.jh-biz-icon,.jaha-card-icon,.jh-trust-icon,.jaha-cap-icon,.jaha-step-icon,.jaha-val-icon,.jaha-sol-icon,.jaha-high-icon,.jaha-commit-icon,.jaha-point-icon,.jh-card-icon):has(> svg){--t1:var(--jx-rd1);--t2:var(--jx-rd2);--ti:var(--jx-rdi);--ts:var(--jx-rds)}
html body :nth-child(4n+2) > .jx-tile, html body :nth-child(4n+2) > :is([class*="-icon"],[class*="-icon-box"],[class*="-icon-wrap"]):has(> svg){--t1:var(--jx-pu1);--t2:var(--jx-pu2);--ti:var(--jx-pui);--ts:var(--jx-pus)}
html body :nth-child(4n+3) > .jx-tile, html body :nth-child(4n+3) > :is([class*="-icon"],[class*="-icon-box"],[class*="-icon-wrap"]):has(> svg){--t1:var(--jx-go1);--t2:var(--jx-go2);--ti:var(--jx-goi);--ts:var(--jx-gos)}
html body :nth-child(4n+4) > .jx-tile, html body :nth-child(4n+4) > :is([class*="-icon"],[class*="-icon-box"],[class*="-icon-wrap"]):has(> svg){--t1:var(--jx-rd1);--t2:var(--jx-rd2);--ti:var(--jx-rdi);--ts:var(--jx-rds)}
/* sizes for tiles that replaced emoji (their hosts were text-sized) */
html body .jx-tile{width:48px!important;height:48px!important;min-width:48px}
html body .jx-tile .jx-ti{width:24px;height:24px}
html body span.jx-tile{width:40px!important;height:40px!important;min-width:40px;border-radius:12px!important}
html body span.jx-tile .jx-ti{width:20px;height:20px}
html body .jaha-feature-icon.jx-tile{width:34px!important;height:34px!important;min-width:34px;border-radius:10px!important;margin-right:2px}
html body .jaha-feature-icon.jx-tile .jx-ti{width:17px;height:17px}
html body :is(.jaha-card-icon-wrap,.jaha-app-icon-wrap,.jaha-pillar-icon,.jaha-val-icon,.jaha-cult-icon,.jaha-sol-icon,.jaha-commit-icon,.jaha-high-icon,.jaha-disc-icon,.jaha-cat-icon).jx-tile{width:56px!important;height:56px!important;border-radius:16px!important}
html body :is(.jaha-card-icon-wrap,.jaha-app-icon-wrap,.jaha-pillar-icon,.jaha-val-icon,.jaha-cult-icon,.jaha-sol-icon,.jaha-commit-icon,.jaha-high-icon,.jaha-disc-icon,.jaha-cat-icon).jx-tile .jx-ti{width:28px;height:28px}
/* check badges (were ✓ / ✅) */
html body .jx-chk{display:inline-grid!important;place-items:center!important;width:22px!important;height:22px!important;min-width:22px;border-radius:50%!important;flex:none!important;
 background:linear-gradient(180deg,#22C55E,#15803D)!important;color:#fff!important;border:0!important;font-size:0!important;line-height:0!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 8px -4px rgba(21,128,61,.8)!important}
html body .jx-chk .jx-ti{width:13px;height:13px;stroke-width:3.2}
/* ---- unified buttons: five styles ---- */
html body :is(a,button):is([class*="btn"],[class*="button"]):not([class*="mm-"]):not([class*="dr-"]):not([class*="joinchat"]):not([class*="filter"]):not([class*="cat-btn"]):not([class*="social"]):not([class*="modal"]):not([class*="tab"]):not([class*="faq"]):not([class*="accordion"]):not([class*="toggle"]):not([class*="close"]):not([class*="burger"]):not([class*="nav"]):not([class*="channel-btn"]):not([class*="platform-btn"]):not([class*="elementor-button"]):not([class*="lang"]){
 background:var(--bx,linear-gradient(135deg,#0A8FB0 0%,#7C3AED 100%))!important;color:var(--bc,#fff)!important;border:0!important;border-radius:14px!important;font-weight:600!important;text-decoration:none!important;
 box-shadow:var(--bin,inset 0 1px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(15,23,42,.22)),var(--bsh,0 12px 24px -12px rgba(124,58,237,.75))!important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
html body :is(a,button):is([class*="btn"],[class*="button"]):not([class*="mm-"]):not([class*="dr-"]):not([class*="joinchat"]):not([class*="filter"]):not([class*="cat-btn"]):not([class*="social"]):not([class*="modal"]):not([class*="tab"]):not([class*="faq"]):not([class*="accordion"]):not([class*="toggle"]):not([class*="close"]):not([class*="burger"]):not([class*="nav"]):not([class*="channel-btn"]):not([class*="platform-btn"]):not([class*="elementor-button"]):not([class*="lang"]):hover{transform:translateY(-2px);filter:brightness(1.06)}
html body :is(a,button):is([class*="btn"],[class*="button"]):not([class*="mm-"]):not([class*="dr-"]):not([class*="joinchat"]):active{transform:translateY(1px)}
/* WhatsApp */
html body a:is([class*="btn"],[class*="button"]):is([href*="wa.me"],[href*="whatsapp"]):not([class*="mm-"]):not([class*="dr-"]):not([class*="social"]){
 --bx:linear-gradient(180deg,#1A9A4B 0%,#15803D 100%);--bc:#fff;--bsh:0 12px 24px -12px rgba(21,128,61,.85);--bin:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(0,0,0,.2)}
/* secondary / outline / white */
html body :is(a,button):is([class*="secondary"],[class*="-sec"],[class*="outline"],[class*="btn-white"],[class*="btn-contact"],[class*="ghost"],.jaha-related-btn,.jaha-case-btn-link):not([href*="wa.me"]):not([class*="mm-"]):not([class*="dr-"]){
 --bx:#fff;--bc:#0F172A;--bsh:0 8px 18px -12px rgba(15,23,42,.35);--bin:inset 0 0 0 1.5px #CBD5E1,inset 0 -3px 0 #E2E8F0}
html body :is(a,button):is([class*="secondary"],[class*="-sec"],[class*="outline"],[class*="btn-white"],[class*="btn-contact"],[class*="ghost"],.jaha-related-btn,.jaha-case-btn-link):not([href*="wa.me"]):not([class*="mm-"]):not([class*="dr-"]):hover{--bc:#0B6F88;--bin:inset 0 0 0 1.5px #0A8FB0,inset 0 -3px 0 #E2E8F0;filter:none}
html body :is(.jaha-related-btn,.jaha-card-btn){min-height:40px;font-size:14px!important}
html body a.jaha-card-btn{color:#fff!important}
html body :is(a,button)[class*="btn"]:not([class*="mm-"]):not([class*="dr-"]):not([class*="social"]) svg{flex:none;color:inherit!important}
@media (prefers-reduced-motion:reduce){html body :is(a,button)[class*="btn"]{transition:none!important}html body :is(a,button)[class*="btn"]:hover{transform:none}}
/* price call-to-action (7 Nov 2026) */
html body .jaha-pricing-actions{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 18px}
html body :is(.jaha-pricing-actions,.jaha-price-note) a.jaha-btn-wa{padding:12px 22px!important;font-size:15px!important;line-height:1.3!important;text-align:center;max-width:100%}
html body .jaha-price-note{direction:inherit}

/* ==== Readability fix: text that was white-on-white or dark-on-dark (proposed 7 Nov 2026) ==== */
/* 1. Cards and panels designed for a dark background but shown on white */
html body :is(.jaha-card-h3,.jaha-feature-highlight-h2,.jaha-app-name,.jaha-proof-h3,.jaha-pillar-h3,.jaha-compliance-h3,.jaha-rtl-h2){color:#0F172A!important}
html body :is(.jaha-compliance-text,.jaha-answer-first){color:#334155!important}
html body .jaha-feature-text{color:#1E293B!important}
html body :is(.jaha-card-num,.jaha-pillar-num,.jaha-cat-number){color:#0A8FB0!important;opacity:1!important}
/* coloured labels that were too pale on white */
html body :is(.jaha-feature-highlight-badge,.jaha-app-meta,.jaha-badge-dual){color:#0369A1!important}
html body :is(.jaha-badge-android,.jaha-tag-good){color:#047857!important}
html body .jaha-tag-bad{color:#B91C1C!important}
html body :is(.jaha-disclaimer-badge){color:#B45309!important}
html body .jaha-case-badge{color:#0B6F88!important}
/* 2. Secondary buttons: inner text follows the button, and buttons with their own inline colour keep it */
html body :is(a,button)[class*="secondary"]:not([style*="background"]) > span{color:inherit!important}
html body a.jaha-btn-secondary.jaha-btn-secondary.jaha-btn-secondary.jaha-btn-secondary[style*="background"][style*="0f172a"]{--bx:#0F172A;--bc:#fff;--bin:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -3px 0 rgba(0,0,0,.35);--bsh:0 12px 24px -14px rgba(15,23,42,.8)}
/* 3. Table header rows inside tbody picked up the theme's pale zebra stripe */
html body .jaha-table tbody > tr > th{background:#0F172A!important;color:#fff!important}
/* 4. FAQ accordions on blog posts: gold titles on white */
html body .elementor-accordion .elementor-tab-title,html body .elementor-accordion .elementor-tab-title a,html body .elementor-accordion-title{color:#0F172A!important}
html body .elementor-accordion .elementor-tab-title.elementor-active,html body .elementor-accordion .elementor-tab-title.elementor-active a{color:#0B6F88!important}
/* 5. Bright WhatsApp green with white text */
html body :is(.cta-btn-whatsapp,a.p[href*="wa.me"],a[href*="wa.me"][style*="25d366"],a[href*="wa.me"][style*="25D366"]){background:linear-gradient(180deg,#1A9A4B,#15803D)!important;background-color:#15803D!important;color:#fff!important}
/* 6. JSPOS and Pharmacy System pages use a dark design; their text had been set dark */
html body:is(.page-id-5589,.page-id-5598) .elementor[data-elementor-type="wp-page"] :is(h1,h2,h3,h4,h5){color:#F8FAFC!important}
html body:is(.page-id-5589,.page-id-5598) .elementor[data-elementor-type="wp-page"] :is(p,li,td,dd,dt,[class*="faq-body"],[class*="spec-key"],[class*="spec-val"],[class*="-desc"],[class*="subtitle"]){color:#CBD5E1!important}
html body:is(.page-id-5589,.page-id-5598) .elementor[data-elementor-type="wp-page"] :is([class*="eyebrow"]){color:#5EEAD4!important}
html body:is(.page-id-5589,.page-id-5598) .elementor[data-elementor-type="wp-page"] :is(a.jaha-btn-secondary,a[class*="btn-sec"],a[class*="outline"]) :is(span,p){color:inherit!important}
html body:is(.page-id-5589,.page-id-5598) :is(.jhs-updated,.jhs-updated *){color:#CBD5E1!important}
html body:is(.page-id-5589,.page-id-5598) [class*="trust-bar"] :is(li,span){color:#CBD5E1!important}
/* 7. Money Detector camera mock label */
html body .jaha-cam-viewfinder span{color:#047857!important}
html body .jaha-rtl-sample span[style*="4ade80"]{color:#047857!important}
/* white outline buttons that sit on dark panels (their text is forced white inline) */
html body a.jaha-btn-secondary.jaha-btn-secondary.jaha-btn-secondary.jaha-btn-secondary[style*="color: #ffffff !important"]:not([style*="background"]){--bx:rgba(255,255,255,.08);--bin:inset 0 0 0 1.5px rgba(255,255,255,.75);--bsh:none}
html body .jaha-trust-badge[style*="15803D"],html body .jaha-trust-badge[style*="15803d"]{color:#fff!important}
/* Pashto pages use Naskh (Nastaliq lacks Pashto letters); header/menu keep their own fonts */
html[lang="ps"][lang="ps"][dir="rtl"][dir="rtl"] body :is(h1,h2,h3,h4,h5,h6,p,span,li,div,a,button,td,th,label,strong,b,em,small,summary,blockquote,figcaption):not(:where(.jhs-mm,.jhs-mm *,.jhs-drawer,.jhs-drawer *,header,header *,.jaha-lang-link)){font-family:"Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif!important}
html[lang="ps"][lang="ps"][dir="rtl"][dir="rtl"] body :is(h1,h2,h3){line-height:1.6!important}
html[lang="ps"][lang="ps"][dir="rtl"][dir="rtl"] body :is(p,li){line-height:1.95!important}
html body .industry-card .industry-card-title,html body .sp-header .sp-all-link span,html body details.faq-item > summary.faq-summary span{color:#0B6F88!important}
html body .csl-logo-header .csl-logo-sub{color:#475569!important}
/* App store badges (case studies) */
html body .jhs-store-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:4px 0 30px}
html body a.jhs-store-badge{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:8px 20px 8px 16px;border-radius:12px;background:#0F172A;color:#fff!important;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -3px 0 rgba(0,0,0,.35),0 10px 22px -14px rgba(15,23,42,.8);transition:transform .15s ease}
html body a.jhs-store-badge:hover{transform:translateY(-2px)}
html body a.jhs-store-badge span{display:flex;flex-direction:column;line-height:1.15;font-family:Poppins,sans-serif;font-size:17px;font-weight:600;text-align:left}
html body a.jhs-store-badge small{font-size:10.5px;font-weight:500;letter-spacing:.3px;opacity:.85}
html body a.jhs-store-badge svg{flex:none;color:#fff}
/* case-study screenshots */
.jhs-shots{padding:56px 0;background:#F8FAFC;border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0}
.jhs-shots .jaha-container,body .jaha-block-wrap section.jhs-shots>.jaha-container,body .elementor-widget-container section.jhs-shots>.jaha-container,body .elementor-section section.jhs-shots>.jaha-container{max-width:1200px!important;width:100%!important;margin:0 auto!important;padding:0 20px!important;box-sizing:border-box!important}
.jhs-shots-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0B6F88;margin-bottom:8px}
.jhs-shots-h2{font-size:clamp(24px,3vw,32px);line-height:1.2;color:#0F172A;margin:0 0 10px}
.jhs-shots-p{color:#475569;margin:0 0 28px;max-width:720px}
.jhs-shots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.jhs-shot{margin:0;background:#fff;border:1px solid #E2E8F0;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(15,23,42,.06)}
.jhs-shot a{display:block;line-height:0}
.jhs-shot img{display:block;width:100%;height:auto;transition:transform .25s ease}
.jhs-shot a:hover img,.jhs-shot a:focus-visible img{transform:scale(1.015)}
.jhs-shot a:focus-visible{outline:3px solid #0B6F88;outline-offset:-3px}
.jhs-shot figcaption{font-style:normal;margin:0;text-align:left;padding:12px 16px 14px;font-size:14px;line-height:1.5;color:#334155;border-top:1px solid #EEF2F7}
@media(max-width:760px){.jhs-shots{padding:40px 0}.jhs-shots-grid{grid-template-columns:1fr;gap:18px}}
.jhs-shots-h3{font-size:18px;line-height:1.3;color:#0F172A;margin:32px 0 14px}
.jhs-shots-p+.jhs-shots-h3{margin-top:4px}
.jhs-shots-grid.is-phone{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.jhs-shots-grid.is-phone .jhs-shot{border-radius:18px;background:#0F172A}
.jhs-shots-grid.is-phone .jhs-shot figcaption{background:#fff}
@media(max-width:760px){.jhs-shots-grid.is-phone{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.jhs-shots-grid.is-phone .jhs-shot figcaption{font-size:13px;padding:10px 12px}}
/* case studies index: missing tag colour + mobile side spacing */
.jaha-card-tag.tag-public{background:#E0F2FE;color:#075985;border:1px solid #BAE6FD}
@media(max-width:767px){body.page-id-7080 .elementor-widget-container .jaha-container,body.page-id-7080 .elementor-section>.elementor-container .jaha-container{padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}}