/* TasheelExpress v70.10 — v68 TRUST mobile/RTL/localization regression fix */
/* Robust hamburger: drawn in CSS, not dependent on a glyph, icon font or image. */
@media(max-width:1180px){
 .tx-global-header-v26 .txgh-mobile{display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:14px!important;background:transparent!important;color:#fff!important;overflow:visible!important}
 .tx-global-header-v26 .txgh-mobile .tx-hamburger-line{display:none!important}
 .tx-global-header-v26 .txgh-mobile::before{content:""!important;display:block!important;width:24px!important;height:2px!important;border-radius:999px!important;background:#fff!important;box-shadow:0 -7px 0 #fff,0 7px 0 #fff!important;transform:none!important;transition:transform .18s ease,box-shadow .18s ease!important}
 .tx-global-header-v26 .txgh-mobile::after{content:""!important;position:absolute!important;width:24px!important;height:2px!important;border-radius:999px!important;background:transparent!important;transform:none!important;transition:transform .18s ease,background .18s ease!important}
 .tx-global-header-v26 .txgh-mobile[aria-expanded="true"]::before{box-shadow:none!important;transform:rotate(45deg)!important}
 .tx-global-header-v26 .txgh-mobile[aria-expanded="true"]::after{background:#fff!important;transform:rotate(-45deg)!important}
}

/* RTL heroes: never mirror text/content. Mirror photography only and reverse the wash/blur. */
html[dir="rtl"] .v20-hero,html[dir="rtl"] .tx49-page-hero,html[dir="rtl"] .tx-ie-hero,html[dir="rtl"] .v24-collection-hero,
html[dir="rtl"] .tx-case-evidence-hero,html[dir="rtl"] .tx-sa-hero,html[dir="rtl"] .tx584-policy-hero,html[dir="rtl"] .v53-hero,
html[dir="rtl"] .txq-hero,html[dir="rtl"] .v19-hero,html[dir="rtl"] .inner-hero,html[dir="rtl"] .page-hero,html[dir="rtl"] .v589-generic-page-hero,
html[dir="rtl"] .v585-home-hero{transform:none!important;transform-origin:center center!important}
html[dir="rtl"] .v20-hero>.container,html[dir="rtl"] .tx49-page-hero>.container,html[dir="rtl"] .tx-ie-hero>.container,
html[dir="rtl"] .v24-collection-hero>.container,html[dir="rtl"] .tx-case-evidence-hero>.container,html[dir="rtl"] .tx-sa-hero>.container,
html[dir="rtl"] .tx584-policy-hero-inner,html[dir="rtl"] .v53-hero>.container,html[dir="rtl"] .txq-hero>.txq-wrap,
html[dir="rtl"] .v19-hero>.container,html[dir="rtl"] .inner-hero>.container,html[dir="rtl"] .page-hero>.container,
html[dir="rtl"] .v589-generic-page-hero>.container,html[dir="rtl"] .v585-home-grid{transform:none!important;transform-origin:center center!important;direction:rtl!important;text-align:right!important}

/* Background-image hero families: use a separate mirrored photography layer so glyphs can never be reflected. */
html[dir="rtl"] :is(.tx49-page-hero,.tx-ie-hero,.v24-collection-hero,.tx-case-evidence-hero,.tx-sa-hero,.tx584-policy-hero,.v53-hero,.txq-hero,.v19-hero,.inner-hero,.page-hero,.v589-generic-page-hero):not(.tx-v705-hero){
 background-image:none!important;background-color:#eef4f7!important;isolation:isolate!important;position:relative!important;overflow:hidden!important
}
html[dir="rtl"] :is(.tx49-page-hero,.tx-ie-hero,.v24-collection-hero,.tx-case-evidence-hero,.tx-sa-hero,.tx584-policy-hero,.v53-hero,.txq-hero,.v19-hero,.inner-hero,.page-hero,.v589-generic-page-hero):not(.tx-v705-hero)::before{
 content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;background-image:var(--v589-page-hero)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;transform:scaleX(-1)!important;transform-origin:center center!important;filter:saturate(.96) contrast(1.02)!important
}
html[dir="rtl"] :is(.tx49-page-hero,.tx-ie-hero,.v24-collection-hero,.tx-case-evidence-hero,.tx-sa-hero,.tx584-policy-hero,.v53-hero,.txq-hero,.v19-hero,.inner-hero,.page-hero,.v589-generic-page-hero):not(.tx-v705-hero)::after{
 content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(270deg,rgba(248,252,255,.985) 0%,rgba(248,252,255,.955) 34%,rgba(248,252,255,.72) 58%,rgba(8,47,82,.10) 100%)!important;pointer-events:none!important
}
/* v705 image-led heroes already own their ::before photo layer: flip that layer only. */
html[dir="rtl"] .v20-hero.tx-v705-hero{transform:none!important}
html[dir="rtl"] .v20-hero.tx-v705-hero::before{transform:scaleX(-1)!important;transform-origin:center center!important;background-position:center!important}
html[dir="rtl"] .v20-hero.tx-v705-hero::after{background:linear-gradient(270deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 38%,rgba(255,255,255,.58) 61%,rgba(255,255,255,.10) 100%)!important}
html[dir="rtl"] .v20-hero.tx-v705-hero .v20-hero-inner,html[dir="rtl"] .v20-hero.tx-v705-hero .tx584-copy{transform:none!important;direction:rtl!important;text-align:right!important}
/* Homepage slideshow: photo flips, text/grid never do; wash remains on physical right. */
html[dir="rtl"] .v585-home-hero,html[dir="rtl"] .v585-home-grid,html[dir="rtl"] .v585-hero-copy{transform:none!important}
html[dir="rtl"] .v589-hero-slide img{transform:scaleX(-1)!important;transform-origin:center center!important}
html[dir="rtl"] .v589-hero-overlay{background:linear-gradient(270deg,rgba(248,252,255,.985) 0%,rgba(248,252,255,.955) 32%,rgba(248,252,255,.72) 58%,rgba(8,47,82,.06) 100%)!important}
@media(max-width:820px){html[dir="rtl"] .v20-hero.tx-v705-hero::after{background:rgba(255,255,255,.88)!important}html[dir="rtl"] :is(.tx49-page-hero,.tx-ie-hero,.v24-collection-hero,.tx-case-evidence-hero,.tx-sa-hero,.tx584-policy-hero,.v53-hero,.txq-hero,.v19-hero,.inner-hero,.page-hero,.v589-generic-page-hero):not(.tx-v705-hero)::after{background:rgba(248,252,255,.88)!important}}

/* Urdu uses RTL; Hindi/Malayalam remain LTR. Keep native-script UI stable. */
html[lang="ur"] body{direction:rtl;text-align:right;font-family:"Noto Naskh Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif!important}
html[lang="hi"] body{direction:ltr;text-align:left;font-family:"Noto Sans Devanagari","Nirmala UI",Arial,sans-serif!important}
html[lang="ml"] body{direction:ltr;text-align:left;font-family:"Noto Sans Malayalam","Nirmala UI",Arial,sans-serif!important}
html[lang="ur"] .txgh-mobile-inline-langs,html[lang="ur"] .txgh-langs{direction:rtl!important}