/* ==========================================================
   Moderator
========================================================== */

.moderator-hero {

    background: linear-gradient(135deg, #F8FAFC, #EFF5F8);

}

#why-moderator,
#moderator-events,
#moderator-approach,
#moderator-faq,
#booking-process,
#moderator-cta {

    padding: 120px 0;

}

.process-card {

    background: #fff;

    border-radius: 22px;

    border: 1px solid var(--color-border);

    padding: 45px;

    text-align: center;

    transition: .35s;

    height: 100%;

}

.process-card span {

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: auto;

    border-radius: 50%;

    background: var(--color-primary);

    color: #fff;

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 25px;

}

.process-card:hover {

    transform: translateY(-8px);

    box-shadow: var(--shadow-lg);

}