.navbar-nav {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
  }

  .nav-link {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-bottom: 2px solid transparent;
  }

  .nav-link i {
    color: #767D80;
  }

  .nav-link:hover {
    color: var(--bs-secondary);
  }

  .nav-link.show {
    z-index: 999999;
    border-bottom: 2px solid var(--bs-secondary);
    transition: all 0.15s ease-in-out;
    padding: 0 3px;
  }

  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link.show {
    color: var(--bs-body-color);
  }

  .dropdown-toggle::after {
    content: none;
  }

  .dropdown-item {
    font-size: 1.225rem;
    color: var(--bs-body-color);
    padding: 0.3rem;
    border-bottom: 2px solid transparent;
  }

  .dropdown-menu.show .active .dropdown-item {
    border-bottom: 2px solid var(--bs-secondary);
  }

  li.mela a {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  li.mela ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.225rem;
    padding: 0.3rem;
    color: var(--bs-body-color);
  }

  li.mela ul li:first-child a {
    padding-top: 0;
  }

  li.mela ul li:last-child a {
    padding-bottom: 0;
  }

  .mail-li {
    margin-top: 2rem;
  }

  .pss {
    padding: 6px 7px 5px 16px !important;
  }

  .pss:hover {
    background: var(--bs-secondary);
    color: var(--bs-white);
    border-radius: 2rem;
  }

  .pss:hover .info-btn {
    background: var(--bs-white);
  }

  .pss:hover g {
    fill: var(--bs-secondary);
  }

  .info-btn {
    display: flex;
    width: 35px;
    height: 35px;
    justify-content: center;
    align-items: center;
    vertical-align: center;
    background: var(--bs-secondary);
    border-radius: 100%;
  }

  .info-btn svg {
    width: 8px;
  }

  .dropdown-menu {
    align-items: center;
    flex-direction: column;
    width: max-content;
    margin: 0 !important;
    padding: 4rem 1rem 1rem 1rem;
    background: var(--bs-white);
    border-radius: 30px;
    top: -13px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  #nwglast .dropdown-menu {
    align-items: center;
    flex-direction: column;
    width: max-content;
    margin: 0;
    top: -12px !important;
    right: -12px !important;
    transform: none !important;
    left: inherit !important;
    padding: 5rem 4rem 2rem 4rem;
    background: var(--bs-white);
    border-radius: 30px;
  }

  #nwglast .nav-link.show {
    z-index: inherit;
    border-bottom: none;
    transition: none;
  }

  .dropdown-menu.show {
    display: flex;
  }

  .dropdown-item.active,
  .dropdown-item:active {
    background-color: var(--bs-secondary)
  }

  .info-btn i {
    color: var(--bs-white);
  }

  .menu-mail,
  .btn-x {
    gap: 1rem;
  }

  .menu-mail:hover i {
    background: var(--bs-white);
    color: var(--bs-secondary);
  }

  .menu-mail i,
  .btn-x i {
    color: var(--bs-white);
    font-size: 1rem;
    line-height: .05em;
    vertical-align: -.075em;
    background: var(--bs-secondary);
    height: 35px;
    width: 35px;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
  }

  .x-mark {
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .btn-x:hover i {
    background: var(--bs-white);
    color: var(--bs-secondary);
  }

  @media (min-width: 1400px) {
    .navbar.navbar-expand-xl .navbar-nav .mx-4.nav-item.dropdown {
      margin-right: 2rem !important;
      margin-left: 2rem !important;
    }
  }

  @media (max-width: 1199.98px) {

    .navbar .container {
      align-items: start;
    }

    .navbar-toggler {
      border: 1px solid var(--bs-border-color);
      border-radius: 9px;
      padding: 0.5rem;
      position: relative;
      z-index: 999;
      height: 40px;
    }

    .navbar-toggler:not(.collapsed) span:first-child {
      transform: rotate(45deg);
      transform-origin: center center;
    }

    .navbar-toggler:not(.collapsed) span:last-child {
      transform: rotate(-45deg);
      transform-origin: center center;
      margin-top: -2px;
    }

    .navbar-toggler:not(.collapsed) span:nth-child(2) {
      display: none;
    }

    .hamburger-toggle {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
    }

    .navbar-toggler:not(.collapsed) .hamburger-toggle {
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .hamburger-toggle span {
      height: 2px;
      width: 30px;
      background: var(--bs-secondary);
    }

    .navbar-collapse {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: var(--bs-white);
      height: max-content;
      z-index: 99;
    }

    ul.navbar-nav {
      justify-content: start;
      align-items: start;
      padding: 7rem 3rem 2rem 3rem;
      background: var(--bs-white);
      width: 100%;
      height: auto;
      border: 1px solid var(--bs-border-color);
      border-radius: var(--border-radius);
    }

    ul.navbar-nav li:not(.mela) {
      padding: 0 0rem 1rem 0rem !important;
      width: 100%;
      border-bottom: 1px solid;
      margin: 0 0rem 1rem 0rem !important;
    }

    ul.navbar-nav li ul li:not(.mela) {
      padding: 0.5rem 0 0.5rem 0rem;
      width: 100%;
      margin: 0 !important;
    }

    .dropdown-menu {
      padding: 0;
      border: 0;
      transform: translateX(0%) !important;
    }

    ul.navbar-nav li ul li:not(.mela) {
      margin: 0 !important;
      padding: 0 !important;
      border: 0;
    }

    .dropdown-menu.show {
      margin-bottom: 2rem !important;
      margin-top: 1rem !important;
    }

    .mela {
      padding: 0;
    }

    .x-mark {
      display: none;
    }

    .mail-li {
      display: flex;
      align-self: center;
      margin-top: 2rem !important;
      justify-content: center;
    }

    #nwglast {
      width: 100%;
    }

    #nwglast .dropdown-menu {
      width: 100%;
      padding: 2rem 2rem 0rem 2rem;
    }
  }

  @media (max-width: 767.98px) {
    ul.navbar-nav {
      padding: 7rem 1.5rem 2rem 1.5rem;
    }
  }