.swiper-container {
     width: 100%;
     padding: 45px;
    height: 380px;
 }

 .swiper-slide {
     background-position: center;
     background-size: cover;
     width: 300px;
     height: 280px;
     background: #fff;

 }
.swiper-slide .imgBx{
    height: 210px;
    width: 100%;
    overflow: hidden;
}
.swiper-slide .imgBx img{
    width: 100%;
}
.swiper-slide .details{
    box-sizing: border-box;
    font-size: 20px;
    padding: 20px;
}
.swiper-slide .details h3{
    margin: 0;
    padding: 0;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
}
.swiper-slide .details h3 span{
    font-size: 16px;
    color: #f44336;
}
.swiper-pagination {
    margin-left: 6%;
    margin-top: 30px;

}
.swiper-pagination-bullet {

    margin: 2px;

}
.swiper-button-next, .swiper-button-prev {
   
    top: 50%;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
   
}