/* Page d'accueil MailJump */

.acc-section {
    margin-bottom: 5rem;
    scroll-margin-top: 90px;
}

.acc-section > h2 {
    font-size: 2rem;
}

.acc-sous-titre {
    color: #495057;
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
}

.acc-section a:not(.btn):not(.vitrine-card) {
    color: #007cff;
}

/* Le gabarit réserve un bandeau vide sous la barre de navigation fixe et transparente de l'accueil :
   l'en-tête de couleur remonte dessous */
.acc1-hero {
    background: #edf5fe url(/images/fond-mj.png) center / cover;
    border-radius: 0 0 50px 50px;
    margin-top: -100px;
    padding: 210px 0 60px;
}

.acc1-hero h1 {
    font-size: 2.6rem;
    font-weight: bold;
}

.acc1-checks {
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 0;
}

.acc1-checks li {
    padding: 0.25rem 0;
}

.acc1-checks i {
    color: #007cff;
    margin-right: 0.5rem;
}

.acc1-atouts {
    margin-top: -35px;
}

.acc1-atouts .row {
    background-color: #151515;
    border-radius: 25px;
    color: #fff;
    margin: 0;
    padding: 1.5rem 0.5rem;
}

.acc1-atouts strong {
    color: #87d9fd;
    display: block;
    font-size: 1.2rem;
}

.acc1-atouts span {
    font-size: 0.9rem;
}

.acc1-etapes h3 {
    margin-top: 0.75rem;
}

.acc1-etape {
    background-color: #151515;
    border-radius: 50%;
    color: #87d9fd;
    display: inline-block;
    font-size: 1.3rem;
    font-weight: bold;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    width: 3rem;
}

.acc1-decouvrir {
    background-color: #edf5fe;
    border-radius: 25px;
    padding: 2rem 2.5rem;
}

@media (max-width: 767px) {
    .acc1-hero h1 {
        font-size: 1.8rem;
    }
}