.swiper {
  width: 100%;
  height: 45vh;
}

@media screen and (max-width: 768px) {
  .swiper {
    width: 100%;
    height: 25vh;
  }
}

.swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 35%;
}

.swiper a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

@media screen and (max-width: 768px) {
  .swiper a {
    width: 100%;
    margin: 0;
  }
}

.swiper p {
  position: absolute;
  text-align: center;
  width: max-content;
  top: 38vh;
  left: 50%;
  transform: translate(-50%, 0);
  color: #fff;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
}

@media screen and (max-width: 768px) {
  .swiper p {
    top: 35vh;
  }
}

:root {
  --swiper-theme-color: #992134;
  --swiper-navigation-size: 45px;
  --swiper-navigation-sides-offset: 15px;
}

.swiper-button-next,
.swiper-button-prev {
  color: #fff;
  transition: all 100ms ease-in-out;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: var(--swiper-theme-color);
}

.wp-focus {
  background: #fff;
}