.hero-banner {
     background: url('Assets/Privacy\ bg.jpg') center/cover no-repeat;
     height: 40vh;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     color: white;
     position: relative;
 }

 .hero-banner h1 {
     font-size: 4rem;
     font-weight: 700;
     text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
 }

 @media (max-width: 768px) {
     .hero-banner {
         height: 20vh;
     }

     .hero-banner h1 {
         font-size: 2.5rem;
     }
 }