@media (max-width: 991.98px) {
  .navbar-collapse {
    background-color: rgba(33, 37, 41, 0.95);
    width: 100vw;
    left: 0;
    right: 0;
    padding: 1rem 0;
    position: absolute;
    top: 100%;
    z-index: 999;
  }

  .navbar-collapse .nav-link,
  .navbar-collapse .dropdown-item {
    color: rgba(255, 255, 255, 0.75) !important;
    padding-left: 1.5rem;
  }

  .navbar-collapse .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

  /* Override the white card look in mobile dropdown */
  .dropdown-menu {
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .dropdown-item {
  padding: 0.5rem 2rem 0.5rem 2.5rem !important; /* top, right, bottom, left */
}

}