/* v5.8.6 — Root mobile header/first-section contract.
 * Purpose: the header is a real opaque block in normal document flow; the first homepage section starts after it.
 * This file is intentionally loaded last.
 */
@media (max-width: 767px){
  html, body{overflow-x:hidden;}
  html body .site-header,
  html body.home .site-header,
  html body.admin-bar .site-header,
  html body.home.admin-bar .site-header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    inset:auto!important;
    z-index:100!important;
    display:block!important;
    width:100%!important;
    min-height:62px!important;
    margin:0!important;
    padding:0!important;
    clear:both!important;
    float:none!important;
    background:#fff!important;
    background-image:none!important;
    opacity:1!important;
    transform:none!important;
    translate:none!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    overflow:visible!important;
    border-bottom:1px solid rgba(15,107,220,.12)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
    isolation:isolate!important;
  }
  html body .site-header::before,
  html body.home .site-header::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    background:#fff!important;
    pointer-events:none!important;
  }
  html body .site-header .header-inner,
  html body.home .site-header .header-inner{
    position:relative!important;
    z-index:1!important;
    min-height:62px!important;
    height:62px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    margin:0 auto!important;
    background:transparent!important;
    transform:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    overflow:visible!important;
  }
  html body .site-header + main,
  html body.home .site-header + main,
  html body .alshulah-home-flow,
  html body.home .alshulah-home-flow,
  html body .alshulah-home-flow-v560,
  html body.home .alshulah-home-flow-v560{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    clear:both!important;
    margin-top:0!important;
    padding-top:0!important;
    transform:none!important;
    overflow:visible!important;
  }
  html body.home .alshulah-home-flow-v560 > .alshulah-home-section-wrap:first-child,
  html body.home .alshulah-home-flow > .alshulah-home-section-wrap:first-child{
    margin-top:0!important;
    padding-top:0!important;
    position:relative!important;
    z-index:1!important;
    clear:both!important;
  }
  html body.home .alshulah-upper-slider-v580{
    position:relative!important;
    z-index:1!important;
    margin-top:0!important;
    transform:none!important;
    clear:both!important;
  }
}