.hero-banner-wrapper .bg-area{height:1px;min-height:100vh;display:flex;align-items:center;position:relative}.hero-banner-wrapper .bg-area:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.hero-banner-wrapper .bg-area .content-wrapper{width:min(1000px,100%);margin:auto}.hero-banner-wrapper .bg-area .content-area{position:relative;z-index:2}.hero-banner-wrapper .bg-area .content-area h1,.hero-banner-wrapper .bg-area .content-area h2,.hero-banner-wrapper .bg-area .content-area h3,.hero-banner-wrapper .bg-area .content-area h4,.hero-banner-wrapper .bg-area .content-area h5,.hero-banner-wrapper .bg-area .content-area h6,.hero-banner-wrapper .bg-area .content-area p,.hero-banner-wrapper .bg-area .content-area li,.hero-banner-wrapper .bg-area .content-area td{color:white}.hero-banner-wrapper .scroll-down{position:absolute;z-index:2;font-size:14px;bottom:20px;left:50%;transform:translate(-50%)}@media(min-width:768px){.hero-banner-wrapper .bg-area .content-wrapper.left{margin-left:100px}}@media(max-width:767px){.hero-banner-wrapper .bg-area .content-wrapper{margin-left:auto}.hero-banner-wrapper .bg-area:before{background:linear-gradient(to bottom,#000,transparent)}}