section.title .background{
    background-color: var(--dark-green);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1.5rem;
    position: relative;
    overflow: hidden;
    padding: 18rem 0 2rem 0;

}


section.title .background > div{
    position: relative;
    z-index: 12;
}


section.title .background:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #28361800 40%, #283618 100%);
}


.adherent .item{
    background-color: var(--green);
    background-image: url('https://balade-vendome.fr/wp-content/uploads/2025/05/texture-100.webp');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2rem;
    z-index: 1;
    position: relative;
    padding: 2rem;
}

.adherent .item >*{
    z-index: 2;
    position: relative;
}

.adherent .item h3, .adherent .item p{
    color: var(--cream);
}

.adherent .item:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}


.non-adherent .item{
    background-color: var(--green);
    background-image: url('https://balade-vendome.fr/wp-content/uploads/2025/05/texture-100.webp');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2rem;
    z-index: 1;
    position: relative;
    padding: 2rem;
}

.non-adherent .item >*{
    z-index: 2;
    position: relative;
}

.non-adherent .item h3, .non-adherent .item p{
    color: var(--cream);
}

.non-adherent .item:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}