/* HR Theories — Arabic RTL overrides. Loaded after swiss.css on /ar/ pages only.
   swiss.css stays untouched; this flips the directional borders/paddings and sets the Arabic type. */

body{font-family:"IBM Plex Sans Arabic",sans-serif}
h1,h2,.sec,.tag,.btn,.nav-links a,label,
.logo,.logo .wm,.dat .num,.dat .lbl,.sector .n,.duo h3,.band,
.foot-contact .fc-brand,table.svc th,td.type,.job-row .arrow{
  font-family:"IBM Plex Sans Arabic",sans-serif;
}

/* nav divider flips to the other side */
.nav-links a{border-left:none;border-right:1px solid var(--line)}

/* hero */
.hero-main{border-right:none;border-left:1px solid var(--line);padding:72px 0 72px 40px}
@media(max-width:880px){.hero-main{border-left:none;padding-left:0}}
.hero-data{padding:40px 40px 40px 0}
@media(max-width:880px){.hero-data{padding:32px 0}}

/* sectors grid */
.sector{border-right:none;border-left:1px solid var(--line)}
.sector:last-child{border-left:none}
@media(max-width:1100px){
  .sector{border-left:1px solid var(--line)}
  .sector:nth-child(2n){border-left:none}
  .sector:last-child{border-left:none}
}
@media(max-width:560px){.sector{border-left:none}}

/* services table */
table.svc th{text-align:right;padding:0 0 12px 16px}
table.svc td{padding:22px 0 22px 16px}
@media(max-width:720px){
  table.svc td{padding:6px 0}
  table.svc td.name{padding-top:22px}
  table.svc td.desc{padding-bottom:22px}
}

/* dual CTA */
.duo>div:first-child{border-right:none;border-left:2px solid var(--line)}
@media(max-width:760px){.duo>div:first-child{border-left:none;border-bottom:2px solid var(--line)}}