.navbar-toggler-icon {
  background-image: none!important;
  background-color: var(--bs-gray-800);
  height: 3px;
  width: 25px;
  margin: 10px 0;
  position: relative;
  transition: all 0.35s ease-out;
  transform-origin: center;
}

.navbar-toggler-icon::before {
  display: block;
  background-color: var(--bs-gray-800);
  height: 3px;
  content: "";
  position: relative;
  top: -7px;
  transition: all 0.15s ease-out;
  transform-origin: center;
}

.navbar-toggler-icon::after {
  display: block;
  background-color: var(--bs-gray-800);
  height: 3px;
  content: "";
  position: relative;
  top: 4px;
  transition: all 0.35s ease-out;
  transform-origin: center;
}

.navbar-dark .navbar-toggler-icon, .navbar-dark .navbar-toggler-icon::before, .navbar-dark .navbar-toggler-icon::after {
  background-color: var(--bs-gray-100);
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  transform: rotate(45deg);
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
  transform: rotate(-90deg) translateX(7px);
}

.collapsing {
  transition-property: height, visibility;
  transition-duration: 0s;
}

.navbar-toggler, .navbar-toggler:active, .navbar-toggler:focus {
  box-shadow: none;
  border: none;
  outline: none;
}

#navcol-1 .show {
  backdrop-filter: blur(12px) brightness(40%) contrast(136%);
  -webkit-backdrop-filter: blur(12px) brightness(40%) contrast(136%);
}

@media (max-width: 991px) {
  #navcol-1 {
    width: 100vw;
    height: 100vh;
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .nav-item {
    font-size: 1.4rem;
    font-weight: 300;
  }
}

@media (max-width: 991px) {
  .flag {
    padding: 20px;
    margin-bottom: 64px;
  }
}

@media (min-width: 992px) {
  .navbar-fixed-top.navigation-clean-button.scrolled {
    backdrop-filter: blur(50px) brightness(35%);
    -webkit-backdrop-filter: blur(50px) brightness(35%);
  }
}

@media (min-width: 992px) {
  .navbar-fixed-top.navigation-clean-button {
    transition: background-color 0.5s ease;
    background: #fcfcfc;
  }
}

@media (max-width: 992px) {
  .navbar-fixed-top.navigation-clean-button {
    backdrop-filter: blur(20px) brightness(15%);
    -webkit-backdrop-filter: blur(20px) brightness(15%);
    background-color: #ffffff;
  }
}