.tab-item {
  text-transform: uppercase;
  background-color: black;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 15px;
  font-weight: 500;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  height: 31px;
  border-radius: 6px;
  position: relative;
  z-index: 50;
}

.tab-item.active {
  color: black;
  font-weight: 900;
}

@media (width >= 48rem) {
  .tab-item {
    height: 35px;
    font-size: 20px;
    padding-right: 30.5px;
    padding-left: 30.5px;
  }
}

.insight-page #main-nav .nav-item {
  color: #000000 !important;
  mix-blend-mode: difference;
}

.insight-page #mobile-menu-button{
  color: black !important;
}

.insight-page header img {
  filter: invert(1);
}