.hero-banner{position:relative;}
.hero-bnr-text{position:absolute;left:50%;transform:translateX(-50%);height: 100%;top:0;z-index:1;width:100%;max-width:692px;margin:0 auto;}
.hero-bnr-text-inner {padding:64px 16px;max-height: calc(100dvh - 64px);display: flex;flex-direction: column;justify-content: end;text-align: center;height: calc(100% - 64px);gap: 16px;color: var(--color-white);position:sticky;top:64px;}
.hero-banner-img{line-height:0;}
.hero-bnr-img img{width:100%;object-fit:cover;}
@media(min-width:992px){
  .hero-bnr-text-inner .title{font-size:64px;}
  .hero-bnr-img img{height:1800px;}
}
@media(max-width:991px){
  .hero-bnr-text-inner .title{font-size:40px;}
  .hero-bnr-img img{height:800px;}
}