.border-b {
    border-bottom: 1px solid #e5e7eb; /* Tailwind's gray-200 */
}

.text-muted {
    color: #a5b2ca !important; /* Tailwind's gray-500 */
}

.event-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 600px;
}

.event-list li {
    background-color: #fff;
    margin-bottom: 1rem;
    padding: 1rem 1.5rem;
    border-left: 5px solid #b80606;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.event-date {
    font-weight: bold;
    color: #333;
}

.event-name {
    color: #555;
    flex-grow: 1;
    margin-left: 1rem;
    font-weight: bold;
}

.bg-pattern-1 {
    background-color: #ffdddd;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23ebb4b4' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%23d88b8b' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%23c46161' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23b13838' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%239D0F0F' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}