.slider {
    .swiper, & {
        width: 100%;
        height: 100%;
    }

    .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .swiper-pagination {
        background: #fff;
        display: flex;
        padding: 5px 17px;
        border-radius: 10px;
        width: unset !important;
        gap: 7px;
        position: absolute !important;
        left: 50% !important;
        bottom: 11px !important;
        transform: translateX(-50%);
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: #D9D9D9;
        opacity: 1;
        margin: 0 !important;
        transition: background .2s ease;
    }

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #004077;
    }
}