/* #banner-associe-se {
    background-color: rgba(245, 245,245, 0.8);
} */

#banner-associe-se {
    position: relative;
    z-index: 1;
    background: rgba(245,245,245, 0.3);
}

#banner-associe-se .section-header {
    position: relative;
}

#banner-associe-se h1 {
    color: #31ACE1;
}

#banner-associe-se .banner {
    background-image: url(https://aldeiapark.com.br/wp-content/uploads/2023/06/banner_associe_se.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    /* height: 30rem; */
    height: 70vh;
}

#banner-associe-se .btn {
    border-radius: 0;
    background-color: #15AB8E;
    border: 1px solid #15AB8E;
    color: #FFF;
    height: 6vh;
}

#banner-associe-se .btn:hover {
    background-color: #198754;
    border: 1px solid #198754;
}

#banner-associe-se img {
    padding: 0;
    height: 100%;
}

#banner-associe-se .card {
    background-color: transparent;
    height: 10rem;
    width: 10rem;
}


#banner-associe-se .items, #banner-associe-se .section-header {
    z-index: 2;
}

#banner-associe-se .items .card-img-top {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 8rem;
}

#banner-associe-se .items .card-body {
    display: flex;
    padding: 0;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    color: #31ACE1;
}

#banner-associe-se .items .icon-1 {
    background-image: url(https://aldeiapark.com.br/wp-content/uploads/2023/07/icon-park-1.png);
}

#banner-associe-se .items .icon-2 {
    background-image: url(https://aldeiapark.com.br/wp-content/uploads/2023/07/icon-park-2.png);
}

#banner-associe-se .items .icon-3 {
    background-image: url(https://aldeiapark.com.br/wp-content/uploads/2023/07/icon-park-3.png);
}

#banner-associe-se .items .icon-4 {
    background-image: url(https://aldeiapark.com.br/wp-content/uploads/2023/07/icon-park-4.png);
}

#banner-associe-se .items .icon-5 {
    background-image: url(https://aldeiapark.com.br/wp-content/uploads/2023/07/icon-park-5.png);
}

@media (max-width: 768px) {
    #banner-associe-se .banner {
        height: 57vh;
    }

    #banner-associe-se .btn {
        height: 10vh;
    }
}

@media (max-width: 768px) {
    #banner-associe-se .banner {
        height: 57vh;
    }

    #banner-associe-se .btn {
        height: 10vh;
    }
}