/* R160 — Careers hero alignment + Contact footer CTA removal support */

/*
 * Careers hero: global.css intentionally makes desktop .background--cover img 130% tall.
 * That is useful for parallax imagery elsewhere, but it prevents the Careers hero from
 * aligning cleanly to the actual hero viewport. Lock this one hero to its real frame.
 */
.intro--business .intro__background,
html[lang="ar"] .intro--business .intro__background{
  overflow:hidden!important;
  overflow:clip!important;
}

.intro--business .intro__background > picture.background--cover,
html[lang="ar"] .intro--business .intro__background > picture.background--cover{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  transform:none!important;
}

.intro--business .intro__background > picture.background--cover > img.ayamen-careers-hero-image,
html[lang="ar"] .intro--business .intro__background > picture.background--cover > img.ayamen-careers-hero-image{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:50% 0%!important;
  transform:none!important;
}

@media (max-width:979px){
  .intro--business .intro__background > picture.background--cover > img.ayamen-careers-hero-image,
  html[lang="ar"] .intro--business .intro__background > picture.background--cover > img.ayamen-careers-hero-image{
    width:100%!important;
    height:100%!important;
    object-position:50% 0%!important;
  }
}