.versi-login {
  font-size: .5em;
  margin-top: -13px;margin-left: 5px;
}
.text-shadow {
  text-shadow: 2px 2px 2px #eee;
}
.padding-dashboard {
  padding: 0;margin: 0;
}
.gradient-custom {
  background: #fff1eb;
  background: -webkit-linear-gradient(to right, rgba(255,241,235,1), rgba(172,224,249,1));
  background: linear-gradient(to right, rgba(255,241,235,1), rgba(172,224,249,1))
}
.margin-atas {
  margin-top: 6.5em;
}
.h-research-index {
  height: 50vh;
}
.h-carousel {
  height: 90vh;
  object-fit: cover;
  object-position: top;
}
.carousel-fade .carousel-item {
  transition: opacity .8s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.carousel-fade .carousel-item.active {
  position: relative;
}
.icon-nav-djamil {
  height: 1.7em;
}
.gray-800 {
  color: var(--mdb-gray-800) !important;
}
.min-vh-fix {
  min-height: 70vh;
}
.timeline-with-icons {
  border-left: 1px solid hsl(0, 0%, 90%);
  position: relative;
  list-style: none;
}

.timeline-with-icons .timeline-item {
  position: relative;
}

.timeline-with-icons .timeline-item:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline-with-icons .timeline-icon {
  position: absolute;
  left: -48px;
  background-color: hsl(217, 88.2%, 90%);
  color: hsl(217, 88.8%, 35.1%);
  border-radius: 50%;
  height: 31px;
  width: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
}