/* Cosmic Safety - Arabic (right-to-left) layer */
html[dir=rtl] body,html[dir=rtl] .csx{--f-display:'Cairo','Tajawal',sans-serif;--f-body:'Tajawal','Cairo',sans-serif}
html[dir=rtl] body,html[dir=rtl] p,html[dir=rtl] li,html[dir=rtl] td,html[dir=rtl] th,html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select,html[dir=rtl] button{font-family:'Tajawal','Cairo',sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6,html[dir=rtl] .btn,html[dir=rtl] .csx .menu a,html[dir=rtl] .csx .adm{font-family:'Cairo','Tajawal',sans-serif}
html[dir=rtl] body{text-align:right}
/* Arabic letters must stay joined: no letter spacing, no forced capitals */
html[dir=rtl] .csx *:not(.lw):not(.lw *):not(.giant):not(.giant *){letter-spacing:0 !important}
html[dir=rtl] .main-content *{letter-spacing:0 !important}
html[dir=rtl] .csx small,html[dir=rtl] .csx .eyebrow,html[dir=rtl] .csx .kicker{text-transform:none}
/* brand marks stay in Latin, left to right */
html[dir=rtl] .csx .logo .lw,html[dir=rtl] .csx .giant,html[dir=rtl] .csx [data-bounce]{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .csx .logo .tagl{letter-spacing:0;font-size:10.5px}
/* numbers, phones, codes */
html[dir=rtl] .csx a[href^="tel:"],html[dir=rtl] .csx a[href^="mailto:"],html[dir=rtl] .csx .num,html[dir=rtl] .csx code{direction:ltr;unicode-bidi:isolate}
/* arrows point the reading way */
html[dir=rtl] .csx .ar,html[dir=rtl] .csx .arrow{display:inline-block;transform:scaleX(-1)}
/* header pieces placed with physical margins in the English layer */
html[dir=rtl] .csx .menu{margin:0 auto 0 0}
html[dir=rtl] .csx .hdr-in{padding:10px 18px 10px 12px}
html[dir=rtl] .csx .hdr.compact .hdr-in{padding:6px 14px 6px 8px}
@media (min-width:1261px){html[dir=rtl] .csx .menu{margin:0}html[dir=rtl] .csx .menu a{font-size:16px}}
@media (min-width:1261px) and (max-width:1480px){html[dir=rtl] .csx .menu a{font-size:15px}}
@media (min-width:1261px) and (max-width:1380px){html[dir=rtl] .csx .menu a{font-size:14px}}
html[dir=rtl] .csx .menu .dd{text-align:right}
@media (max-width:1260px){html[dir=rtl] .csx .adm{margin-left:0;margin-right:auto}}
@media (max-width:900px){html[dir=rtl] .csx .menu .dd{padding:4px 12px 8px 0}}
/* lists and tables */
html[dir=rtl] .main-content ul,html[dir=rtl] .main-content ol{padding-right:22px;padding-left:0}
html[dir=rtl] .main-content table th,html[dir=rtl] .main-content table td,html[dir=rtl] .csx table th,html[dir=rtl] .csx table td{text-align:right}
html[dir=rtl] .csx .sec-head,html[dir=rtl] .csx .sec-head p{text-align:right}
/* Bootstrap floats on old inner pages */
html[dir=rtl] .main-content .pull-left{float:right !important}
html[dir=rtl] .main-content .pull-right{float:left !important}
html[dir=rtl] .main-content .text-left{text-align:right !important}
@media (min-width:768px){html[dir=rtl] .main-content [class*="col-sm-"],html[dir=rtl] .main-content [class*="col-xs-"]{float:right}}
@media (min-width:992px){html[dir=rtl] .main-content [class*="col-md-"]{float:right}}
@media (min-width:1200px){html[dir=rtl] .main-content [class*="col-lg-"]{float:right}}
html[dir=rtl] .main-content .breadcrumb{direction:rtl}
/* floating buttons and chat stay on the same side as English, mirrored text inside */
html[dir=rtl] .csx .dock{direction:ltr}html[dir=rtl] .csx .dock>*{direction:rtl}html[dir=rtl] .csx .chat{direction:rtl}
html[dir=rtl] .csx .chat input{text-align:right}
/* Arabic text is a little taller; give long headings room */
html[dir=rtl] .csx h1,html[dir=rtl] .csx h2{line-height:1.35}
html[dir=rtl] .csx .lead,html[dir=rtl] .csx p{line-height:1.85}
html[dir=rtl] .csx .badges b{margin-right:0;margin-left:6px}
/* bullets drawn by the old template sit on the left; move them to the right */
html[dir=rtl] .main-content ul li{padding-left:0;padding-right:15px}
html[dir=rtl] .main-content ul li::before{left:auto !important;right:0 !important}
html[dir=rtl] .main-content ul.list li{padding-right:18px}
html[dir=rtl] .csx .odo,html[dir=rtl] .csx [data-count]{direction:ltr;unicode-bidi:isolate;justify-content:flex-end;text-align:right}