.topSpacer, .bottomSpacer {
  width: 100%;
  height: 500px;
}
.hib-pop-up-slides-2-wrapper {
  width: 960px;
  display: flex;
  flex-wrap: wrap;
  max-width: 90vw;
  position: relative;
  justify-content: center;
}
.hib-pop-up-slides-2-slide-wrapper {
  /* width: calc(33.333333333333% - 20px); */
  position: relative;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  /* padding: 0 10px; */
  overflow: hidden;
}
.pop-up-slide {
  opacity: 1;
  transform: translate(0);
}

@media (max-width: 479px) {
  .hib-pop-up-slides-2-slide-wrapper {
    padding: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .hib-pop-up-slides-2-slide-wrapper {
  }
}
.service-overlay {
  width: 100%;
  height: 100%;
  background-color: rgb(111 32 23 / 80%) !important;
  box-sizing: border-box;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 99;
  transform: translateY(100%);
  opacity: 0;
  transition: all 500ms ease;
}
.service-overlay p {
  color: white;
}
.service-overlay p:last-child {
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
}
.service-card:hover .service-overlay {
  transform: translateY(0);
  opacity: 1;
}