.my-header{position:fixed;top:0;left:0;width:100%;z-index:999;background:0 0;transition:background .3s ease}.my-header.scrolled{background:#0c0d0e}.custom-hero{position:relative}.custom-hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:0}.custom-hero>.e-con-inner{position:relative;z-index:1}