.steps {
  position:relative;
  overflow:hidden;
  background-color:#f9f9f9;
  border:1px solid #d4d4d4;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:0 1px 4px rgba(0,0,0,.065);
  -moz-box-shadow:0 1px 4px rgba(0,0,0,.065);
  box-shadow:0 1px 4px rgba(0,0,0,.065);
}
.steps ul {
  width:4000px;
  padding:0;
  margin:0;
  list-style:none outside none;
}
.steps ul li:first-child {
  padding-left:20px;
  border-radius:4px 0 0 4px;
}
.steps ul li.active {
  color:#3a87ad;
  background:#f1f6fc;
}
.steps ul li {
  position:relative;
  float:left;
  height:46px;
  padding:0 20px 0 30px;
  margin:0;
  font-size:16px;
  line-height:46px;
  color:#999;
  cursor:default;
  background:#ededed;
}
.steps ul li .chevron {
  position:absolute;
  top:0;
  right:-14px;
  z-index:1;
  display:block;
  border:24px solid transparent;
  border-right:0;
  border-left:14px solid #d4d4d4;
}
.steps ul li.active .chevron:before {
  border-left:14px solid #f1f6fc;
}
.steps ul li .chevron:before {
  position:absolute;
  top:-24px;
  right:1px;
  display:block;
  border:24px solid transparent;
  border-right:0;
  border-left:14px solid #ededed;
  content:"";
}
.badge {
  margin-right:10px;
}

@media (max-width: 767.98px) {
  .login .card {
    border: 0rem;
  }
  .login .card-body {
    padding: 0rem;
  }
}