.extension-swiper .swiper-pagination-bullet {
    background: #fff;
    border: 2px solid #223d71;
    opacity: 1;
    width: 10px;
    height: 10px;
    transition: all 0.3s ease;
}
.extension-swiper .swiper-pagination-bullet-active {
    background: #223d71 !important;
}
.swiper-pagination {
    bottom: 0 !important;
}
.extension-swiper .extainPic img {
    width: 100%;
    height: 370px;
    object-fit: cover;
    border-radius: 8px;
}

@media (max-width: 1730px) {
    .extension-swiper .extainPic img {
        height: 300px;
    }
}
@media (max-width: 1400px) {
    .extension-swiper .extainPic img {
        height: 270px;
    }
}

@media (max-width: 1200px) {
    .extension-swiper .extainPic img {
        height: 230px;
    }
}
@media (max-width: 990px) {
    .extension-swiper .extainPic img {
        height: 200px;
    }
}
@media (max-width: 768px) {
    .extension-swiper .extainPic img {
        height: 180px;
    }
}
@media (max-width: 768px) {
    .extension-swiper .extainPic img {
        height: 150px;
    }
}