/* ============ START CUSTOM EVENTS V16 ============ */
#home #events-e5 .events-wrapper {
    overflow: hidden;
}

#home #events-e5 .events-card {
    --bg-color: var(--bg-color);
    background-color: var(--bg-color);
    transition: transform .2s ease-in-out;
}

#home #events-e5 .events-card:hover {
    transform: scale(1.1);
}

#home #events-e5 .events-card .events-title {
    color: var(--custom-events-v16-card-title-color, var(--primary-color));
    font-weight: 900;
    margin-top: 25px;
}

#home #events-e5 .events-card .events-date {
    width: 100%;
    border: none;
}

#home #events-e5 .events-card .start-date {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    padding: 20px 5px;
    background-color: var(--custom-events-v16-card-date-bg-color, var(--primary-color));
    border-bottom: 12px solid;
}

#home #events-e5 .events-card .start-date .date-day,
#home #events-e5 .events-card .start-date .date-month {
    font-size: clamp(1.563rem, -0.446rem + 3.571vw, 3.125rem);
    line-height: 1;
    font-weight: 400;
}

#home #events-e5 .events-card .start-date .date-month {
    text-transform: uppercase;
    position: relative;
    margin-right: 20px;
    padding-right: 20px;
}


#home #events-e5 .events-card .start-date .date-month::after {
    content: close-quote;
    position: absolute;
    right: 0;
    top: 50%;
    height: 90%;
    width: 1px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.45);
}

#home #events-e5 .events-card .details p {
    color: var(--custom-events-v16-card-details-color, #242424);
}

#home #events-e5 .events-card .section-tag {
    border-color: var(--custom-events-v16-card-tag-border-color, var(--custom-events-v16-card-title-color, var(--primary-color)));
    color: var(--custom-events-v16-card-tag-color, var(--custom-events-v16-card-title-color, var(--primary-color)));
}

#home #events-e5 .events-wrapper .card-content:nth-child(4n-3) {
    .start-date {
        border-bottom-color: var(--event-bg-color-1);
    }

    .details .icon-wrapper svg path,
    .details .icon-wrapper svg circle {
        stroke: var(--event-bg-color-1);
    }

    .details .icon-wrapper rect {
        fill: var(--event-bg-color-1);
    }
}

#home #events-e5 .events-wrapper .card-content:nth-child(4n-2) {
    .start-date {
        border-bottom-color: var(--event-bg-color-2);
    }

    .details .icon-wrapper svg path,
    .details .icon-wrapper svg circle {
        stroke: var(--event-bg-color-2);
    }

    .details .icon-wrapper rect {
        fill: var(--event-bg-color-2);
    }
}

#home #events-e5 .events-wrapper .card-content:nth-child(4n-1) {
    .start-date {
        border-bottom-color: var(--event-bg-color-3);
    }

    .details .icon-wrapper svg path,
    .details .icon-wrapper svg circle {
        stroke: var(--event-bg-color-3);
    }

    .details .icon-wrapper rect {
        fill: var(--event-bg-color-3);
    }
}

#home #events-e5 .events-wrapper .card-content:nth-child(4n) {
    .start-date {
        border-bottom-color: var(--event-bg-color-4);
    }

    .details .icon-wrapper svg path,
    .details .icon-wrapper svg circle {
        stroke: var(--event-bg-color-4);
    }

    .details .icon-wrapper rect {
        fill: var(--event-bg-color-4);
    }
}

/* ============ END CUSTOM EVENTS V16 ============ */