.main-event {
    transition: transform 0.5s ease;
}

.main-event:hover {
    transform: translateY(-5px);
    box-shadow: 3px 5px 8px rgba(0,0,0,0.1);
}

.main-event .card-img-top {
    height: 35vh;
    object-fit: cover;
}

.date-tag {
    top: 0;
    left: 0;
    background: var(--secondary-color);
    color: #fff;
    padding: 4px 8px;
    font-size: 0.8rem;
    border-radius: 4px;
    z-index: 2;
    display: flex;
    align-items: center;
}

.date-tag i {
    margin-right: 4px; /* Adjust the spacing between the icon and the date */
}

.event-card {
    position: relative;
    width: 100%;
}
.event-image {
    height: 450px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.event-tags {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.tag {
    background: var(--primary-color);
    /*background: rgba(0, 0, 0, 0.7);*/
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight:bold;
}