.hhe-upcoming-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

@media (max-width: 767px) {
    .hhe-upcoming-grid {
        grid-template-columns: 1fr;
    }
}

.hhe-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.hhe-event-date {
    display: flex;
    flex-direction: column;
}

.hhe-upcoming-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    transition: transform 0.3s ease;
}

.hhe-event-title {
    flex-grow: 1;
}

.hhe-event-divider {
    margin-top: auto !important;
}