/* carousel swiper fix for solo slide */
img.p-swiperslide-img {
  height: auto;
  width: 100%;
  border-radius: var(--border-radius);
}
div.swiper-wrapper {
  height: auto;
}
.swiper-pagination {
  transform: translateX(-50%) !important;
  width: 25% !important;
  left: 50% !important;
  bottom: 3% !important;
}
/* swiper carousel dynamic text*/
div.p-swiperslide-content {
  display: flex;
  padding: 5%;
  position: absolute;
  top: 0;
  flex-direction: column;
  height: 100%;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 0.25em;
}
span.p-swiperslide-title,
span.p-swiperslide-text,
span.p-swiperslide-button {
  font-size: clamp(14px, 0.5em, 32px);
}
@media (min-width: 768px) {
  span.p-swiperslide-title,
  span.p-swiperslide-text,
  span.p-swiperslide-button {
    font-size: clamp(12px, 0.5em, 32px);
  }
}
@media (min-width: 1025px) {
  span.p-swiperslide-title,
  span.p-swiperslide-text,
  span.p-swiperslide-button {
    font-size: clamp(10px, 0.5em, 36px);
  }
}

/*button onhover*/
span.p-swiperslide-button {
  background-color: var(--btn-color);
  padding: 0.3em 0.55em 0.3em 0.55em;
  border: 1px solid transparent;
  border-radius: var(--border-radius);
  transition: 0.3s ease;
}
span.p-swiperslide-button:hover {
  border: 1px solid white;
  color: white;
}

/*swiper carousel onhover*/
div.swiper a {
  color: black;
}
div.swiper a:active,
div.swiper a:focus,
div.swiper a:hover {
  color: black;
}
div.swiper-slide img.p-swiperslide-img {
  border: 1px solid transparent;
  border-radius: var(--border-radius);
  transition: 0.3s ease;
}
div.swiper-slide:hover img.p-swiperslide-img {
  border: 1px solid var(--swiper-border);
}

/*swiper carousel pagination and bullets*/
span.swiper-pagination-bullet {
  background: black !important;
  transition: 0.3s ease;
}
div.swiper-button-next,
div.swiper-button-prev {
  color: black !important;
}
div.swiper-button-next::after,
div.swiper-button-prev::after {
  font-size: 1em !important;
}
span.swiper-pagination-bullet:hover {
  border: 1px solid white !important;
}

@media (max-width: 1024px) {
  div.swiper-button-next::after,
  div.swiper-button-prev::after,
  div.swiper-pagination {
    display: none;
  }
}