.navbar.navbar-before-scroll.navbar-after-scroll {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
/* Transition after scrolling */
  .navbar-after-scroll {
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }

  /* Transition to the initial state */
  .navbar-before-scroll {
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }