/* hero section */

section#hero {
    width: 100%;
    height: 470px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

section#hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(
            rgba(38, 38, 38, 0.41),
            rgba(38, 38, 38, 0.41)
        ),
        url("/images/herobg.jpg");

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

section#newsletter {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0;
}


section#newsletter::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--secondary-color);
    background-image: url("/images/newsletter-background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 1;
}