/* MST Theme 1.9.14: consistency, RTL hero and home hero entrance. */
/* Header: visual state stays identical on all page templates (including light-mode pages). */
.site-header{background:#101113!important;color:#f5f3ee!important;border-bottom:1px solid #3a3020!important}
.site-header .brand-text strong,.site-header .main-nav a{color:#f5f3ee!important}
.site-header .brand-text span{color:#bfb9ab!important}
.site-header .mst-lang-carousel{background:#17191c!important;border:1px solid #454035!important;box-shadow:0 8px 23px rgba(0,0,0,.18)!important}
.site-header .mst-lang-flag{background:linear-gradient(180deg,#2a2c31,#181a1d)!important;border-color:#4f4a3e!important;color:#fff!important;filter:none!important;opacity:1!important}
.site-header .mst-lang-flag.active{border-color:#e7bc46!important;box-shadow:0 0 0 3px rgba(240,194,72,.45),0 10px 26px #0006!important}
.site-header .mst-lang-flag-emoji{filter:none!important;opacity:1!important}
.site-header .mst-lang-arrow{background:#1a1b20!important;color:#f1cc6d!important;border:1px solid #5b523d!important}
.site-header .btn-contact{background:linear-gradient(135deg,#f2be2b,#ffe077)!important;color:#151515!important}
/* Arabic About: reverse the visual composition, not only the text flow. */
@media(min-width:981px){
 html[dir="rtl"] .mst-about-hero-layout{direction:ltr!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
 html[dir="rtl"] .mst-about-hero-copy{grid-column:2!important;grid-row:1!important;direction:rtl!important;text-align:right!important;width:100%!important;max-width:100%!important;padding:50px 0 50px clamp(12px,2vw,30px)!important;}
 html[dir="rtl"] .mst-about-hero-image{left:-4vw!important;right:49%!important;inset-block:0!important;}
 html[dir="rtl"] .mst-about-hero-image:after{background:linear-gradient(270deg,#101113 0%,rgba(16,17,19,.12) 55%,transparent 80%)!important;}
 html[dir="rtl"] .mst-about-hero h1{font-size:clamp(2.4rem,3.8vw,4.3rem)!important;line-height:1.18!important;overflow-wrap:break-word!important;}
 html[dir="rtl"] .mst-about-hero h2{font-size:clamp(1.1rem,1.5vw,1.5rem)!important;line-height:1.5!important;}
 html[dir="rtl"] .mst-about-hero-copy p{max-width:100%!important;line-height:1.65!important;}
}
@media(min-width:651px) and (max-width:980px){
 html[dir="rtl"] .mst-about-hero-copy{text-align:right!important;direction:rtl!important;max-width:68%!important;margin-left:auto!important;margin-right:0!important;}
 html[dir="rtl"] .mst-about-hero-image{left:-4vw!important;right:30%!important;opacity:.28!important;}
}
@media(max-width:650px){html[dir="rtl"] .mst-about-hero-copy{text-align:right!important;direction:rtl!important;}}
/* Keep home CTA anchored to the selected language; do not alter the header direction for RTL. */
@media(prefers-reduced-motion:reduce){body.mst-home-v188.mst-hero-ready .mst-new-hero.mst-hero-enter .mst-hero-copy > *{animation:none!important}}