.swiper {
  width: 100%;
}

.swiper-slide {
  /* margin-bottom: 1vh; */
  display: flex;
  justify-content: center;
  align-items: center;

  margin-top: 0px !important;
}

.swiper-content {
  height: fit-content;
  position: relative;
}

.swiper-mask {
  width: 100%;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  cursor: pointer;
}

.swiper-mask img {
  width: 100%;
  object-fit: contain;
}

.swiper-mask video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.swiper-content button {
  position: absolute;
  bottom: 0;
  right: 0;
  gap: 5px;
  overflow: hidden;
  line-height: normal;
  padding: 0.5vh 0.5vw;
}

.swiper-content button p {
  margin: 0;
  white-space: nowrap;
  font-size: var(--custom-swiper-text-font-size);
  color: var(--primary-connection-white);
  font-weight: 600;
  display: flex;
}

.swiper-content button svg {
  height: 60%;
}

.swiper-content:hover button svg {
  /* animation: movingRight 2s ease-in-out infinite; */
}

.swiper-content:hover {
  opacity: 0.95;
}

@keyframes movingRight {

  20%,
  80% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(50px);
  }

  50.1% {
    transform: translateX(-50px);
  }
}

@media (max-width: 992px) {
  .swiper-content button svg {
    /* display: none; */
  }
}

/* .swiper-content button:hover {
  opacity: 0.9;
} */

.custom-swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  z-index: 10;
}

.custom-swiper-pagination span {
  border: 1px solid white;
}

.custom-swiper-navigation {
  position: absolute;
  top: calc(50% - 6vmin);
  transition: 300ms opacity;
  border-radius: 50%;
  background-color: white;
  width: var(--swiper-navigation-bg-size);
  height: var(--swiper-navigation-bg-size);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.navigation-prev {
  left: var(--swiper-navigation-sides-outer-offset, 10px);
}

.navigation-next {
  right: var(--swiper-navigation-sides-outer-offset, 10px);
}

.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 16px) !important;
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 16px) !important;
}