:root {
  --bg-white: #ffffff;
  --bg-black: #000000;
  --text-white: #ffffff;
  --text-black: #000000;
  --bg-gray: #f4f4f4;
}

@font-face {
  font-family: "Milliard";
  src: url(../fonts/miliard-medium.otf);
  font-display: swap;
}

.bg-container {
  padding-top: 40px;
  background-repeat: no-repeat, repeat;
  background-color: var(--bg-gray);
  background-position: top;
  background-size: cover;
}

body {
  background: var(--bg-gray);
  background: var(--bg-gray);
}

.bg-header-navbar {
  background: rgb(255 255 255 / 90%) !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
  white-space: nowrap !important;
  color: var(--text-black);
}

.nav-link,
.nav-link:focus,
.nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link,
.navbar-expand-lg .navbar-nav li .active > a,
.navbar-expand-lg .navbar-nav li a:focus,
.navbar-expand-lg .navbar-nav li a:hover,
.navbar-toggler,
.text-banner-position,
.title-ticket-main,
.top-nav-collapse .navbar-nav .nav-link:hover,
a:hover,
body {
  color: var(--text-black);
}