﻿
.last-seen-slider {
    background-color: #F4F4F4;
    padding: 41px 0;
}

    .last-seen-slider .title {
        font-weight: bold;
        line-height: 43px;
        margin: 0;
        margin-bottom: 14px;
        padding: 0 14px;
        font-size: 36px;
    }

    .last-seen-slider .swiper {
        padding: 0 14px;
    }

    .last-seen-slider .swiper-slide {
        max-width: calc((270 / 375) * 100vw);
        margin: 0;
        padding: 0;
    }

        .last-seen-slider .swiper-slide img {
            width: 100%;
            object-fit: cover;
            margin: 0;
        }

    .last-seen-slider .swiper-pagination {

        width: unset;
        bottom: unset;
        left: unset;
        right: 23px;
        top: -39px;
    }

        .last-seen-slider .swiper-pagination .swiper-pagination-bullet {
            width: 2px;
            height: 10px;
            margin: 0 !important;
            margin-right: 10px !important;
            border-radius: unset !important;
            background-color: #242424;
        }

            .last-seen-slider .swiper-pagination .swiper-pagination-bullet:last-of-type {
                margin-right: 0px !important;
            }

        .last-seen-slider .swiper-pagination .swiper-pagination-bullet-active {
            height: 15px;
            width: 2px;
        }

@media (min-width: 768px) {
    .last-seen-slider {
        padding: 41px 0 70px;
        overflow: hidden;
    }
        .last-seen-slider .title {
            margin-bottom: 30px;
            padding: 0 43px;
        }

        .last-seen-slider .swiper {
            padding: 0 23px;
            overflow: visible;
        }

        .last-seen-slider .swiper-slide {
            max-width: calc((162 / 768) * 100vw);
        }
}

@media (min-width: 992px) {

    .last-seen-slider .swiper-slide {
        max-width: min(calc((312 / 1366) * 100vw), 371px);
    }
}
