.project-listing-slides.slides {
@media (min-width: 1024px){
        overflow: hidden;
        padding-bottom: 6.25rem;
        padding-left: 0;
        padding-right: 0;
        padding-top: 6.25rem;
&:after,&:before {
            content: "";
            display: block;
            height: 3.125rem;
            left: 0;
            position: absolute;
            width: 100%;
            z-index:9;
}
&:before {
            background: linear-gradient(180deg, #fff 67.73%, hsla(0,0%,100%,0));
            top: 0;
}
&:after {
            background: linear-gradient(0deg, #fff, hsla(0,0%,100%,0) 84.8%);
            bottom: 0;
}
}
}
.project-listing-slides.slides .swiper {
@media (min-width: 1024px){
        height: 27.5rem!important;
        overflow: initial;
}
@media (min-width: 1536px){
        height: 32rem!important;
        overflow: initial;
}
@media (min-width: 1850px){
        height: 33rem!important;
        overflow: initial;
}
@media (min-width: 2500px){
        height: 40rem!important;
        overflow: initial;
}
@media (min-width: 3800px){
        height: 57.5rem!important;
        overflow: initial;
}
}
.project-listing-slides.slides .swiper-slide:not(.swiper-slide-active) {
@media (min-width: 1024px){
        padding-bottom: 1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 1.25rem;
}
}