.swiper-slide {

  width: auto !important;

}

.swiper-button-next {

	right: 0rem;

  top: auto;

  margin-top: 0px;

  height: auto;

  z-index: 50;

  width: 32px;

  height: 33px;

}

.swiper-button-prev {

	right: 2.5rem;

  top: auto;

  left: auto;

  margin-top: 0px;

  height: auto;

  z-index: 50;

  width: 32px;

  height: 33px;

}

.swiper-pagination {

  font-size: var(--typography--caption);

  font-family: var(--font-family--secondary);

  color: var(--colors--dark-grey);

  font-weight: 400;

  text-align: left;

}

.swiper-pagination-fraction {

	bottom: 0;

  left: 1rem;

}

.swiper-button-prev::after,
.swiper-button-next::after {

  display: none;
 /* Hide the default arrow icons */
}