html,
body {
    --swiper-pagination-bullet-horizontal-gap: 2px;
    font-family: 'Poppins', sans-serif;
}

.default-bg {
    background-image: url('../image/bg.jpg');
}

.swiper-container {
    padding-bottom: 60px;
    overflow: hidden;
}

.swiper-wrapper {
    cursor: grab;
}

.swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    padding: 10px 0;
}

.swiper-pagination-bullet {
    background-color: #45d88e;
    opacity: 1;
    transition: all 0.3s;
    border-radius: 10px;
    margin: 2px;
}

.swiper-pagination-bullet-active {
    background-color: #6567ef;
    width: 2.5rem;
}