.sliderWrapper {
    margin-bottom: 20px !important;
}
.swiper {
    width: 100%;
    max-height:100%;
}

.swiper-slide img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: inherit;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.swiper-navigation-wrapper {
    position: relative;
    margin-top:1rem;
}

.swiper-button-prev, .swiper-button-next, .swiper-pagination.swiper-pagination-bullets {
    --swiper-navigation-color: #696969;
    --swiper-navigation-size: 2rem;
    margin-top: 0;
    height:100%;
}

.swiper-pagination {
    position: relative;
}

.swiper-pagination.swiper-pagination-bullets {
    --swiper-pagination-bottom: initial;
    --swiper-pagination-top: 0;
}

.swiper-button-prev, .swiper-button-next {
    --swiper-navigation-top-offset :0;
    --swiper-navigation-sides-offset: 1px;
    width  : 3rem;
}


.swiper-pagination-bullet-active {
    --swiper-pagination-color : #666666
}


@media screen and (min-width: 768px) {
    .swiper-wrapper {
        height:420px !important;
    }
    .swiper-autoheight .swiper-slide {
        height:100%;
    }
}

@media screen and (max-width: 767px) {
    .sliderWrapper {
        margin-bottom: 0 !important;
    }
    .swiper-navigation-wrapper {
        margin-top:0;
    }
    .swiper-button-prev, .swiper-button-next {
        display: none;
    }
    .swiper-slide img {
        max-height: 40vh;
        left: 0;
        top: 0;
        transform: translate(0, 0);
        margin: 0 auto;
    }
}