/* ==========================================================
   Master Of Ceremonies
========================================================== */

.mc-hero {

    background: linear-gradient(135deg, #F7FAFC, #EEF5F7);

}

#mc-role,
#mc-events,
#event-experience,
#why-mc,
#mc-faq,
#mc-cta {

    padding: 120px 0;

}

.feature-box {

    background: #fff;

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

    border-radius: 24px;

    padding: 45px;

    text-align: center;

    font-weight: 600;

    transition: .35s;

    height: 100%;

}

.feature-box:hover {

    transform: translateY(-6px);

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

}