:root {

  --bs-font-sans-serif: "Montserrat", system-ui, -apple-system, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-serif: "Montserrat", system-ui, -apple-system, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.bg-custom {
  background: #061119!important;
}
.navbar {
  padding-top: 0.95rem;
  padding-bottom: 0.95rem;
}
.navbar-custom { 
  background: rbga(0,0,0,0); 
}
.ls-1 {
  letter-spacing: .05rem;
}
.rounded-top-custom {
  border-top-left-radius: 1rem!important;
  border-top-right-radius: 1rem!important;
}
.card {
  background-color: rgba(255, 255, 255, .0);
}
.card-bg-custom {
  background: #1e262c;
}
.border-custom {
  border-color: rgba(255,255,255,.5)!important;
}
/* CSS for the overlay container */
.overlay-container {
  position: relative;
}

/* CSS for the gradient overlay */
.overlay-container .gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255,255,255,0) 74%, rgba(6,17,25,1) 98%);
  pointer-events: none; /* Allows clicks to pass through the overlay to the image */
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #1e262c;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: 1.25rem;
}
.nav-link {
  display: block;
  padding: 0.2rem 1rem;
}

.offset {
  position: relative;
  top: -50px;
  z-index: 100;
}