.swiper{
    background: #00164b;
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
    padding: 100px 100px 150px 100px;
}

.swiperimg{
    padding: 40px;
}

.swiper-slide{
    background: rgba(0, 0, 0, 0.0);
    padding: 15px;
}

.swiper-slide:hover{
    background: rgba(0, 0, 0, 0.35);
    padding: 15px;
}


/* Small Devices, Tablets */
@media (max-width: 768px) and (max-width: 992px) {
    .swiperimg{
        padding: 0px;
    }
    .swiper{
        background: #00164b;
        clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
        padding: 50px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1024px) and (max-width : 1200px) {
    .swiperimg{
        padding: 40px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) and (max-width : 1899px) {
    .swiperimg{
        padding: 40px;
    }

}


    /* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {


.swiper{
    background: #00164b;
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
    padding: 100px 100px 150px 100px;
}

}