html {
    scroll-behavior: smooth;
}

.hero-bg {
    background-image: linear-gradient(rgba(30, 58, 138, 0.8), rgba(30, 58, 138, 0.7)), url('images/photo-1586528116311-ad8dd3c8310d.avif');
    background-size: cover;
    background-position: center;
}