/* banner section */
.banner {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 540px;
    display: flex;
    flex-direction: column;
    padding: 220px 70px;
    gap: 25px;
}

.banner.home {
    background-image: linear-gradient(var(--main-background-lo), var(--main-background)), url("../img/homeBanner.jpg");
}

.banner.about {
    background-image: linear-gradient(var(--main-background-lo), var(--main-background)), url("../img/aboutBanner.webp");
}

.banner.partner {
    background-image: linear-gradient(var(--main-background-lo), var(--main-background)), url("../img/partnersBanner.jpg");
}

.banner.partnerPage {
    padding-bottom: 0;
    height: auto;
    align-items: center;
    background-image: linear-gradient(rgb(48 54 80 / 87.5%), var(--main-background)), url(../img/partnersBanner.png);
}

.banner.contact {
    background-image: linear-gradient(var(--main-background-lo), var(--main-background)), url("../img/contatoBanner.png");
}

.banner a {
    width: 250px;
}

@media (max-width: 980px) {
    .banner {
        padding: 220px 35px;
    }

    .banner.about {
        height: 390px;
    }
}