.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-pagination-fraction {
      color:#fff;
      font-size: 20px;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
      bottom: 1.5%;
}
.swiper-button-next, .swiper-button-prev {
      color: #fff;
      font-size: 40px;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
      bottom: 1.5%;
}
.swiper-button-next {
      right: 45%;
      left: auto;
}
.swiper-button-prev {
      left: 44%;
      right: auto;
}

.sub-pagination {
      bottom: 100px !important;
}
.sub-next {
      bottom: 100px !important;
}
.sub-prev {
      bottom: 100px !important;
}

@media screen and (max-width: 1024px){
      .swiper-pagination-fraction {
            font-size: 14px;
            bottom: 3.5%;
      }
      .swiper-button-next, .swiper-button-prev, .sub-next {
            font-size: 24px;
      }
      .swiper-button-next {
            right: 5%;
      }      
      .swiper-button-prev {
            left: 5%;
      }
      .sub-pagination {
            bottom: 20px !important;
      }
      .sub-next {
            right: 5%;
            bottom: 5px !important;
      }
      .sub-prev {
            right: 5%;
            bottom: 5px !important;
      }
}