.mt-25 {
    margin-top: 25px !important;
}

.mb-150 {
    margin-bottom: 100px !important;
}

.mb-150 {
    margin-bottom: 150px !important;
}

.mb-200 {
    margin-bottom: 200px !important;
}

.m-auto {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.flex-container {
    display: flex;
    flex-direction: row; /* For desktop */
    justify-content: center;
    gap: 20px;
}

.event-item {
    width: 30%;
}

@media (max-width: 800px) {
    .flex-container {
        flex-direction: column; /* For mobile */
    }
    .event-item {
        width: 100%;
    }
}