/* SECTION DON */
.fpa-don-dark {
    background: #ffffff;
    color: #1F1F1F;
}

.fpa-don-dark h2,
.fpa-don-dark h3,
.fpa-don-dark p,
.fpa-don-dark li {
    color: #1F1F1F;
}

.fpa-don-intro {
    max-width: 860px;
    margin-bottom: 50px;
}

/* BOX EN LIGNE */
.fpa-don-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* CARDS */
.fpa-don-item {
    background: #323432;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 30px;
    padding: 34px;
    transition: all .3s ease;
}

.fpa-don-item:hover {
    background: #FFC000;
    transform: translateY(-6px);
    box-shadow: 0 20px 50px rgba(31,31,31,.14);
}

.fpa-don-item h3,
.fpa-don-item p {
    color: #ffffff;
    transition: color .25s ease;
}

.fpa-don-item p {
    opacity: .82;
}

.fpa-don-item:hover h3,
.fpa-don-item:hover p {
    color: #1F1F1F;
}

.fpa-don-icon {
    width: 68px;
    height: 68px;
    border-radius: 20px;

    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);

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

    margin-bottom: 24px;

    transition: all .3s ease;
}

.fpa-don-icon .material-symbols-outlined {
    color: #ffffff;
    font-size: 34px;
    font-variation-settings:
            'FILL' 0,
            'wght' 300,
            'GRAD' 0,
            'opsz' 24;
}

.fpa-don-item:hover .fpa-don-icon {
    background: #1F1F1F;
}

/* MODALITÉS */
.fpa-methods {
    background: #323432;
}

.fpa-methods h2,
.fpa-methods h3,
.fpa-methods p {
    color: #ffffff;
}

.fpa-method-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    margin-top: 40px;
}

.fpa-method-card {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 30px;
    padding: 34px;
    transition: all .3s ease;
}

.fpa-method-card:hover {
    background: #FFC000;
    transform: translateY(-6px);
}

.fpa-method-card:hover h3,
.fpa-method-card:hover p {
    color: #1F1F1F;
}

.fpa-method-icon {
    width: 68px;
    height: 68px;
    border-radius: 20px;

    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);

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

    margin-bottom: 24px;

    transition: all .3s ease;
}

.fpa-method-icon .material-symbols-outlined {
    color: #ffffff;
    font-size: 34px;
}

.fpa-method-card:hover .fpa-method-icon {
    background: #1F1F1F;
}

/* RESPONSIVE */
@media (max-width: 980px) {
    .fpa-don-list,
    .fpa-method-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .fpa-don-item,
    .fpa-method-card,
    .fpa-don-cta-box {
        padding: 30px;
    }
}