.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;
  }
}

/* Header: white drop shadow for visibility on fluid background (class added by insight.js) */
#site-header.header-insight-listing #main-nav .nav-item {
  color: #000000 !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(255, 255, 255, 0.8) !important;
}

#site-header.header-insight-listing #main-nav .nav-item.is-active {
  color: #000000 !important;
  font-weight: 900 !important;
}

#site-header.header-insight-listing #main-nav .nav-item.is-active::after {
  background: currentColor !important;
}

#site-header.header-insight-listing #mobile-menu-button {
  color: #000000 !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.5)) !important;
}

#site-header.header-insight-listing #mobile-menu-button svg path {
  fill: currentColor !important;
}

#site-header.header-insight-listing img {
  filter: brightness(0) drop-shadow(0 0 6px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.5)) !important;
}

/* ABOUT US (thứ 1) -> đảo màu theo nền */
/* .insight-page #main-nav .nav-item:nth-child(1) {
  color: #ffffff !important;
  mix-blend-mode: difference;
} */

/* WHAT WE DO (thứ 2) -> đảo màu theo nền */
/* .insight-page #main-nav .nav-item:nth-child(2) { */
  /* color: #ffffff !important;
  mix-blend-mode: difference;
} */

/* OUR WORK (thứ 3) -> luôn đen */
/* .insight-page #main-nav .nav-item:nth-child(3) {
  mix-blend-mode: normal !important;
  color: #000000 !important;
} */

/* INSIGHT (thứ 4) -> active */


/* CONTACT (thứ 5) -> luôn đen */
/* .insight-page #main-nav .nav-item:nth-child(5) {
  mix-blend-mode: normal !important;
  color: #000000 !important;
} */