.header {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3); /* Полупрозрачный фон */
  backdrop-filter: blur(10px); /* Эффект размытия фона */
  z-index: 1000; /* Переместить вперед для отображения над остальным контентом */
}

.navbar {
  padding: 5pt 0;
}
.navbar-nav {
  display: flex;
  align-items: center;
}
.navbar-nav .nav-item {
  position: relative;
}
.navbar-nav li a {
  position: relative;
  color: #dfa62d;
}

.navbar-nav li a::before,
.navbar-nav li a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 1.5px;
  transition:
    width 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}

.navbar-nav li a:hover::before {
  width: 80%;
  background-color: #dfa62d; /* Цвет при выбранном состоянии и наведении */
}

.navbar-nav li a:active::before {
  width: 80%;
  background-color: #dfa62d; /* Цвет при выбранном состоянии и наведении */
}

.navbar-nav li a:hover::after {
  width: 80%;
  background-color: #ffc750; /* Цвет при наведении */
}

.navbar-nav li a:active::after {
  width: 80%;
  background-color: #ffc750; /* Цвет при наведении */
}

.navbar-brand img {
  height: 35pt; /* Размер вашего SVG-логотипа */
}