/* Header v2: integrated cinematic header, compact brand, grouped service navigation. */
.announcement{display:none!important}
.header{transition:background-color .25s ease,color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease!important}
.header .logo,.footer .logo{gap:10px!important;align-items:center!important}
.header .symbol{width:58px!important;height:46px!important;flex:0 0 58px!important}
.footer .symbol{width:54px!important;height:43px!important;flex:0 0 54px!important}
.header .symbol img,.footer .symbol img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.header .wordmark,.footer .wordmark{display:grid!important;grid-template-columns:auto auto!important;column-gap:8px!important;row-gap:2px!important;align-items:baseline!important}
.header .brand-ar,.footer .brand-ar{font-size:23px!important;font-weight:800!important;letter-spacing:.02em!important;line-height:1!important}
.header .brand-name,.footer .brand-name{font-size:23px!important;font-weight:500!important;letter-spacing:.01em!important;line-height:1!important;color:#637895!important}
.header .wordmark small,.footer .wordmark small{grid-column:1/3!important;font-size:8px!important;line-height:1.2!important;letter-spacing:.22em!important;white-space:nowrap!important}
.nav-dropdown{position:relative;display:flex;align-items:center;height:100%}
.nav-parent{display:flex!important;align-items:center;gap:5px;height:100%}
.nav-parent span{font-size:13px;transition:transform .2s ease}
.nav-dropdown:hover .nav-parent span,.nav-dropdown:focus-within .nav-parent span{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% - 10px);inset-inline-start:-22px;min-width:250px;padding:12px;background:#fff;border:1px solid #dce4ee;border-radius:16px;box-shadow:0 24px 60px rgba(16,25,43,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.2s ease;z-index:1200}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.nav-dropdown-menu a{display:block!important;padding:12px 14px!important;border-radius:10px!important;color:#10192b!important;white-space:nowrap}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:#fff1e7!important;color:#e67e3a!important}

.is-home .header,body:has(.inner-cinematic) .header{position:absolute!important;top:0!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(1280px,calc(100% - 48px))!important;max-width:none!important;height:104px!important;margin:0!important;padding:0 18px!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.38)!important;color:#fff!important;z-index:1000!important}
.is-home .header:not(.scrolled) .nav>a,.is-home .header:not(.scrolled) .nav-parent,body:has(.inner-cinematic) .header:not(.scrolled) .nav>a,body:has(.inner-cinematic) .header:not(.scrolled) .nav-parent{color:#fff!important}
.is-home .header:not(.scrolled) .brand-ar,.is-home .header:not(.scrolled) .brand-name,.is-home .header:not(.scrolled) .wordmark small,body:has(.inner-cinematic) .header:not(.scrolled) .brand-ar,body:has(.inner-cinematic) .header:not(.scrolled) .brand-name,body:has(.inner-cinematic) .header:not(.scrolled) .wordmark small{color:#fff!important}
.is-home .header:not(.scrolled) .language-switch,body:has(.inner-cinematic) .header:not(.scrolled) .language-switch{border-color:rgba(255,255,255,.45)!important}
.is-home .header:not(.scrolled) .pill,body:has(.inner-cinematic) .header:not(.scrolled) .pill{background:#fff!important;color:#10192b!important}
.is-home .header.scrolled,body:has(.inner-cinematic) .header.scrolled{position:fixed!important;top:0!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid #dce4ee!important;box-shadow:0 12px 36px rgba(16,25,43,.12)!important;color:#10192b!important}
.is-home .header.scrolled .nav>a,.is-home .header.scrolled .nav-parent,body:has(.inner-cinematic) .header.scrolled .nav>a,body:has(.inner-cinematic) .header.scrolled .nav-parent{color:#10192b!important}
.is-home .header.scrolled .brand-ar,body:has(.inner-cinematic) .header.scrolled .brand-ar{color:#10192b!important}
.is-home .header.scrolled .brand-name,body:has(.inner-cinematic) .header.scrolled .brand-name{color:#637895!important}
.header .nav .active,.header .nav a:hover{color:#e67e3a!important}
.header .nav .active:after{background:#e67e3a!important}

.arabic .header{direction:ltr!important}
.arabic .header .nav{margin-left:auto!important;margin-right:0!important;direction:rtl!important}
.arabic .nav-dropdown-menu{direction:rtl;text-align:right}
.arabic .mobile{direction:rtl!important;text-align:right!important}

@media(max-width:1050px){
  .header{height:82px!important;padding:0 14px!important}
  .is-home .header,body:has(.inner-cinematic) .header{width:calc(100% - 28px)!important;height:82px!important;padding:0 10px!important}
  .header .nav{display:none!important}
  .header .menu{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;border:1px solid rgba(99,120,149,.42)!important;border-radius:14px!important;background:rgba(16,25,43,.08)!important;color:inherit!important;font-size:0!important}
  .header .menu:after{content:'☰';font-size:22px!important;line-height:1}
  .is-home .header:not(.scrolled) .menu,body:has(.inner-cinematic) .header:not(.scrolled) .menu{border-color:rgba(255,255,255,.38)!important;background:rgba(16,25,43,.18)!important;color:#fff!important}
  .header .symbol{width:46px!important;height:36px!important;flex-basis:46px!important}
  .header .logo{gap:8px!important}
  .header .brand-ar,.header .brand-name{font-size:17px!important}
  .header .wordmark{column-gap:6px!important}
  .header .wordmark small{display:none!important}
  .mobile{position:fixed!important;top:82px!important;left:14px!important;right:14px!important;z-index:1300!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;padding:14px!important;background:rgba(255,255,255,.98)!important;border:1px solid #dce4ee!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(16,25,43,.22)!important}
  .mobile.open{display:block!important}
  .mobile>a,.mobile summary{display:block!important;padding:14px!important;border-radius:10px!important;color:#10192b!important;font-weight:700!important;cursor:pointer!important;list-style:none!important}
  .mobile>a:hover,.mobile>a.active,.mobile summary:hover{background:#fff1e7!important;color:#e67e3a!important}
  .mobile-services>div{padding:2px 0 6px 14px!important}
  .mobile-services>div a{display:block!important;padding:11px 14px!important;color:#637895!important;border-inline-start:2px solid #dce4ee!important}
  .mobile-services>div a.active{color:#e67e3a!important;border-color:#e67e3a!important}
}

@media(max-width:560px){
  .is-home .header,body:has(.inner-cinematic) .header{width:calc(100% - 20px)!important}
  .header .brand-ar,.header .brand-name{font-size:16px!important}
  .header .symbol{width:42px!important;height:34px!important;flex-basis:42px!important}
  .header .logo{gap:6px!important}
}

/* Final navigation and brand corrections */
.header .logo,
.footer .logo{
  gap:4px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  min-width:0!important;
}
.header .wordmark,
.footer .wordmark{
  display:grid!important;
  grid-template-columns:max-content max-content!important;
  column-gap:2px!important;
  row-gap:4px!important;
  align-items:end!important;
  width:max-content!important;
  min-width:0!important;
}
.header .brand-ar,
.footer .brand-ar{
  font-size:23px!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
.header .brand-name,
.footer .brand-name{
  font-size:23px!important;
  font-weight:600!important;
  letter-spacing:-.03em!important;
  line-height:1!important;
  color:#637895!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
.header .wordmark small,
.footer .wordmark small{
  grid-column:1/-1!important;
  margin-top:0!important;
}
.is-home .header:not(.scrolled) .symbol img,
body:has(.inner-cinematic) .header:not(.scrolled) .symbol img,
.footer .symbol img{
  filter:brightness(0) invert(1)!important;
}
.is-home .header.scrolled .symbol img,
body:has(.inner-cinematic) .header.scrolled .symbol img{
  filter:none!important;
}
.is-home .header:not(.scrolled) .pill,
body:has(.inner-cinematic) .header:not(.scrolled) .pill{
  background:#fff!important;
  color:#10192b!important;
  -webkit-text-fill-color:#10192b!important;
  opacity:1!important;
}
.is-home .header.scrolled .pill,
body:has(.inner-cinematic) .header.scrolled .pill{
  background:#10192b!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:700px){
  .header .logo,
  .footer .logo{gap:3px!important}
  .header .wordmark,
  .footer .wordmark{column-gap:2px!important}
  .header .brand-ar,
  .header .brand-name,
  .footer .brand-ar,
  .footer .brand-name{font-size:15px!important}
}

/* Final unified lockup: the AR mark is the AR name, so no duplicated text. */
.header .wordmark,.footer .wordmark{
  display:grid!important;
  grid-template-columns:max-content!important;
  row-gap:5px!important;
  width:max-content!important;
}
.header .brand-name,.footer .brand-name{
  font-size:23px!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
}
.header .wordmark small,.footer .wordmark small{grid-column:1!important}
.header .logo,.footer .logo{gap:6px!important}

/* Arabic navigation starts from the logo on the right; English remains on the far left group. */
.arabic .header{direction:rtl!important}
.arabic .header .logo{margin:0!important}
.arabic .header .nav{margin-right:auto!important;margin-left:0!important;direction:rtl!important}
.arabic .header .language-switch{order:20!important}
.arabic .header .pill{order:21!important}

@media(max-width:700px){
  .header .brand-name,.footer .brand-name{font-size:17px!important}
  .header .logo,.footer .logo{gap:4px!important}
}

/* Mobile uses a visible horizontal top bar instead of a covering menu card. */
@media(max-width:700px){
  .is-home .header,body:has(.inner-cinematic) .header,.header{height:70px!important;padding:0 8px!important}
  .header .symbol{width:34px!important;height:27px!important;flex-basis:34px!important}
  .header .logo{max-width:118px!important;flex:0 1 118px!important;overflow:hidden!important}
  .header .brand-name{font-size:14px!important}
  .header .wordmark small{display:none!important}
  .header .mobile-actions{display:flex!important;margin-inline-start:auto;gap:5px;align-items:center}
  .header .mobile-actions a{display:flex;align-items:center;justify-content:center;min-height:30px;padding:6px 9px;border:1px solid rgba(99,120,149,.45);border-radius:999px;color:inherit;font-size:9px;font-weight:800;white-space:nowrap}
  .header .mobile-actions a:last-child{background:#e67e3a;border-color:#e67e3a;color:#fff!important}
  .header .menu{display:none!important}
  .header .mobile,.header .mobile.open{
    display:flex!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:none!important;
    padding:6px!important;
    gap:3px!important;
    overflow:hidden!important;
    overflow-y:hidden!important;
    flex-direction:row!important;
    align-items:center!important;
    background:transparent!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.2)!important;
    border-radius:0!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
  }
  .header .mobile::-webkit-scrollbar{display:none}
  .header .mobile>a{
    display:inline-flex!important;
    flex:1 1 25%!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:8px 3px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    color:#10192b!important;
    background:transparent!important;
    font-size:9px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .header .mobile>a:after{content:none!important;display:none!important}
  .header .mobile>a.active{background:transparent!important;color:#e67e3a!important;box-shadow:inset 0 -2px #e67e3a}
  .header .mobile>a:hover{background:transparent!important;color:#e67e3a!important}
  .is-home .header:not(.scrolled) .mobile>a,
  body:has(.inner-cinematic) .header:not(.scrolled) .mobile>a{color:#fff!important;text-shadow:0 1px 10px rgba(0,0,0,.3)}
  .is-home .header:not(.scrolled) .mobile>a.active,
  body:has(.inner-cinematic) .header:not(.scrolled) .mobile>a.active{color:#fff!important;box-shadow:inset 0 -2px #e67e3a}
  .header.scrolled .mobile{border-top-color:#dce4ee!important;background:rgba(255,255,255,.96)!important}
  .arabic .header .mobile{direction:rtl!important;text-align:right!important}
  .arabic .header .mobile>a{font-size:10px!important}
}

@media(min-width:701px){.mobile-actions{display:none!important}}