.btn-sm-custom {
  padding: 0px 16px;
  font-size: 19px;
}

.hero-bg {
  position: absolute;
  background-image: url(../images/overlay.png);
  background-repeat: repeat;
  opacity: 10%;
  inset: calc(var(--spacing) * 0);
  width: 100%;
  height: 1000px;
  top: 0;
  z-index: -10;
}

.main-menu-btn {
  padding-top: 2px !important;
  margin-top: 20px !important;
  padding-bottom: 2px !important;
  min-height: 4px !important;
  border-radius: 4px !important;
  background: #35393c !important;
}

.main-menu-btn.active, .main-menu-btn.focus, .main-menu-btn:active, .main-menu-btn:focus, .main-menu-btn:hover {
  background-color: #f7961c !important;
  border-color: #f7961c !important;
  color: #fff !important;
}