#webs4uSlider {
  position: relative;
  width: 100%;
}

#webs4uSlider a {
  display: block;
  position: relative;
}
/* #webs4uSlider a:after {
  content: "";
  position: absolute;
  background: #00000033;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: block;
} */
#webs4uSlider img {
  margin: 0 auto !important;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  position: relative;
}
#webs4uSlider .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
#webs4uSlider .hero-content {
  text-align: center;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#webs4uSlider .hero-content h1 {
  font-family: "Metropolis 1920", "Helvetica Neue", sans-serif;
}
#webs4uSlider .hero-content p {
  font-size: 17px;
  color: #fff;
  margin: 0;
}

#webs4uSlider .arrow-prev,
#webs4uSlider .arrow-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;

  border: 2px solid #fff;
  min-width: 44px;
  min-height: 44px;
  color: #fff;
  opacity: 0.75;
  transition: 0.2s all ease;
}
#webs4uSlider .arrow-prev:hover,
#webs4uSlider .arrow-next:hover {
  opacity: 1;
}
#webs4uSlider .arrow-prev {
  left: 10px;
}
#webs4uSlider .arrow-next {
  right: 10px;
}
#webs4uSlider .arrow-next svg,
#webs4uSlider .arrow-prev svg {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1024px) {
  #webs4uSlider {
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  #webs4uSlider .hero-content p {
    font-size: 24px;
  }
}