@import url('/assets/alahad-saudi-typography-lock.css?v=20260612e-nav-heading-reduce');
@import url('/assets/alahad-saudi-bilingual-heading-lock.css?v=20260612-hero-aggressive-v2');
:root{--blue:#0F3D6F;--yellow:#FDE428;--white:#FFFFFF;--accent:#FDE428}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--blue);background:#fff;line-height:1.6}a{color:inherit}h1,h2,h3,p,a,span,strong{overflow-wrap:anywhere}.site-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(16px,4vw,42px);border-bottom:2px solid var(--blue);background:#fff;min-width:0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;min-width:0}.brand img{width:58px;height:58px;object-fit:contain;flex:0 0 auto}nav{display:flex;gap:8px;flex-wrap:wrap;min-width:0}nav a{font-weight:800;text-decoration:none;padding:8px 10px;border-radius:6px}nav a:hover{background:var(--yellow);color:var(--blue)}main{width:min(1180px,calc(100% - 28px));margin:22px auto 44px}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:stretch;padding:clamp(28px,5vw,62px);background:var(--blue);color:#fff;border-radius:0;min-width:0}.hero>*{min-width:0}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.02;margin:0 0 12px;color:#fff}.kicker{display:inline-flex;background:var(--yellow);color:var(--blue);font-weight:900;padding:7px 11px;border-radius:6px;margin-bottom:14px;max-width:100%}.arabic{font-size:clamp(1.25rem,3vw,2rem);font-weight:900;color:var(--yellow);margin:8px 0}.panel{border:1px solid rgba(255,255,255,.7);padding:22px;border-radius:8px;display:flex;flex-direction:column;justify-content:end;min-width:0}.section{margin-top:22px;padding:clamp(20px,3vw,34px);border:2px solid var(--blue);border-radius:8px;background:#fff;min-width:0}.section h2{margin:0 0 16px;font-size:clamp(1.45rem,3vw,2.3rem);line-height:1.1}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:2px solid var(--blue);border-radius:8px;padding:17px;background:#fff;min-width:0}.card h3{margin:0 0 8px;font-size:1.05rem}.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.process .card span{display:inline-flex;background:var(--yellow);color:var(--blue);font-weight:900;padding:4px 8px;border-radius:5px;margin-bottom:8px}.pillbox{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.pillbox a{border:2px solid var(--blue);padding:8px 11px;border-radius:999px;text-decoration:none;font-weight:800;max-width:100%}.final,.footer{background:var(--blue);color:#fff;border-color:var(--blue)}.final h2,.footer h2{color:#fff}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;min-width:0}.btn{min-height:44px;padding:10px 14px;border-radius:6px;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;max-width:100%}.primary{background:var(--yellow);color:var(--blue)}.secondary{border:2px solid var(--yellow);color:#fff}.float{position:fixed;right:14px;bottom:14px;z-index:10;display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.float a{background:var(--blue);color:#fff;border:2px solid var(--yellow);border-radius:999px;padding:9px 12px;text-decoration:none;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.18)}footer{background:var(--blue);color:#fff;padding:34px clamp(16px,4vw,44px) 92px}footer .inner{width:min(1280px,100%);margin:0 auto;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:24px}footer h2{font-size:1.05rem;color:var(--yellow);margin:0 0 10px}footer a{display:block;color:#fff;text-decoration:none;font-weight:750;margin:6px 0}footer a:hover{color:var(--yellow)}.bottom{width:min(1280px,100%);margin:24px auto 0;border-top:1px solid rgba(255,255,255,.35);padding-top:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:900px){.site-head{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.grid,.process,footer .inner{grid-template-columns:1fr}.float{left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:var(--blue);padding:8px}.float a{border-radius:6px;text-align:center;justify-content:center;font-size:.86rem}main{margin-bottom:70px}}

/* AG HEADER CONTACTS 20260612 START */
.site-head{align-items:center;flex-wrap:wrap}
.site-head nav{flex:1 1 420px}
.head-contacts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-left:auto}
.head-contact-email{font-size:clamp(1rem,1.9vw,1.12rem);font-weight:800;text-decoration:none;color:var(--blue)}
.head-contact-email:hover{text-decoration:underline;background:none!important;color:var(--blue)!important}
.head-contact-whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:16px 28px;border-radius:10px;background:#1d4e89;color:#fff!important;font-size:clamp(1rem,1.9vw,1.12rem);font-weight:900;text-decoration:none;box-shadow:0 10px 24px rgba(15,61,111,.18)}
.head-contact-whatsapp:hover{background:#153e6f;color:#fff!important}
@media(max-width:900px){.head-contacts{width:100%;justify-content:flex-start}.head-contact-whatsapp{width:100%;max-width:340px}}
@media(max-width:640px){.head-contact-email{font-size:1rem}.head-contact-whatsapp{width:100%;max-width:none;padding:15px 22px}}
/* AG HEADER CONTACTS 20260612 END */

/* Codex contact button lock 2026-06-12 */
.head-contacts,
.head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:16px!important;
  flex:0 0 auto!important;
  min-width:0!important;
  margin-left:auto!important;
}
.head-contacts a,
.head-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:60px!important;
  padding:0 28px!important;
  border-radius:10px!important;
  text-decoration:none!important;
  font-size:clamp(1rem,1.2vw,1.15rem)!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.head-contact-email,
