.hero-banner{position:relative}.hero-banner .page-width{padding:0;margin:0;max-width:unset}.hero-banner__banner-img{max-width:100%;position:relative;height:calc(100vh - 104px)}.hero-banner__banner-img img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.hero-banner__banner-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(180deg,#0000,#00000080)}.hero-banner__content{position:absolute;bottom:50px;left:50%;max-width:800px;transform:translate(-50%);width:100%;display:flex;flex-direction:column;justify-content:center;padding-inline:16.5px;z-index:2}.hero-banner__content .button{margin:0 auto!important}.hero-banner__title{font-weight:400;font-size:48px;line-height:1.2084;letter-spacing:0;margin:0 0 6px;color:#fff;text-align:center;text-transform:uppercase}.hero-banner__para{margin:0 0 33px}.hero-banner__para p{font-family:Urbanist;font-weight:400;font-size:25px;letter-spacing:0;text-align:center;color:#fff;margin:0;line-height:1.2}.hero-banner__btn{margin:0 auto}@media (max-width: 1280px){.hero-banner__title{font-size:38px}.hero-banner__para p{font-size:18px}.hero-banner__para{margin:0 0 25px}}@media (max-width: 1024px){.hero-banner__title{font-size:23px}.hero-banner__para{margin:0 0 15px}.hero-banner__para p{font-size:14px}}@media (max-width: 990px){.hero-banner__banner-img{max-width:100%;position:relative;height:calc(100vh - 84px)}}@media (max-width: 767px){.hero-banner__title{font-size:18px}.hero-banner__para{margin:0 0 15px}.hero-banner__para p{font-size:16px;line-height:1.2}.hero-banner__content{position:absolute;left:50%;bottom:30px;transform:translate(-50%);max-width:332px;width:100%}.hero-banner__banner-img{padding-bottom:96%;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-hero-banner.css.map */
