/* ================================= */
/* BADGES HERO */
/* ================================= */


.hero-mentions-badges {

    display:flex;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;

    margin-top:30px;

}



.hero-mentions-badges span {


    background:rgba(255,255,255,0.15);

    padding:10px 18px;

    border-radius:30px;

    font-size:15px;

    font-weight:600;

    color:white;

}







/* ================================= */
/* CONTENU */
/* ================================= */


.mentions-page-container {


    width:70%;

    margin:0 auto 80px auto;


}





.mentions-page-card {


    background:#f5f5f5;

    padding:35px;

    margin-bottom:35px;

    border-radius:15px;


    box-shadow:

    0 8px 25px rgba(0,0,0,0.08);


}






/* ================================= */
/* TITRES */
/* ================================= */


.mentions-page-card h2 {


    font-size:2rem;

    color:#003b5c;

    margin-bottom:25px;

    font-weight:600;


}



.mentions-page-card h3 {


    font-size:1.35rem;

    color:#003b5c;

    margin-top:30px;

    margin-bottom:15px;


}





/* ================================= */
/* TEXTE */
/* ================================= */


.mentions-page-card p {


    font-size:18px;

    line-height:1.7;

    color:#333;

    text-align:justify;

    margin-bottom:20px;


}




.mentions-page-card strong {


    color:#333;

}





/* ================================= */
/* LISTES */
/* ================================= */


.mentions-page-card ul {


    padding-left:25px;

    margin-bottom:20px;


}



.mentions-page-card li {


    font-size:17px;

    line-height:1.8;

    margin-bottom:8px;


}





/* ================================= */
/* LIENS */
/* ================================= */


.mentions-page-card a {


    color:#003b5c;

    font-weight:600;

    text-decoration:none;


}



.mentions-page-card a:hover {


    color:#22d0d6;

    text-decoration:underline;


}

/* ================================= */
/* RESPONSIVE */
/* ================================= */


@media(max-width:1000px){

    .mentions-page-container {

        width:90%;

    }


}


@media(max-width:768px){


    .mentions-page-card {

        padding:25px;

    }


    .mentions-page-card h2 {

        font-size:1.5rem;

    }


    .mentions-page-card p {

        font-size:16px;
        text-align:left;

    }


}