* {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

.hero-gradient {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2));
}

.home-hero {
    background-image: url('../images/hero.jpg');
    padding: 100px 0;
}

.cta {
    background-image: url('../images/cta.jpg');
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
}

.about-hero {
    background: linear-gradient(rgba(31, 41, 55, 0.8), rgba(31, 41, 55, 0.8)), url('../images/about-hero.jpg') center/cover;
}