ul.feature-icons li.whatsapp:before {
    background-image: none;
    background-color: #25D366;
    border-radius: 50%;

    color: #ffffff;

    width: 3.25rem;
    height: 3.25rem;
    line-height: 3.25rem;

    font-size: 2rem;
}

/* Amélioration de la lisibilité sur tablette et smartphone */
@media screen and (max-width: 736px) {

    body,
    input,
    select,
    textarea {
        font-size: 18px;
        line-height: 1.8;
    }

    p,
    li {
        font-size: 18px;
        line-height: 1.8;
    }

    h2 {
        font-size: 1.4rem;
    }
}

/* Réglage spécifique pour les petits smartphones */
@media screen and (max-width: 480px) {

    body,
    input,
    select,
    textarea,
    p,
    li {
        font-size: 19px;
    }

    h2 {
        font-size: 1.45rem;
    }
}
/* ===========================================================
   Citation sur image
   =========================================================== */

.quote-card {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    border-bottom: none;
}

.quote-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.quote-card:hover img {
    transform: scale(1.03);
}

/* voile sombre */

.quote-overlay {
    position: absolute;
    inset: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;

    padding: 2rem;

    background: rgba(0,0,0,.22);
}

.quote-text {

    color: #FFF;

    font-family: "Raleway", Helvetica, sans-serif;

    font-weight: 600;

    line-height: 1.45;

    letter-spacing: .03em;

    font-size: clamp(1.2rem,2.4vw,2.2rem);

    margin:0;
}

.quote-author {

    margin-top:2rem;

    color:#FFF;

    font-family:"Source Sans Pro",Helvetica,sans-serif;

    font-size:clamp(1rem,1.8vw,1.8rem);

    font-weight:300;

    letter-spacing:.05em;
}

/* Mobile */

@media screen and (max-width:736px){

    .quote-overlay{
        padding:1.5rem;
    }

    .quote-text{
        font-size:1.45rem;
        line-height:1.35;
    }

    .quote-author{
        font-size:1.2rem;
        margin-top:1.5rem;
    }

}
/* ======================================================
   Citation
   ====================================================== */

.quote-banner {

    position: relative;

    margin: 2rem 0;

    overflow: hidden;

    border-radius: .5rem;

}

.quote-banner img {

    width:100%;

    display:block;

}

.quote-banner::after{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.28);

}

.quote-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:3rem;

    z-index:2;

}

.quote-text{

    color:white;

    font-family:"Raleway",sans-serif;

    font-weight:600;

    line-height:1.4;

    font-size:clamp(1.5rem,3vw,2.6rem);

    max-width:18em;

}

.quote-author{

    margin-top:2rem;

    color:white;

    font-size:clamp(1rem,2vw,1.7rem);

}

@media screen and (max-width:736px){

    .quote-overlay{

        padding:1.5rem;

    }

    .quote-text{

        font-size:1.6rem;

    }

    .quote-author{

        font-size:1.15rem;

    }

}