.students__container:has(.is-shown) .students__wrapper::before {
  opacity: 0;
  visibility: hidden;
}
.students__container:has(.is-shown) .students__button {
  opacity: 0;
  visibility: hidden;
}
.students__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
  max-height: 81.25rem;
  overflow: hidden;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition), max-height var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition), max-height var(--hover-transition);
}
.students__wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.25rem;
  height: 12.5rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#0a0a0a), color-stop(40%, #0a0a0a), to(rgba(10, 10, 10, 0)));
  background: linear-gradient(360deg, #0a0a0a 0%, #0a0a0a 40%, rgba(10, 10, 10, 0) 100%);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 2;
}
.students__wrapper > * {
  width: calc(25% - 12px);
}
.students__img {
  position: relative;
}
.students__img::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 216.6%;
}
.students__img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1rem;
}
.students__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1.25rem;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
}
@media (max-width: 768px) {
  .students {
    overflow: hidden;
  }
  .students .swiper {
    overflow: visible;
  }
  .students__wrapper {
    -ms-flex-wrap: unset;
    flex-wrap: unset;
    gap: unset;
    max-height: unset;
    overflow: visible;
  }
  .students__wrapper::before {
    content: unset;
  }
  .students__wrapper > * {
    width: 300px;
  }
}
/*# sourceMappingURL=students.css.map */
/*# sourceMappingURL=students.css.map */