/* UKGLTD 6.2.54 — definitive unified header/mobile/footer brand lockup.
   Loaded after all legacy visual styles so every public route/language uses one identity. */

:root{--ukg-brand-blue:#3157a6;--ukg-brand-text:#182746;--ukg-brand-muted:#68778b}

/* Desktop/tablet header brand — one structure in EN / AR / FR */
.site-header .header-inner > .brand.ukg-brand-dual,
.site-header a.brand.ukg-brand-dual{
  display:flex!important;
  align-items:center!important;
  flex-direction:row!important;
  gap:13px!important;
  width:auto!important;
  min-width:238px!important;
  max-width:300px!important;
  margin:0!important;
  padding:0!important;
  text-decoration:none!important;
  direction:ltr!important;
  flex:0 0 auto!important;
}
.site-header .brand.ukg-brand-dual > img{
  display:block!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  filter:none!important;
  opacity:1!important;
  flex:0 0 72px!important;
}
.site-header .brand.ukg-brand-dual .brand-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  max-width:195px!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  direction:ltr!important;
  line-height:1!important;
}
.site-header .brand.ukg-brand-dual .brand-primary{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--ukg-brand-text)!important;
  font-family:Instrument Sans,Arial,sans-serif!important;
  font-size:18px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
.site-header .brand.ukg-brand-dual .brand-secondary{
  display:block!important;
  margin:5px 0 0!important;
  padding:0!important;
  color:#53637a!important;
  font-family:Instrument Sans,Arial,sans-serif!important;
  font-size:11.5px!important;
  line-height:1.15!important;
  font-weight:650!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
html[dir="rtl"] .site-header .header-inner > .brand.ukg-brand-dual,
html[dir="rtl"] .site-header a.brand.ukg-brand-dual{
  direction:ltr!important;
  text-align:left!important;
}

/* Mobile drawer uses the exact same logo and text lockup */
.site-header .mobile-drawer-brand.ukg-brand-dual{
  display:flex!important;
  align-items:center!important;
  flex-direction:row!important;
  gap:11px!important;
  direction:ltr!important;
  min-width:0!important;
  max-width:260px!important;
  padding:0!important;
  margin:0!important;
}
.site-header .mobile-drawer-brand.ukg-brand-dual > img{
  display:block!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  filter:none!important;
  opacity:1!important;
  flex:0 0 64px!important;
}
.site-header .mobile-drawer-brand.ukg-brand-dual .brand-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:165px!important;
  direction:ltr!important;
  text-align:left!important;
  line-height:1!important;
}
.site-header .mobile-drawer-brand.ukg-brand-dual .brand-primary{
  display:block!important;
  margin:0!important;
  color:var(--ukg-brand-text)!important;
  font-size:17px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.site-header .mobile-drawer-brand.ukg-brand-dual .brand-secondary{
  display:block!important;
  margin-top:5px!important;
  color:#65758c!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:650!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Footer: same logo source, rendered pure white, English lockup only */
.site-footer .ukg-footer-brand-lockup{
  display:flex!important;
  align-items:center!important;
  flex-direction:row!important;
  gap:14px!important;
  direction:ltr!important;
  max-width:100%!important;
  min-width:0!important;
}
.site-footer .ukg-footer-brand-lockup > img{
  display:block!important;
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
  opacity:1!important;
  flex:0 0 78px!important;
}
.site-footer .ukg-footer-brand-lockup .brand-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  max-width:260px!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  direction:ltr!important;
  text-align:left!important;
}
.site-footer .ukg-footer-brand-lockup .brand-copy strong{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.site-footer .ukg-footer-brand-lockup .brand-copy span{
  display:block!important;
  margin-top:5px!important;
  color:#fff!important;
  opacity:.94!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:650!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Prevent legacy responsive rules from swapping/scaling the logo inconsistently */
@media (max-width:1180px){
  .site-header .header-inner > .brand.ukg-brand-dual,
  .site-header a.brand.ukg-brand-dual{min-width:218px!important;max-width:260px!important;gap:10px!important}
  .site-header .brand.ukg-brand-dual > img{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;min-height:64px!important;max-height:64px!important;flex-basis:64px!important}
  .site-header .brand.ukg-brand-dual .brand-primary{font-size:16px!important}
  .site-header .brand.ukg-brand-dual .brand-secondary{font-size:10.5px!important}
}
@media (max-width:760px){
  .site-header .header-inner > .brand.ukg-brand-dual,
  .site-header a.brand.ukg-brand-dual{min-width:0!important;max-width:210px!important;gap:8px!important}
  .site-header .brand.ukg-brand-dual > img{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;min-height:54px!important;max-height:54px!important;flex-basis:54px!important}
  .site-header .brand.ukg-brand-dual .brand-copy{max-width:145px!important}
  .site-header .brand.ukg-brand-dual .brand-primary{font-size:15px!important}
  .site-header .brand.ukg-brand-dual .brand-secondary{font-size:9.5px!important;margin-top:4px!important}
  .site-footer .ukg-footer-brand-lockup > img{width:70px!important;height:70px!important;min-width:70px!important;max-width:70px!important;min-height:70px!important;max-height:70px!important;flex-basis:70px!important}
}
@media (max-width:420px){
  .site-header .header-inner > .brand.ukg-brand-dual,
  .site-header a.brand.ukg-brand-dual{max-width:185px!important}
  .site-header .brand.ukg-brand-dual > img{width:49px!important;height:49px!important;min-width:49px!important;max-width:49px!important;min-height:49px!important;max-height:49px!important;flex-basis:49px!important}
  .site-header .brand.ukg-brand-dual .brand-copy{max-width:126px!important}
  .site-header .brand.ukg-brand-dual .brand-primary{font-size:14px!important}
  .site-header .brand.ukg-brand-dual .brand-secondary{font-size:8.7px!important}
}


/* v6.2.54 — language/search normalization on every public language and route */
/* Search trigger is intentionally removed from all public headers. */
.site-header .header-search-link,
.site-header [data-header-search],
.site-header .search-toggle,
.site-header .search-button,
.site-header .search-icon,
.site-header a[href*="search.php"],
.site-header a[href*="/search"],
.site-header button[aria-label="Search"],
.site-header button[aria-label="بحث"],
.site-header button[aria-label="Rechercher"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Language selector: code only. Same component in EN / AR / FR. */
body .site-header .header-actions .language-dropdown.ukg-language-control{
  position:relative!important;
  display:inline-block!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  margin:0!important;
  padding:0!important;
  direction:ltr!important;
  z-index:1600!important;
}
body .site-header .header-actions .language-dropdown.ukg-language-control > summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #dce4ee!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#182746!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  direction:ltr!important;
  text-align:center!important;
  font-family:Instrument Sans,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body .site-header .header-actions .language-dropdown.ukg-language-control > summary::-webkit-details-marker{display:none!important}
body .site-header .header-actions .language-dropdown.ukg-language-control > summary::marker{display:none!important;content:""!important}
body .site-header .header-actions .language-dropdown.ukg-language-control .ukg-lang-globe,
body .site-header .header-actions .language-dropdown.ukg-language-control .ukg-lang-chevron{display:none!important}
body .site-header .header-actions .language-dropdown.ukg-language-control .ukg-lang-code{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu{
  position:absolute!important;
  top:calc(100% + 7px)!important;
  right:0!important;
  left:auto!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  padding:5px!important;
  margin:0!important;
  border:1px solid #dce4ee!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(23,42,77,.15)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  direction:ltr!important;
  z-index:1700!important;
}
html[dir="rtl"] body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu{
  right:0!important;
  left:auto!important;
}
body .site-header .header-actions .language-dropdown.ukg-language-control:not([open]) .language-menu{display:none!important}
body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  border-radius:8px!important;
  color:#26374f!important;
  background:transparent!important;
  text-decoration:none!important;
  font-family:Instrument Sans,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu a:hover,
body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu a.active{
  background:#f1f5fb!important;
  color:#3157a6!important;
}
body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu a span,
body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu a small{display:none!important}

/* Explicitly lock the supplied logo and English lockup across all three language roots. */
html[lang="en"] .site-header .brand.ukg-brand-dual,
html[lang="fr"] .site-header .brand.ukg-brand-dual,
html[lang="ar"] .site-header .brand.ukg-brand-dual,
html[lang="en"] .site-header .mobile-drawer-brand.ukg-brand-dual,
html[lang="fr"] .site-header .mobile-drawer-brand.ukg-brand-dual,
html[lang="ar"] .site-header .mobile-drawer-brand.ukg-brand-dual{
  direction:ltr!important;
}
html[lang="en"] .site-header .brand.ukg-brand-dual .brand-copy,
html[lang="fr"] .site-header .brand.ukg-brand-dual .brand-copy,
html[lang="ar"] .site-header .brand.ukg-brand-dual .brand-copy,
html[lang="en"] .site-header .mobile-drawer-brand.ukg-brand-dual .brand-copy,
html[lang="fr"] .site-header .mobile-drawer-brand.ukg-brand-dual .brand-copy,
html[lang="ar"] .site-header .mobile-drawer-brand.ukg-brand-dual .brand-copy{
  direction:ltr!important;
  text-align:left!important;
}

@media (max-width:760px){
  body .site-header .header-actions .language-dropdown.ukg-language-control,
  body .site-header .header-actions .language-dropdown.ukg-language-control > summary{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
  }
  body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
  }
}
\n\n/* UKGLTD 6.2.58 STABLE UNIFIED — final public UI hardening. */
/* Keep desktop and mobile header heights predictable in all languages. */
.site-header .header-inner{display:flex!important;align-items:center!important;gap:18px!important;min-height:88px!important}
.site-header .site-nav{min-width:0!important;flex:1 1 auto!important}
.site-header .header-actions{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}

/* No header search trigger anywhere. Search fields inside content/catalog remain untouched. */
.site-header .header-search-link,.site-header .search-toggle,.site-header .search-button,.site-header .search-icon,
.site-header [data-header-search],.site-header a[href*="/search"],.site-header a[href*="search.php"],
.site-header button[aria-label="Search"],.site-header button[aria-label="بحث"],.site-header button[aria-label="Rechercher"]{display:none!important}

/* One brand lockup for EN / AR / FR, regardless of document direction. */
.site-header .brand.ukg-brand-dual,.site-header .mobile-drawer-brand.ukg-brand-dual{direction:ltr!important;text-align:left!important}
.site-header .brand.ukg-brand-dual .brand-primary,.site-header .mobile-drawer-brand.ukg-brand-dual .brand-primary{font-weight:800!important;letter-spacing:.025em!important}
.site-header .brand.ukg-brand-dual .brand-secondary,.site-header .mobile-drawer-brand.ukg-brand-dual .brand-secondary{font-weight:600!important}

/* Footer identity is always English and white on the dark footer. */
.site-footer .ukg-footer-brand-lockup,.site-footer .ukg-footer-brand-lockup *{direction:ltr!important;text-align:left!important}
.site-footer .ukg-footer-brand-lockup img{filter:grayscale(1) brightness(0) invert(1)!important}
.site-footer .ukg-footer-brand-lockup strong,.site-footer .ukg-footer-brand-lockup .brand-copy>span{color:#fff!important}

/* Codes-only vertical language dropdown. */
.site-header details.ukg-language-control .language-menu{display:none!important;flex-direction:column!important}
.site-header details.ukg-language-control[open] .language-menu{display:flex!important}
.site-header details.ukg-language-control .language-menu a{white-space:nowrap!important}

/* Public subheaders: consistent sizing and readable overlay on desktop/mobile. */
.page-hero,.public-page-hero,.knowledge-hero,.partner-page-hero,.ukg-news-hero,.journey-hero,.article-hero,.initiative-hero,.site-subheader-v622,
.about-hero-v616,.about-hero-v617,.about-hero-v618,.about619-hero,.cert-detail-hero{position:relative!important;overflow:hidden!important}
.page-hero>.wrap,.public-page-hero>.wrap,.knowledge-hero>.wrap,.partner-page-hero>.wrap,.ukg-news-hero>.wrap,.journey-hero>.wrap,.article-hero>.wrap,.initiative-hero>.wrap,.site-subheader-v622>.wrap,
.about-hero-v616>.wrap,.about-hero-v617>.wrap,.about-hero-v618>.wrap,.about619-hero>.wrap,.cert-detail-hero>.wrap{position:relative!important;z-index:1!important}

@media (max-width:1180px){
 .site-header .header-inner{gap:12px!important}
 .site-header .brand.ukg-brand-dual{min-width:205px!important;max-width:245px!important}
}
@media (max-width:860px){
 .site-header .header-inner{min-height:72px!important;gap:8px!important}
 .site-header .site-nav{display:none!important}
 .site-header .menu-toggle{display:inline-flex!important}
 .site-header .brand.ukg-brand-dual{max-width:205px!important;min-width:0!important}
 .site-header .brand.ukg-brand-dual>img{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;min-height:54px!important;max-height:54px!important;flex-basis:54px!important}
 .site-header .brand.ukg-brand-dual .brand-primary{font-size:15px!important}
 .site-header .brand.ukg-brand-dual .brand-secondary{font-size:9.5px!important}
 .site-header .header-portal{display:none!important}
 .page-hero,.public-page-hero,.knowledge-hero,.partner-page-hero,.ukg-news-hero,.journey-hero,.article-hero,.initiative-hero,.site-subheader-v622,
 .about-hero-v616,.about-hero-v617,.about-hero-v618,.about619-hero,.cert-detail-hero{min-height:150px!important;padding-top:34px!important;padding-bottom:34px!important;background-position:center!important}
}
@media (max-width:480px){
 .site-header .header-inner{min-height:66px!important;padding-left:14px!important;padding-right:14px!important}
 .site-header .brand.ukg-brand-dual{max-width:176px!important;gap:7px!important}
 .site-header .brand.ukg-brand-dual>img{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;flex-basis:48px!important}
 .site-header .brand.ukg-brand-dual .brand-copy{max-width:121px!important}
 .site-header .brand.ukg-brand-dual .brand-primary{font-size:13.5px!important}
 .site-header .brand.ukg-brand-dual .brand-secondary{font-size:8.4px!important;margin-top:3px!important}
 body .site-header .header-actions .language-dropdown.ukg-language-control,
 body .site-header .header-actions .language-dropdown.ukg-language-control>summary{width:46px!important;min-width:46px!important;max-width:46px!important;height:40px!important;min-height:40px!important}
 body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu{width:46px!important;min-width:46px!important;max-width:46px!important}
 .site-footer .ukg-footer-brand-lockup{align-items:center!important;gap:11px!important}
 .site-footer .ukg-footer-brand-lockup>img{width:62px!important;height:62px!important;min-width:62px!important;max-width:62px!important;min-height:62px!important;max-height:62px!important;flex-basis:62px!important}
 .site-footer .ukg-footer-brand-lockup .brand-copy strong{font-size:16px!important}
 .site-footer .ukg-footer-brand-lockup .brand-copy span{font-size:10.5px!important}
}

/* UKGLTD 6.2.59 — mobile header, candidate access, footer density, About subheader. */
@media (max-width:860px){
  .site-header .header-top{display:none!important}
  .site-header .header-inner{
    width:100%!important;
    min-height:78px!important;
    padding:10px 14px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .site-header .brand.ukg-brand-dual{
    display:flex!important;
    align-items:center!important;
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:220px!important;
    gap:9px!important;
    margin:0!important;
  }
  .site-header .brand.ukg-brand-dual>img{
    width:60px!important;height:60px!important;min-width:60px!important;max-width:60px!important;
    min-height:60px!important;max-height:60px!important;flex-basis:60px!important;
  }
  .site-header .brand.ukg-brand-dual .brand-copy{max-width:145px!important}
  .site-header .brand.ukg-brand-dual .brand-primary{font-size:16px!important;line-height:1!important;margin:0 0 4px!important}
  .site-header .brand.ukg-brand-dual .brand-secondary{font-size:9.5px!important;line-height:1.12!important;margin:0!important}

  html[lang="en"] .site-header .brand.ukg-brand-dual,
  html[lang="fr"] .site-header .brand.ukg-brand-dual{order:1!important;margin-right:auto!important;margin-left:0!important}
  html[lang="en"] .site-header .header-actions,
  html[lang="fr"] .site-header .header-actions{order:2!important;margin-left:auto!important;margin-right:0!important}
  html[lang="ar"] .site-header .header-inner{direction:rtl!important}
  html[lang="ar"] .site-header .brand.ukg-brand-dual{order:1!important;margin-right:0!important;margin-left:auto!important}
  html[lang="ar"] .site-header .header-actions{order:2!important;margin-right:auto!important;margin-left:0!important;direction:ltr!important}

  .site-header .header-actions{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:7px!important;flex:0 0 auto!important;min-width:max-content!important;
  }
  .site-header .header-portal{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;
    padding:0!important;margin:0!important;border:1px solid #d7e0ec!important;border-radius:13px!important;
    background:#fff!important;color:#17315b!important;box-shadow:none!important;
  }
  .site-header .header-portal .portal-label{display:none!important}
  .site-header .header-portal .portal-user-icon{display:flex!important;width:22px!important;height:22px!important}
  .site-header .header-portal .portal-user-icon svg{display:block!important;width:22px!important;height:22px!important;fill:currentColor!important}

  body .site-header .header-actions .language-dropdown.ukg-language-control,
  body .site-header .header-actions .language-dropdown.ukg-language-control>summary{
    width:52px!important;min-width:52px!important;max-width:52px!important;height:44px!important;min-height:44px!important;
  }
  body .site-header .header-actions .language-dropdown.ukg-language-control>summary{
    gap:5px!important;border-radius:13px!important;border:1px solid #d7e0ec!important;background:#fff!important;
    color:#17315b!important;font-size:13px!important;letter-spacing:.055em!important;
  }
  .ukg-lang-mini-chevron{display:block!important;width:7px!important;height:7px!important;border-right:1.7px solid currentColor!important;border-bottom:1.7px solid currentColor!important;transform:rotate(45deg) translateY(-2px)!important;opacity:.8!important}
  body .site-header details.ukg-language-control[open] .ukg-lang-mini-chevron{transform:rotate(225deg) translate(-1px,-1px)!important}
  body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu{
    top:calc(100% + 7px)!important;width:58px!important;min-width:58px!important;max-width:58px!important;
  }

  .site-header .menu-toggle{
    display:inline-flex!important;position:relative!important;align-items:center!important;justify-content:center!important;
    flex-direction:column!important;gap:5px!important;width:48px!important;height:44px!important;min-width:48px!important;
    padding:0!important;margin:0!important;border:0!important;border-radius:13px!important;background:#123a73!important;
    color:#fff!important;box-shadow:0 7px 20px rgba(18,58,115,.16)!important;
  }
  .site-header .menu-toggle span{
    display:block!important;width:22px!important;height:2.5px!important;min-height:2.5px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:99px!important;background:#fff!important;
    transform:none!important;opacity:1!important;
  }

  /* Dense, readable mobile footer: fewer vertical gaps and two useful columns. */
  .site-footer .footer-top{padding-top:34px!important;padding-bottom:26px!important}
  .site-footer .footer-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:26px 18px!important;align-items:start!important;
  }
  .site-footer .footer-brand{grid-column:1/-1!important;margin:0!important;padding:0!important}
  .site-footer .footer-brand>p{margin:10px 0 0!important;line-height:1.55!important;font-size:13px!important}
  .site-footer .footer-hq{margin-top:7px!important}
  .site-footer .footer-contact-mini{gap:4px!important;margin-top:12px!important}
  .site-footer .footer-contact-mini a,.site-footer .footer-contact-mini span{min-height:30px!important;line-height:1.35!important;font-size:13px!important}
  .site-footer .footer-col{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important;margin:0!important}
  .site-footer .footer-title{margin:0 0 7px!important;font-size:14px!important;line-height:1.3!important}
  .site-footer .footer-col a,.site-footer .footer-col button{
    min-height:32px!important;height:auto!important;padding:4px 0!important;margin:0!important;
    font-size:12.7px!important;line-height:1.28!important;align-items:flex-start!important;
  }
  .site-footer .footer-bottom{padding-top:18px!important;padding-bottom:18px!important;gap:7px!important;line-height:1.45!important;font-size:11.5px!important}
}
@media (max-width:480px){
  .site-header .header-inner{padding:9px 12px!important;gap:7px!important}
  .site-header .brand.ukg-brand-dual{max-width:186px!important;gap:7px!important}
  .site-header .brand.ukg-brand-dual>img{width:53px!important;height:53px!important;min-width:53px!important;max-width:53px!important;min-height:53px!important;max-height:53px!important;flex-basis:53px!important}
  .site-header .brand.ukg-brand-dual .brand-copy{max-width:122px!important}
  .site-header .brand.ukg-brand-dual .brand-primary{font-size:14px!important}
  .site-header .brand.ukg-brand-dual .brand-secondary{font-size:8.4px!important}
  .site-header .menu-toggle{width:44px!important;min-width:44px!important;height:42px!important}
  .site-header .header-portal{width:42px!important;min-width:42px!important;height:42px!important}
  body .site-header .header-actions .language-dropdown.ukg-language-control,
  body .site-header .header-actions .language-dropdown.ukg-language-control>summary{width:48px!important;min-width:48px!important;max-width:48px!important;height:42px!important;min-height:42px!important}
  .site-footer .footer-grid{gap:22px 14px!important}
  .site-footer .footer-col a,.site-footer .footer-col button{font-size:12.2px!important;min-height:31px!important}
}
@media (max-width:370px){
  .site-header .brand.ukg-brand-dual .brand-secondary{display:none!important}
  .site-header .brand.ukg-brand-dual{max-width:130px!important}
  .site-footer .footer-grid{grid-template-columns:1fr!important}
  .site-footer .footer-brand{grid-column:auto!important}
}

/* About page gets the same public subheader as the rest of the site. */
.about-page-subheader-v659{margin:0!important}
.about-page-shell-v621 .about619-hero{display:none!important}
.about-page-shell-v621{padding-top:34px!important}
@media(max-width:680px){.about-page-shell-v621{padding-top:20px!important}.about-page-subheader-v659{min-height:0!important}}
/* Desktop keeps the existing portal label; compact user icon is mobile-only. */
.site-header .header-portal .portal-user-icon{display:none}
@media(max-width:860px){.site-header .header-portal .portal-user-icon{display:flex!important}}

/* UKGLTD 6.2.60 — Arabic mobile header parity with EN/FR. */
@media (max-width:860px){
  html[lang="ar"] .site-header .header-inner,
  html[dir="rtl"] .site-header .header-inner{
    direction:ltr!important;
    flex-direction:row-reverse!important;
    justify-content:space-between!important;
    align-items:center!important;
  }
  html[lang="ar"] .site-header .brand.ukg-brand-dual,
  html[dir="rtl"] .site-header .brand.ukg-brand-dual{
    order:1!important;
    margin-left:0!important;
    margin-right:0!important;
    direction:ltr!important;
    text-align:left!important;
    flex:0 1 auto!important;
  }
  html[lang="ar"] .site-header .header-actions,
  html[dir="rtl"] .site-header .header-actions{
    order:2!important;
    margin:0!important;
    direction:ltr!important;
    flex-direction:row-reverse!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:7px!important;
  }
  html[lang="ar"] .site-header .header-actions .language-dropdown.ukg-language-control,
  html[dir="rtl"] .site-header .header-actions .language-dropdown.ukg-language-control{order:1!important}
  html[lang="ar"] .site-header .header-actions .header-portal,
  html[dir="rtl"] .site-header .header-actions .header-portal{order:2!important}
  html[lang="ar"] .site-header .header-actions .menu-toggle,
  html[dir="rtl"] .site-header .header-actions .menu-toggle{order:3!important}

  /* Keep all three controls identical to the EN/FR mobile header. */
  html[lang="ar"] .site-header .header-portal,
  html[dir="rtl"] .site-header .header-portal{
    display:inline-flex!important;
    width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;
    border:1px solid #d7e0ec!important;border-radius:13px!important;background:#fff!important;color:#17315b!important;
  }
  html[lang="ar"] .site-header .header-portal .portal-label,
  html[dir="rtl"] .site-header .header-portal .portal-label{display:none!important}
  html[lang="ar"] .site-header .header-portal .portal-user-icon,
  html[dir="rtl"] .site-header .header-portal .portal-user-icon{display:flex!important}

  html[lang="ar"] body .site-header .header-actions .language-dropdown.ukg-language-control,
  html[lang="ar"] body .site-header .header-actions .language-dropdown.ukg-language-control>summary,
  html[dir="rtl"] body .site-header .header-actions .language-dropdown.ukg-language-control,
  html[dir="rtl"] body .site-header .header-actions .language-dropdown.ukg-language-control>summary{
    width:52px!important;min-width:52px!important;max-width:52px!important;height:44px!important;min-height:44px!important;
  }
  html[lang="ar"] body .site-header .header-actions .language-dropdown.ukg-language-control>summary,
  html[dir="rtl"] body .site-header .header-actions .language-dropdown.ukg-language-control>summary{
    border:1px solid #d7e0ec!important;border-radius:13px!important;background:#fff!important;color:#17315b!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    padding:0!important;font-size:13px!important;font-weight:800!important;letter-spacing:.055em!important;
  }
  html[lang="ar"] body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu,
  html[dir="rtl"] body .site-header .header-actions .language-dropdown.ukg-language-control .language-menu{
    inset-inline-start:0!important;inset-inline-end:auto!important;left:0!important;right:auto!important;
    width:58px!important;min-width:58px!important;max-width:58px!important;
  }

  html[lang="ar"] .site-header .menu-toggle,
  html[dir="rtl"] .site-header .menu-toggle{
    display:inline-flex!important;width:48px!important;height:44px!important;min-width:48px!important;
    border-radius:13px!important;background:#123a73!important;color:#fff!important;
  }
}
@media (max-width:480px){
  html[lang="ar"] .site-header .brand.ukg-brand-dual,
  html[dir="rtl"] .site-header .brand.ukg-brand-dual{max-width:186px!important}
  html[lang="ar"] .site-header .menu-toggle,
  html[dir="rtl"] .site-header .menu-toggle{width:44px!important;min-width:44px!important;height:42px!important}
  html[lang="ar"] .site-header .header-portal,
  html[dir="rtl"] .site-header .header-portal{width:42px!important;min-width:42px!important;height:42px!important}
  html[lang="ar"] body .site-header .header-actions .language-dropdown.ukg-language-control,
  html[lang="ar"] body .site-header .header-actions .language-dropdown.ukg-language-control>summary,
  html[dir="rtl"] body .site-header .header-actions .language-dropdown.ukg-language-control,
  html[dir="rtl"] body .site-header .header-actions .language-dropdown.ukg-language-control>summary{
    width:48px!important;min-width:48px!important;max-width:48px!important;height:42px!important;min-height:42px!important;
  }
}


/* UKGLTD 6.2.61 — one physical header layout for EN / AR / FR.
   Arabic keeps RTL page content, but the site header uses the same left-to-right
   brand/nav/actions placement as English on desktop and mobile. */
.site-header .header-inner{direction:ltr!important}
.site-header .brand.ukg-brand-dual{direction:ltr!important;text-align:left!important}
.site-header .main-nav{direction:ltr!important}
.site-header .header-actions{direction:ltr!important}
html[lang="ar"] .site-header .header-inner,
html[dir="rtl"] .site-header .header-inner{direction:ltr!important;flex-direction:row!important}
html[lang="ar"] .site-header .brand.ukg-brand-dual,
html[dir="rtl"] .site-header .brand.ukg-brand-dual{order:1!important;margin-left:0!important;margin-right:0!important;direction:ltr!important;text-align:left!important}
html[lang="ar"] .site-header .main-nav,
html[dir="rtl"] .site-header .main-nav{order:2!important;direction:ltr!important;text-align:left!important}
html[lang="ar"] .site-header .header-actions,
html[dir="rtl"] .site-header .header-actions{order:3!important;margin-left:auto!important;margin-right:0!important;direction:ltr!important;flex-direction:row!important;justify-content:flex-end!important}
html[lang="ar"] .site-header .header-actions .language-dropdown.ukg-language-control,
html[dir="rtl"] .site-header .header-actions .language-dropdown.ukg-language-control{order:1!important}
html[lang="ar"] .site-header .header-actions .header-portal,
html[dir="rtl"] .site-header .header-actions .header-portal{order:2!important}
html[lang="ar"] .site-header .header-actions .menu-toggle,
html[dir="rtl"] .site-header .header-actions .menu-toggle{order:3!important}

@media (max-width:860px){
  html[lang="ar"] .site-header .header-inner,
  html[dir="rtl"] .site-header .header-inner{
    direction:ltr!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
  }
  html[lang="ar"] .site-header .brand.ukg-brand-dual,
  html[dir="rtl"] .site-header .brand.ukg-brand-dual{
    order:1!important;
    margin-left:0!important;
    margin-right:auto!important;
    direction:ltr!important;
    text-align:left!important;
  }
  html[lang="ar"] .site-header .header-actions,
  html[dir="rtl"] .site-header .header-actions{
    order:2!important;
    margin-left:auto!important;
    margin-right:0!important;
    direction:ltr!important;
    flex-direction:row!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:7px!important;
  }
  html[lang="ar"] .site-header .header-actions .language-dropdown.ukg-language-control,
  html[dir="rtl"] .site-header .header-actions .language-dropdown.ukg-language-control{order:1!important}
  html[lang="ar"] .site-header .header-actions .header-portal,
  html[dir="rtl"] .site-header .header-actions .header-portal{order:2!important}
  html[lang="ar"] .site-header .header-actions .menu-toggle,
  html[dir="rtl"] .site-header .header-actions .menu-toggle{order:3!important}

  /* Mobile drawer itself remains readable RTL in Arabic while using the same shell. */
  html[lang="ar"] .site-header .main-nav,
  html[dir="rtl"] .site-header .main-nav{direction:rtl!important;text-align:right!important}
  html[lang="ar"] .site-header .mobile-nav-head,
  html[dir="rtl"] .site-header .mobile-nav-head{direction:ltr!important}
  html[lang="ar"] .site-header .mobile-drawer-brand,
  html[dir="rtl"] .site-header .mobile-drawer-brand{direction:ltr!important;text-align:left!important}
}


/* UKGLTD 6.2.62 — semantic heading fixes (visual output unchanged). */
.initiative-hero h1.initiative-hero-title{font-size:clamp(34px,5vw,56px);line-height:1.08;margin:16px 0;color:var(--primary,#182746);letter-spacing:-.03em}
.about619-hero .about619-hero-title{font-size:clamp(28px,4vw,44px);line-height:1.1;font-weight:800;margin:10px 0 0}

/* v6.3.9 — exact user-supplied footer mark on desktop and mobile */
.site-footer .ukg-footer-brand-lockup > img.ukg-footer-logo-new,
.site-footer .footer-brand .ukg-footer-logo-new{
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
  object-fit:contain!important;
  background:transparent!important;
}
@media (max-width:760px){
  .site-footer .ukg-footer-brand-lockup > img.ukg-footer-logo-new,
  .site-footer .footer-brand .ukg-footer-logo-new{
    filter:none!important;
    -webkit-filter:none!important;
    object-fit:contain!important;
  }
}

/* ===== UKGLTD v6.4.2 — final Arabic header RTL override ===== */
/* This stylesheet loads after app.css, so the final placement rules live here. */
@media (min-width:1281px){
  html[lang="ar"] .site-header .header-inner{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:18px!important;
    direction:ltr!important;
  }
  html[lang="ar"] .site-header .header-inner>.brand{
    grid-column:3!important;grid-row:1!important;justify-self:end!important;margin:0!important;
    direction:ltr!important;text-align:left!important;
  }
  html[lang="ar"] .site-header .header-inner>.main-nav{
    grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;
    display:flex!important;flex-direction:row!important;direction:rtl!important;
    justify-content:flex-start!important;align-items:center!important;text-align:right!important;gap:2px!important;
  }
  html[lang="ar"] .site-header .header-inner>.header-actions{
    grid-column:1!important;grid-row:1!important;justify-self:start!important;margin:0!important;direction:ltr!important;
  }
  html[lang="ar"] .site-header .main-nav>a,
  html[lang="ar"] .site-header .nav-parent-row>a{direction:rtl!important;text-align:right!important;justify-content:flex-start!important}
  html[lang="ar"] .site-header .nav-item,
  html[lang="ar"] .site-header .nav-parent-row,
  html[lang="ar"] .site-header .mega-menu,
  html[lang="ar"] .site-header .mega-menu a,
  html[lang="ar"] .site-header .mega-menu strong,
  html[lang="ar"] .site-header .mega-menu small{direction:rtl!important;text-align:right!important}
  html[lang="ar"] .site-header .mega-menu{left:auto!important;right:50%!important;transform:translate(50%,12px)!important}
  html[lang="ar"] .site-header .nav-item:hover .mega-menu,
  html[lang="ar"] .site-header .nav-item:focus-within .mega-menu{transform:translate(50%,0)!important}
}
@media (max-width:1280px){
  html[lang="ar"] .site-header .header-inner{
    display:flex!important;flex-direction:row!important;direction:ltr!important;align-items:center!important;
    justify-content:space-between!important;gap:12px!important;
  }
  html[lang="ar"] .site-header .header-inner>.header-actions{order:1!important;margin:0!important;direction:ltr!important;flex:0 0 auto!important}
  html[lang="ar"] .site-header .header-inner>.brand{order:2!important;margin-left:auto!important;margin-right:0!important;direction:ltr!important;text-align:left!important;flex:0 1 auto!important}
  html[lang="ar"] .site-header .main-nav{left:auto!important;right:0!important;transform:translateX(100%)!important;direction:rtl!important;text-align:right!important}
  html[lang="ar"] .site-header .main-nav.open{transform:translateX(0)!important}
  html[lang="ar"] .site-header .mobile-nav-head{direction:rtl!important}
  html[lang="ar"] .site-header .mobile-drawer-brand{margin-right:0!important;margin-left:auto!important;direction:ltr!important;text-align:left!important}
  html[lang="ar"] .site-header .mobile-nav-close{left:0!important;right:auto!important}
  html[lang="ar"] .site-header .main-nav>a,
  html[lang="ar"] .site-header .nav-parent-row>a,
  html[lang="ar"] .site-header .mobile-nav-actions,
  html[lang="ar"] .site-header .mega-menu,
  html[lang="ar"] .site-header .mega-menu a,
  html[lang="ar"] .site-header .mega-menu strong,
  html[lang="ar"] .site-header .mega-menu small{direction:rtl!important;text-align:right!important}
  html[lang="ar"] .site-header .main-nav>a,
  html[lang="ar"] .site-header .nav-parent-row>a{justify-content:flex-start!important}
  html[lang="ar"] .site-header .nav-parent-row{direction:rtl!important;display:flex!important}
  html[lang="ar"] .site-header .nav-parent-row>a{order:1!important;flex:1 1 auto!important}
  html[lang="ar"] .site-header .submenu-toggle{order:2!important;flex:0 0 52px!important;border-left:1px solid #edf1f5!important;border-right:0!important}
}

/* v6.4.7 — keep the approved UKGLTD shield artwork unchanged in every public footer */
.site-footer .ukg-footer-brand-lockup > img.ukg-footer-logo-new,
.site-footer .footer-brand img.ukg-footer-logo-new{
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  flex:0 0 82px!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
  object-fit:contain!important;
  background:transparent!important;
}
@media(max-width:760px){
  .site-footer .ukg-footer-brand-lockup > img.ukg-footer-logo-new,
  .site-footer .footer-brand img.ukg-footer-logo-new{
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    max-width:66px!important;
    min-height:66px!important;
    max-height:66px!important;
    flex-basis:66px!important;
  }
}