.main-events-listing {
  background: var(--color-surface);
}

@media (max-width: 991px) {
  .main-events-listing .widget-area {
    margin-bottom: 38px;
  }
}

.main-events-browse {
  display: grid;
  gap: 1px;
  margin-top: 32px;
  background: var(--color-border);
}

.main-events-browse a {
  padding: 14px 16px;
  color: var(--color-navy-950);
  background: var(--whiteColor);
  font-weight: 700;
}

.main-events-browse a:hover,
.main-events-browse a:focus-visible,
.main-events-browse a.is-active {
  background: var(--color-cyan-100);
}