.head-actions a[href^="mailto:"]{
  color:#0F3D6F!important;
  background:transparent!important;
  border:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-shadow:none!important;
}
.head-contact-email:hover,
.head-contact-email:focus-visible,
.head-actions a[href^="mailto:"]:hover,
.head-actions a[href^="mailto:"]:focus-visible{
  color:#0A2E57!important;
  text-decoration:underline!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:4px!important;
  transform:none!important;
}
.head-contact-whatsapp,
.head-actions a[href*="wa.me"]{
  color:#FFFFFF!important;
  background:#184A84!important;
  border:1px solid #184A84!important;
  box-shadow:0 12px 28px rgba(24,74,132,.18)!important;
}
.head-contact-whatsapp:hover,
.head-contact-whatsapp:focus-visible,
.head-actions a[href*="wa.me"]:hover,
.head-actions a[href*="wa.me"]:focus-visible{
  background:#123B6D!important;
  border-color:#123B6D!important;
  color:#FFFFFF!important;
  transform:translateY(-1px)!important;
}
@media (max-width:1200px){
  .head-contacts,
  .head-actions{
    gap:12px!important;
  }
  .head-contacts a,
  .head-actions a{
    min-height:54px!important;
    padding:0 22px!important;
    font-size:1rem!important;
  }
}
@media (max-width:980px){
  .site-head{
    row-gap:12px!important;
  }
  .head-contacts,
  .head-actions{
    width:100%!important;
    justify-content:flex-start!important;
    margin-left:0!important;
  }
}
@media (max-width:640px){
  .head-contacts,
  .head-actions{
    flex-wrap:wrap!important;
  }
  .head-contact-whatsapp,
  .head-actions a[href*="wa.me"]{
    width:100%!important;
    justify-content:center!important;
  }
}

