.swiper-button-prev,
.swiper-button-next {
  background-repeat: no-repeat !important;
  height: 4rem !important;
  top: 50% !important;
  opacity: 0.5 !important;  
}

.swiper-button-prev {
  background-image: url(/images/chevron_prev.svg) !important;
  margin-left: -0.9rem;
}

.swiper-button-next {
  background-image: url(/images/chevron_next.svg) !important;
  margin-right: -1.1rem;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: '' !important;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: '' !important;
}

.swiper-pagination-bullet {
  background-color: var(--scs-dark-blue-500);
  opacity: 0.5;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper {
  width: 100%;
  min-height: 40dvh;
  overflow: visible;
  position: relative;
}

.swiper-container.mySwiper {
  height: 40dvh;
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-slide img {
  width: 100%;
  height: 20dvh;
  object-fit: cover;
  object-position: center;
  border-radius: 1.0rem;
}

.my-swiper-wrapper {
  width: 100%;
  max-width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}

.my-swiper-wrapper {
  overflow: hidden;
}

.my-swiper-wrapper .swiper {
  padding-bottom: 4rem; /* adds space for pagination */
}

.my-swiper-wrapper .swiper-pagination {
  bottom: 0.5rem; /* if needed */
}