/* Initially hide all people */
.person_view {
  opacity: 0;
  transform: translateY(50px); /* Slight vertical offset for the animation */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}




/* This class will be added when the element is in view */
.person_view.animate {
  opacity: 1;
  transform: translateY(0); /* Final position */
}


.img-zoom figure {
  overflow: hidden;
}


.img-zoom a:hover img {
  transform: scale(1.1);
}

.img-zoom figure img {
  transition: transform .8s cubic-bezier(.215, .61, .355, 1);
}


.form-control {
  border: 1px solid #6c757d !important;
}

.input-group-text {
  border: 1px solid #6c757d !important;
}


#filter-people-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  border: none;
  background: transparent;
  font-size: 1.2em;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  z-index: 10;
}