/* alahad-footer-colors:start */
footer,.footer{background:#0F3D6F!important;color:#FFFFFF!important;border-color:#0F3D6F!important}footer h2,footer strong,.footer h2{color:#FDE428!important}footer a{color:#FFFFFF!important}footer a:hover,footer a:focus{color:#FDE428!important}footer .bottom{border-top:1px solid rgba(255,255,255,.35)!important}.final{background:#0F3D6F!important;color:#FFFFFF!important;border-color:#0F3D6F!important}.final h2{color:#FFFFFF!important}
/* alahad-footer-colors:end */
/* AAG_IMAGE_ASSET_SEO_LOCK:start */
.hero,.ag-hero-panel{position:relative;overflow:hidden;isolation:isolate}
.hero>*,.ag-hero-panel>*{position:relative;z-index:1}
.aag-hero-picture{position:absolute;inset:0;z-index:0;display:block}
.aag-hero-picture::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,61,111,.86) 0%,rgba(15,61,111,.72) 42%,rgba(15,61,111,.54) 100%)}
.aag-hero-picture img,.aag-hero-picture source{display:block}
.aag-hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero{background:#0F3D6F!important}
.ag-hero-panel{background:#0F3D6F!important}
@media(max-width:900px){.aag-hero-picture img{object-position:center top}}
/* AAG_IMAGE_ASSET_SEO_LOCK:end */

/* ag-blue-button-white-text-20260612: blue buttons must keep white readable text */
a.btn.primary,
button.btn.primary,
.btn.primary,
a.button.primary,
button.button.primary,
a[class*="btn"][class*="primary"],
button[class*="btn"][class*="primary"],
a[class*="button"][class*="primary"],
button[class*="button"][class*="primary"],
.ag-footer-btn-primary,
.ag-floating-call,
a[style*="background:#0f3d6f"],
button[style*="background:#0f3d6f"],
a[style*="background: #0f3d6f"],
button[style*="background: #0f3d6f"],
a[style*="background-color:#0f3d6f"],
button[style*="background-color:#0f3d6f"],
a[style*="background-color: #0f3d6f"],
button[style*="background-color: #0f3d6f"],
a[style*="background:#2563eb"],
button[style*="background:#2563eb"],
a[style*="background: #2563eb"],
button[style*="background: #2563eb"],
a[style*="background-color:#2563eb"],
button[style*="background-color:#2563eb"],
a[style*="background-color: #2563eb"],
button[style*="background-color: #2563eb"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

a.btn.primary *,
button.btn.primary *,
.btn.primary *,
a.button.primary *,
button.button.primary *,
a[class*="btn"][class*="primary"] *,
button[class*="btn"][class*="primary"] *,
a[class*="button"][class*="primary"] *,
button[class*="button"][class*="primary"] *,
.ag-footer-btn-primary *,
.ag-floating-call * {
  color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* ag-blog-image-fit-frame-20260612: keep approved blog images fully visible inside the website frame */
.ag-approved-image-block {
  width: 100%;
  max-width: 1120px;
  margin: 28px auto;
  padding: 0 18px;
  box-sizing: border-box;
}

.ag-approved-image-block figure {
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #f8fafc;
  box-sizing: border-box;
}

.ag-approved-image-block .ag-approved-image-frame {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
}

.ag-approved-image-block img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain !important;
  object-position: center center;
  background: #f8fafc;
}

.ag-approved-image-block figcaption {
  padding: 10px 14px;
  text-align: center;
  line-height: 1.45;
}

main img,
article img,
.entry-content img,
.post-content img,
.blog-content img {
  max-width: 100%;
}

/* ag-blog-image-fit-to-borders-20260612: approved images fill the bordered frame edge-to-edge */
.ag-approved-image-block figure {
  overflow: hidden !important;
  background: #f8fafc;
}

.ag-approved-image-block .ag-approved-image-frame {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden !important;
  background: #f8fafc;
}

.ag-approved-image-block .ag-approved-image-frame img,
.ag-approved-image-block figure > img,
.ag-approved-image-block img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* ag-normal-nav-hero-size-20260612: keep navigation items and hero headings at normal readable default sizes */
.site-head nav a,
.recruiters-menu-head nav a,
header nav a,
.head-contacts a,
.nav a,
.navbar a,
.menu a {
  font-size: 15px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: none;
}

.hero h1,
.hero-title,
.page-hero h1,
.service-hero h1,
.blog-hero h1,
.post-hero h1,
.entry-hero h1,
main > section:first-of-type h1,
.section:first-of-type h1 {
  font-size: clamp(32px, 4vw, 46px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  max-width: 980px;
}

@media (max-width: 760px) {
  .site-head nav a,
  .recruiters-menu-head nav a,
  header nav a,
  .head-contacts a,
  .nav a,
  .navbar a,
  .menu a {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .hero h1,
  .hero-title,
  .page-hero h1,
  .service-hero h1,
  .blog-hero h1,
  .post-hero h1,
  .entry-hero h1,
  main > section:first-of-type h1,
  .section:first-of-type h1 {
    font-size: 30px !important;
    line-height: 1.14 !important;
  }
}

/* ag-normal-nav-hero-size-v2-20260612: final normal-size lock for long navigation labels and hero headings */
.site-head nav a,
.site-head.recruiters-menu-head nav a,
.recruiters-menu-head nav a,
header nav a,
.ag-locked-link,
.ag-locked-dropdown a,
.head-contacts a,
.head-actions a,
.nav a,
.navbar a,
.menu a {
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.hero h1,
.hero .hero-title,
.page-hero h1,
.service-hero h1,
.blog-hero h1,
.post-hero h1,
.entry-hero h1,
.ag-hero-panel h1,
main > section:first-of-type h1,
.section:first-of-type h1 {
  font-size: clamp(28px, 2.4vw, 34px) !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  max-width: 980px !important;
}

.hero .arabic,
.ag-hero-panel .arabic,
.hero [lang="ar"],
.ag-hero-panel [lang="ar"] {
  font-size: clamp(20px, 1.8vw, 25px) !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 760px) {
  .site-head nav a,
  .site-head.recruiters-menu-head nav a,
  .recruiters-menu-head nav a,
  header nav a,
  .ag-locked-link,
  .ag-locked-dropdown a,
  .head-contacts a,
  .head-actions a,
  .nav a,
  .navbar a,
  .menu a {
    font-size: 13.5px !important;
    line-height: 1.35 !important;
  }

  .hero h1,
  .hero .hero-title,
  .page-hero h1,
  .service-hero h1,
  .blog-hero h1,
  .post-hero h1,
  .entry-hero h1,
  .ag-hero-panel h1,
  main > section:first-of-type h1,
  .section:first-of-type h1 {
    font-size: 26px !important;
    line-height: 1.18 !important;
  }

  .hero .arabic,
  .ag-hero-panel .arabic,
  .hero [lang="ar"],
  .ag-hero-panel [lang="ar"] {
    font-size: 20px !important;
    line-height: 1.45 !important;
  }
}

/* AG_MOBILE_HEADER_FIX_20260613:start */
@media (max-width: 920px) {
  .site-head,
  .site-head.recruiters-menu-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px 12px !important;
    padding: 10px 12px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
  }

  .site-head .brand {
    grid-column: 1 / 2 !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  .site-head .brand img {
    width: 42px !important;
    height: 42px !important;
  }

  .site-head .brand span {
    display: block !important;
    font-size: clamp(.9rem, 3.6vw, 1rem) !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .site-head nav {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .site-head nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    width: 100% !important;
    padding: 9px 10px !important;
    text-align: center !important;
    border: 1px solid rgba(15, 61, 111, .14) !important;
    background: #f7faff !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  .site-head .head-contacts {
    grid-column: 2 / 3 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .site-head .head-contact-whatsapp {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    background: #0F3D6F !important;
    color: #fff !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: normal !important;
    box-shadow: none !important;
  }
}

@media (max-width: 560px) {
  .site-head,
  .site-head.recruiters-menu-head {
    grid-template-columns: 1fr !important;
  }

  .site-head .brand,
  .site-head .head-contacts,
  .site-head nav {
    grid-column: 1 / -1 !important;
  }

  .site-head .head-contacts {
    justify-content: stretch !important;
  }

  .site-head .head-contact-whatsapp {
    width: 100% !important;
  }

  .site-head nav {
    grid-template-columns: 1fr 1fr !important;
  }
}
/* AG_MOBILE_HEADER_FIX_20260613:end */