/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.5.15,
* Autoprefixer: v10.5.0
* Browsers: last 4 version
*/

/*=============================SLIDER===================================*/
.swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.swiper-slide {
    width: 20vw;
    aspect-ratio: 2 / 3;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
}
.swiper-slide .box-inner{
    width: 100%;
    height: 100%;
    padding: 1.25rem;
    border-radius: var(--radius-box);
    background: rgba(0, 0, 0, 0.20);
}
.swiper-slide .box-inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--radius-box);
}
/*=============================SLIDER===================================*/
@media only screen and (max-width: 768px){}
@media only screen and (min-width: 640px) and (max-width: 768px){}
@media only screen and (min-width: 769px) and (max-width: 1199px){}
@media only screen and (min-width: 1200px) and (max-width: 1399px){}
@media only screen and (min-width: 1400px) and (max-width: 1700px){}