#hero {
  min-height: calc(100vh - 80px);
  background: url("/images/home/plexus.jpg") no-repeat center bottom;
  background-size: cover;
}
#hero .video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#hero h1 {
  line-height: 0.6;
  margin-top: -20vh;
}

#medical-education .black-layer {
  background-image: url("/images/home/medical-education.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #1c1c1bf2;
  background-blend-mode: multiply;
  height: 120%;
  top: -5%;
}

.event h3 {
  color: #afb1b3;
  transition: color 0s ease;
}
.event:hover h3 {
  color: #1c1c1b;
  transition: color 0.3s ease;
}
/* #news .event:hover > h4 {
  color: #1c1c1b !important;
}
#news .event .event-image {
  opacity: 0;
  transform: translateY(-25%);
}
#news .event:hover .event-image {
  opacity: 1;
} */

.list-swiper #news-swiper .swiper-slide {
  padding-right: 8.333vw;
  width: calc(320px + 8.333vw);
}

@media screen and (max-width: 768px) {
  #news .event {
    border-bottom: 1px solid #afb1b366;
  }
}

@media screen and (min-width: 768px) {
  .black-section .swiper-slide > img {
    width: 58%;
    margin-right: 0;
  }

  .list-swiper #news-swiper .swiper-slide {
    padding-right: 5rem;
    width: calc(400px + 5rem);
  }
}

@media screen and (min-width: 1280px) {
  #hero {
    /* min-height: calc(100vh - 120px); */
  }
}