.hero-banner{position:relative;background-image:url("/images/hero-banner.webp");background-size:cover;background-position:center;color:var(--white-color);min-height:500px;display:flex;justify-content:center;align-items:center;text-align:center;margin-top:0px}@media (max-width: 768px){.hero-banner{min-height:400px}}.hero-banner .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1}.hero-banner .container{position:relative;z-index:0}.hero-banner h1{margin-bottom:8px}.hero-banner .btn-primary{margin-top:30px}.text-content{opacity:0;transform:translateY(50px);transition:all 0.8s ease-in}.animation-on.hero-banner .text-content{opacity:1;transform:translateY(0)}