.hero-section{--img-height:300px;margin-bottom:var(--img-height);position:relative}.hero-bg{z-index:-1}.hero-bg,.hero-bg-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.hero-bg-overlay{background-color:var(--bg-dark);content:"";z-index:1}.hero-bg-img{height:var(--img-height);position:absolute;right:0;top:100%;width:100%}.hero-bg-img img{height:100%;object-fit:cover;object-position:center;width:100%}.hero-content{text-align:center;width:100%}.hero-content :is(h1,h2,h3){margin-bottom:12px}.hero-section .btn-group{justify-content:center;margin-top:21px}@media (min-width:640px){.hero-section{margin-bottom:calc(var(--img-height)*1.3);padding:40px 1rem}.hero-bg-img{height:calc(var(--img-height)*1.3)}}@media (min-width:768px){.hero-section{margin-bottom:0}.hero-section .btn-group{justify-content:flex-start}.hero-bg-overlay{-webkit-clip-path:polygon(0 0,100% 0,87% 100%,0 100%);clip-path:polygon(0 0,100% 0,87% 100%,0 100%);height:100%;width:60%}.hero-bg-img{height:100%;top:0;width:60%}.hero-content{text-align:left;width:50%}}@media (min-width:1024px){.hero-section{padding:80px 1rem}.hero-bg-overlay{width:50%}.hero-content{width:40%}}