/* doc-project | assets/css/pnl.css | Définit les styles propres à la page publique PNL, notamment son espacement sous le header fixe, ses contenus, sa liste de bénéfices et son bloc de prise de rendez-vous. | Expose: aucun | Dépend de: pnl.php, assets/css/style.css, Bootstrap | Impacte: mise en page responsive et présentation visuelle de la page PNL | Tables: aucune */

.page-pnl #main {
    padding-top: 90px;
}

.pnl-section {
    padding: 60px 0 40px;
}

.pnl-content,
.pnl-appointment {
    width: 100%;
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
}

.pnl-content h2,
.pnl-appointment h2 {
    margin-bottom: 24px;
    color: #000;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.35;
}

.pnl-content p,
.pnl-appointment p {
    margin-bottom: 20px;
    color: #000;
    font-size: 17px;
    line-height: 1.75;
}

.pnl-benefits {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pnl-benefits li {
    position: relative;
    margin-bottom: 16px;
    padding-left: 32px;
    color: #000;
    font-size: 17px;
    line-height: 1.6;
}

.pnl-benefits li::before {
    position: absolute;
    top: 2px;
    left: 0;
    display: flex;
    width: 21px;
    height: 21px;
    align-items: center;
    justify-content: center;
    border: 2px solid #c9a96d;
    border-radius: 50%;
    color: #c9a96d;
    content: "✓";
    font-size: 12px;
    line-height: 1;
}

.pnl-appointment {
    text-align: center;
}

.pnl-appointment .btn-tarifs {
    display: inline-block;
    margin-top: 12px;
}

@media (max-width: 991.98px) {
    .page-pnl #main {
        padding-top: 80px;
    }
}

@media (max-width: 767.98px) {
    .pnl-section {
        padding: 40px 0 28px;
    }

    .pnl-content h2,
    .pnl-appointment h2 {
        font-size: 23px;
    }
}