* {
  -webkit-transition: all 0.4s ease-out !important;
  -moz-transition: all 0.4s ease-out !important;
  -ms-transition: all 0.4s ease-out !important;
  -o-transition: all 0.4s ease-out !important;
  transition: all 0.4s ease-out !important;
}

.nav-pills .nav-link {
  color: rgb(0, 0, 0);
  padding: 10px 20px;
  text-transform: uppercase;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills .nav-link.active:hover {
  background: #4cb8c4;
  background: linear-gradient(135deg, #ecbd54, #6c757d);
  border-radius: 100px;
  text-decoration: none;
  color: white;
}
.nav-pills .nav-link:hover {
  background: #4cb8c4;
  background: linear-gradient(135deg, rgba(249, 70, 67, 0.123), #f8e5bd);
  border-radius: 100px;
}