@media (min-width: 992px) {
    .row:has(.events-sidebar) > .maincontent {
        position: sticky;
        top: 1.5rem;
        align-self: flex-start;
    }
}

.events-sidebar__header {
    border-bottom-color: var(--bs-dark);
    border-bottom-width: 2px;
}

.events-sidebar__tab {
    position: relative;
    bottom: -2px;
    z-index: 1;
    color: var(--bs-dark);
    background: var(--bs-light);
    border: 2px solid var(--bs-dark);
    border-bottom: 0;
}

.events-sidebar__header i,
.events-sidebar__heading {
    color: var(--bs-dark);
}