/* Site header + footer (shared by every page). Scoped to .sx-* so the Webflow styles never leak in or out. */
.sx-util,.sx-head,.sx-foot{--sx-navy:#0b1033;--sx-navy2:#141a4a;--sx-blue:#283088;--sx-red:#bd191d;--sx-red2:#9f1418;--sx-ink:#0b1033;--sx-ink2:#2a3155;--sx-mute:#4a5170;--sx-soft:#f3f4f8;--sx-line:#e6e8f0;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.4;letter-spacing:normal;text-align:start}
html[lang="ar"] .sx-util,html[lang="ar"] .sx-head,html[lang="ar"] .sx-foot{font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",system-ui,Arial,sans-serif}
.sx-util *,.sx-head *,.sx-foot *{box-sizing:border-box}
.sx-util a,.sx-head a,.sx-foot a{text-decoration:none}
.sx-head ul,.sx-foot ul{list-style:none;margin:0;padding:0}
.sx-head li,.sx-foot li{margin:0;padding:0}
.sx-wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}

/* utility bar */
.sx-util{background:var(--sx-navy);color:#d9dcea;font-size:13px}
.sx-util .sx-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px;flex-wrap:wrap}
.sx-util-tel{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.sx-util a{color:#d9dcea}
.sx-util a:hover{color:#fff}
.sx-util .sx-lang{color:#fff;font-weight:600}
.sx-util bdi{unicode-bidi:isolate}

/* main bar */
.sx-head{position:relative;z-index:900;background:#fff;color:var(--sx-ink);border-bottom:1px solid var(--sx-line)}
.sx-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:84px}
.sx-logo{display:inline-flex;align-items:center;flex:none}
.sx-logo img{height:46px;width:auto;display:block}
.sx-nav{display:flex;align-items:center;gap:2px}
.sx-item{position:static}
.sx-top{display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border:0;border-radius:4px;background:transparent;color:var(--sx-ink);font:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.sx-top svg{flex:none;transition:transform .2s ease}
.sx-top:hover,.sx-item.is-open>.sx-top{background:#eef0f8;color:var(--sx-blue)}
.sx-item.is-open>.sx-top svg{transform:rotate(180deg)}
.sx-top--ai{background:#eef0f8;color:var(--sx-blue);font-weight:700}
.sx-cta{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:4px;background:var(--sx-red);color:#fff!important;font-size:15px;font-weight:700;white-space:nowrap;transition:background-color .15s ease}
.sx-cta:hover{background:var(--sx-red2)}
.sx-burger{display:none;width:46px;height:46px;border:0;border-radius:4px;background:#f1f3f9;color:var(--sx-ink);align-items:center;justify-content:center;cursor:pointer}

/* dropdown panels (desktop) */
.sx-panel{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--sx-line);box-shadow:0 24px 48px rgba(11,16,51,.14)}
.sx-item.is-open>.sx-panel{display:block}
.sx-panel .sx-wrap{padding-top:28px;padding-bottom:28px}
.sx-cols{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:12px 28px}
.sx-head h4{margin:0 0 10px;font-size:13px;font-weight:700;line-height:1.3;color:var(--sx-red);letter-spacing:0;text-transform:none}
.sx-link{display:flex;flex-direction:column;gap:2px;margin:0 -12px;padding:10px 12px;border-radius:4px;color:var(--sx-ink)!important;transition:background-color .15s ease}
.sx-link strong{font-size:15px;font-weight:700;line-height:1.3}
.sx-link span{font-size:13px;line-height:1.45;color:var(--sx-mute)}
.sx-link:hover,.sx-link:focus-visible{background:var(--sx-soft)}
.sx-link:hover strong{color:var(--sx-blue)}
.sx-ai{background:var(--sx-navy);border-radius:4px;padding:22px;color:#fff;display:flex;flex-direction:column;gap:6px}
.sx-ai h4{color:#aab4ef}
.sx-ai .sx-link{margin:0;color:#fff!important}
.sx-ai .sx-link strong{color:#fff}
.sx-ai .sx-link span{color:#c9cde0}
.sx-ai .sx-link:hover,.sx-ai .sx-link:focus-visible{background:var(--sx-navy2)}
.sx-ai .sx-link:hover strong{color:#fff}
.sx-ai-row{display:flex;gap:12px;align-items:flex-start}
.sx-ai-row img{width:36px;height:36px;flex:none}
.sx-link .sx-ai-row{display:flex;font-size:inherit;color:inherit;line-height:inherit}
.sx-ai-row>span{display:flex;flex-direction:column;gap:2px;font-size:inherit;color:inherit}
.sx-pfoot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--sx-line);font-size:14px;font-weight:600;color:var(--sx-mute)}
.sx-pfoot a{color:var(--sx-red)!important;font-weight:700}
.sx-pfoot a:hover{text-decoration:underline}
.sx-brands{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
.sx-brands .sx-link{padding:7px 12px}

.sx-head a:focus-visible,.sx-head button:focus-visible,.sx-util a:focus-visible,.sx-foot a:focus-visible{outline:2px solid var(--sx-red);outline-offset:2px;border-radius:4px}
.sx-foot a:focus-visible,.sx-ai a:focus-visible{outline-color:#fff}

/* footer */
.sx-foot{background:var(--sx-navy);color:#c9cde0;padding:88px 0 32px;overflow:hidden}
.sx-foot .sx-wrap{display:flex;flex-direction:column;gap:56px}
.sx-fcols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px}
.sx-fcols h4{margin:0 0 14px;color:#fff;font-size:16px;font-weight:700;letter-spacing:0;text-transform:none}
.sx-fcols ul{display:flex;flex-direction:column;gap:10px}
.sx-fcols a{color:#c9cde0;font-size:15px}
.sx-fcols a:hover{color:#fff}
.sx-fname{margin:0;font-size:clamp(64px,12.5vw,180px);line-height:.85;letter-spacing:-.06em;font-weight:800;color:#fff;white-space:nowrap}
html[lang="ar"] .sx-fname{letter-spacing:-.02em}
.sx-fbottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px}
.sx-fbottom nav{display:flex;gap:20px;flex-wrap:wrap}
.sx-fbottom a{color:#c9cde0}
.sx-fbottom a:hover{color:#fff}
.sx-social{display:flex;gap:10px}
.sx-social a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:4px;background:var(--sx-navy2);color:#fff}
.sx-social a:hover{background:var(--sx-blue)}

/* tablet + phone */
@media (max-width:1180px){
  .sx-top{padding:10px 9px;font-size:14.5px}
}
@media (max-width:1060px){
  .sx-wrap{padding:0 20px}
  .sx-util-txt{display:none}
  .sx-util-tel .sx-tel-x{display:none}
  .sx-bar{height:72px}
  .sx-logo img{height:40px}
  .sx-burger{display:inline-flex}
  .sx-cta--bar{display:none}
  .sx-menu{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 112px);overflow:auto;background:#fff;border-top:1px solid var(--sx-line);box-shadow:0 24px 48px rgba(11,16,51,.14);padding:8px 20px 24px}
  .sx-head.is-menu .sx-menu{display:block}
  .sx-nav{flex-direction:column;align-items:stretch;gap:0}
  .sx-item{border-bottom:1px solid #eef0f5}
  .sx-top{width:100%;justify-content:space-between;min-height:56px;padding:0;font-size:17px;font-weight:700;background:transparent!important}
  .sx-top--ai{color:var(--sx-ink)}
  .sx-panel{position:static;box-shadow:none;border:0}
  .sx-panel .sx-wrap{padding:0 0 14px}
  .sx-cols{grid-template-columns:1fr!important;gap:14px}
  .sx-link{margin:0;padding:9px 0}
  .sx-link>span:not(.sx-ai-row),.sx-ai-row>span>span{display:none}
  .sx-ai{padding:14px}
  .sx-ai .sx-link{padding:8px}
  .sx-ai-row img{width:28px;height:28px}
  .sx-pfoot{flex-direction:column;align-items:flex-start;gap:6px}
  .sx-menu .sx-cta{width:100%;justify-content:center;margin-top:18px;min-height:52px}
  .sx-fcols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1061px){
  .sx-menu{display:flex;align-items:center;gap:16px}
  .sx-menu>.sx-cta{display:none}
}
@media (max-width:520px){
  .sx-fcols{grid-template-columns:1fr 1fr;gap:28px 20px}
  .sx-foot{padding:64px 0 28px}
}
@media (prefers-reduced-motion:reduce){.sx-head *,.sx-foot *{transition:none!important}}