/*===============
IMPORT GLOBAL CSS
================*/
@import url(global.css);

.internal-topbar {
  background-image: url(../images/hero-banner/topbar-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 20vh;
  height: 100%;
  position: relative;
  z-index: 1;
  background-position: top;
}

.internal-topbar::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 2;
}

.topbar-content {
  position: relative;
  z-index: 3;
}

.topbar-content .active {
  color: var(--custom-blue);
}