.banner{position:relative; min-height:27rem;}
.banner .img-bg{
  position:absolute; top:0; left:0; bottom:0; right:0;
  z-index:1;
}
.banner .background-overlay{
  position:absolute; top:0; right:0; bottom:0; left:0;
  background-image:linear-gradient(180deg, #03000A 16%, #000000A1 100%);
  z-index:2; pointer-events:none;
}
.banner .content{position:relative; z-index:3;}

.video-responsive {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}

.video-responsive video {
  position: absolute;
  width: 100%;
  height: 100%;
}


.section-02 .wrapper{
  position:relative;
  padding:4rem; border-radius: .75rem; overflow:hidden;
}
.section-02 .wrapper::before{
  content:''; position:absolute; top:15rem; left:0; bottom:0; right:0; z-index:3; pointer-events:none;
  background-image: linear-gradient(90deg,#080f11b8 0%,#080F1100 40%,#080F1100 60%,#080f11b8 100%)!important;
}

.section-03 .wrapper{
  position:relative; min-height:25rem;
  padding:4rem; border-radius: .75rem; overflow:hidden;
}
.section-03 .wrapper .img{
  position:absolute; top:0; right:0; bottom:0;
  display:block; width:50rem; height:auto;
}