:root {
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fff;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fff;
}
.navbar {
  background-color: #000000;
  --bs-navbar-padding-y: 6px;
}
.nav-item {
  padding-left: 10px;
  padding-right: 10px;
}
.nav-link {
  color: #fff;
  font-family: Inter, Helvetica;
  font-size: 14px;
  letter-spacing: 0.56px;
  font-weight: 700;
}
.navbar-nav .nav-link.active {
  text-decoration: underline solid #fff 3px;
  text-underline-offset: 6px;
}
.nav-link:focus,
.nav-link:hover {
  color: #fff;
  text-decoration: underline solid #fff 1px;
  text-underline-offset: 6px;
}
.nav-link:focus-visible {
  box-shadow: 0 0 0 1px #fff;
}
.navbar-toggler {
  border-color: #fff;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.footer {
  padding: 30px 10px 1px 60px;
  width: 100%;
  background-color: #000;
}
.footer a,
.footer span {
  font-weight: 600;
  color: #fff;
  line-height: 47px;
  font-family: Inter, Helvetica;
  font-size: 14px;
  text-decoration: none;
}
.footer-image-container {
  margin-top: 12px;
}
.footer-image-container img {
  width: 100px;
  margin-bottom: 15px;
  margin-right: 10px;
}
.footer-social-icons img {
  max-width: 30px;
  margin-right: 10px;
}
.footer-social-icons img:hover {
  opacity: 0.7;
}
.nav-social-icons {
  margin-top: 20px;
}
.nav-social-icons img {
  max-width: 30px;
  margin-right: 10px;
}
.nav-social-icons img:hover {
  opacity: 0.7;
}
h1 {
  margin-bottom: 0;
}
.navbar-brand {
  max-width: 156px;
}
.navbar-brand img {
  width: 156px;
  height: auto; /*to preserve the aspect ratio of the image*/
}