@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@500;600;700;800&display=swap");

html.ml-boot body{opacity:0}
html.ml-ready body{opacity:1;transition:opacity .18s ease}

html[dir="rtl"], html[dir="rtl"] body{
  font-family:"Cairo",Inter,Arial,Helvetica,sans-serif;
}
html[dir="rtl"] th,
html[dir="rtl"] td{text-align:right}
html[dir="rtl"] .arrow i,
html[dir="rtl"] .back i,
html[dir="rtl"] .fa-arrow-left,
html[dir="rtl"] .fa-arrow-right{transform:scaleX(-1)}
html[dir="rtl"] .module::after{right:auto;left:-43px}
html[dir="rtl"] .kpis span{margin-right:0;margin-left:6px}
html[dir="rtl"] .close{float:left}
html[dir="rtl"] .submenu a{padding-left:0;padding-right:49px}
html[dir="rtl"] .right{border-left:0;border-right:1px solid #e8edf4}
html[dir="rtl"] .hero,
html[dir="rtl"] .topbar{flex-direction:row}

.ml-lang-switch{
  display:inline-flex;align-items:stretch;height:46px;border-radius:14px;overflow:hidden;
  background:#e7ebf1;flex-shrink:0;
  box-shadow:6px 6px 13px rgba(163,177,198,.42),-6px -6px 13px rgba(255,255,255,.88);
}
.ml-lang-switch button{
  min-width:52px;border:0;background:transparent;color:#667485;cursor:pointer;
  font:800 13px Cairo,Inter,Arial,sans-serif;padding:0 12px;letter-spacing:.02em;
}
.ml-lang-switch button.active{
  background:linear-gradient(145deg,#3d9af2,#1878dc);color:#fff;
}
.ml-lang-switch.on-dark{
  height:38px;background:rgba(255,255,255,.14);box-shadow:none;border-radius:12px;
}
.ml-lang-switch.on-dark button{color:rgba(255,255,255,.82);font-size:12px}
.ml-lang-switch.on-dark button.active{background:rgba(255,255,255,.22);color:#fff}
.ml-lang-switch.floating{
  position:fixed;top:16px;inset-inline-end:16px;z-index:80;
}

@media(max-width:700px){
  .ml-lang-switch{height:40px}
  .ml-lang-switch button{min-width:44px;padding:0 8px;font-size:12px}
}