/* YANBU CLEAN REBUILD HERO BACKGROUND IMG LAYER - LOCKED */
body.yanbu-site .hero.yanbu-hero,
body .hero.yanbu-hero#home{
  position:relative !important;
  overflow:hidden !important;
  background:#061120 !important;
  isolation:isolate !important;
}

body.yanbu-site .hero.yanbu-hero .yanbu-real-bg,
body .hero.yanbu-hero#home .yanbu-real-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:0 !important;
  pointer-events:none !important;
}

body.yanbu-site .hero.yanbu-hero::before,
body .hero.yanbu-hero#home::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background:linear-gradient(90deg,rgba(2,12,24,.66) 0%,rgba(2,12,24,.42) 44%,rgba(2,12,24,.10) 100%) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

body.yanbu-site .hero.yanbu-hero .hero-inner,
body .hero.yanbu-hero#home .hero-inner{
  position:relative !important;
  z-index:3 !important;
  display:grid !important;
  grid-template-columns:minmax(320px,1fr) minmax(320px,.92fr) !important;
  align-items:center !important;
  gap:44px !important;
}

body.yanbu-site .hero.yanbu-hero .hero-copy,
body .hero.yanbu-hero#home .hero-copy{
  position:relative !important;
  z-index:4 !important;
  max-width:690px !important;
}

body.yanbu-site .hero.yanbu-hero .hero-panel.hero-image-panel,
body .hero.yanbu-hero#home .hero-panel.hero-image-panel{
  position:relative !important;
  z-index:5 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  max-width:620px !important;
  margin-inline:auto !important;
}

body.yanbu-site .hero.yanbu-hero .hero-hospitality-image,
body .hero.yanbu-hero#home .hero-hospitality-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  visibility:visible !important;
  opacity:1 !important;
}

html[dir="rtl"] body.yanbu-site .hero.yanbu-hero .hero-inner,
body.rtl .hero.yanbu-hero .hero-inner{
  direction:rtl !important;
}

@media(max-width:950px){
  body.yanbu-site .hero.yanbu-hero::before,
  body .hero.yanbu-hero#home::before{
    background:linear-gradient(180deg,rgba(2,12,24,.34) 0%,rgba(2,12,24,.74) 46%,rgba(2,12,24,.88) 100%) !important;
  }

  body.yanbu-site .hero.yanbu-hero .hero-inner,
  body .hero.yanbu-hero#home .hero-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:24px !important;
    padding-top:24px !important;
    padding-bottom:44px !important;
  }

  body.yanbu-site .hero.yanbu-hero .hero-panel.hero-image-panel,
  body .hero.yanbu-hero#home .hero-panel.hero-image-panel{
    order:-1 !important;
    width:100% !important;
    max-width:430px !important;
    margin:0 auto 12px auto !important;
  }

  body.yanbu-site .hero.yanbu-hero .hero-copy,
  body .hero.yanbu-hero#home .hero-copy{
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
    margin-inline:auto !important;
  }

  body.yanbu-site .hero.yanbu-hero .hero-copy h1,
  body.yanbu-site .hero.yanbu-hero .hero-copy p,
  body.yanbu-site .hero.yanbu-hero .hero-copy .trust-line,
  body .hero.yanbu-hero#home .hero-copy h1,
  body .hero.yanbu-hero#home .hero-copy p,
  body .hero.yanbu-hero#home .hero-copy .trust-line{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .actions{
    width:100% !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .actions .btn{
    width:100% !important;
    max-width:340px !important;
    justify-content:center !important;
    text-align:center !important;
  }
}