.vr {
    border-left: 1px solid rgb(221, 221, 221);
    height: 500px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 0;
  }

  .active {
    color: #d32f34 !important;
  }

  .nav-pills > li.active > a, .nav-pills .nav-link.active {
    background-color: #ffdf58;
  }

  .nav-pills > li.active > a:hover, .nav-pills .nav-link.active:hover, .nav-pills > li.active > a:focus, .nav-pills .nav-link.active:focus {
    background-color: #ffdf58;
}

  .custom-portfolio .nav-item:hover {
    background-color: #ffdf58;
}

.custom-portfolio .nav-link {
  color: #000;
}