.reference-swiper {
  padding-top: 2rem;
  padding-bottom: 2rem;
}


.reference-swiper .swiper-button-next {
  right: -100px;
}

.reference-swiper .swiper-button-prev {
  left: -100px;
}

.reference-swiper .swiper-button-next,
.reference-swiper .swiper-button-prev {
  width: 50px;
  height: 50px;
  background-color: var(--bs-yellow);
  font-size: 1.925rem;
  margin-top: -25px;
}


.reference-swiper .swiper-button-next:after,
.reference-swiper .swiper-button-prev:after {
  font: var(--fa-font-thin);
  color: var(--bs-black);
}

.reference-swiper .swiper-button-prev:after {
  content: "\f060";
}

.reference-swiper .swiper-button-next:after {
  content: "\f061";
}

.reference-swiper  .cta {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px var(--bs-gray-700) solid;
}












@media (max-width: 1699.98px) {
}

@media (max-width: 1399.98px) {
}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {

  .reference-swiper .item {
    flex-wrap: wrap;
  }

  .reference-swiper .item>div {
    width: 100%!important;
  }
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {

  .reference-swiper {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }


  .reference-swiper .w-75 {
    width: 100%!important;
  }

  .reference-swiper .swiper-button-next {
    right: 0px;
  }

  .reference-swiper .swiper-button-prev {
    left: 0px;
  }
}