.txo-navbar {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid transparent;
  background-color: var(--secondary-color);
  box-shadow: var(--basic-shadow);
  font-family: var(--regular-font);
}

.txo-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.txo-brand img {
  height: 40px;
}

.txo-nav-item {
  font-family: var(--regular-font);
  color: var(--font-color) !important;
  font-size: 18px;
}