.nav-link {
      position: relative;
      display: inline-block;
  }

  .nav-link::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -4px;
      width: 0%;
      height: 2px;
      background-color: #ff8a36;
      transition: width 0.3s ease;
  }

  .nav-link:hover::after {
      width: 100%;
  }

  /*navbar*/
  .menu-open {
      max-height: 1000px;
      /* large enough to show all items */
      overflow: hidden;
      transition: max-height 0.5s ease-in-out;
  }

  .menu-closed {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-in-out;
  }

  /* Hamburger animation */
  .bar1-animate {
      transform: rotate(43deg) translateY(11px);
  }

  .bar2-animate {
      opacity: 0;
  }

  .bar3-animate {
      transform: rotate(-43deg) translateY(-11px);
  }

  /* Smooth transition for all bars */
  #bar1,
  #bar2,
  #bar3 {
      transition: all 0.3s ease;
  }