.js-hero-swiper {
    width: 100%;
}

.js-hero-swiper .swiper-slide,
.js-hero-swiper picture,
.js-hero-swiper a,
.js-hero-swiper .hero-banner-whatsapp,
.js-hero-swiper img {
    display: block;
}

.js-hero-swiper .hero-banner-whatsapp {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.js-hero-swiper img {
    width: 100%;
}

.js-hero-swiper .swiper-pagination {
    bottom: 20px;
}

.js-hero-swiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 5px !important;
    opacity: 1;
    border: 1px solid rgb(255 255 255 / 62%);
    background: rgb(255 255 255 / 62%);
}

.js-hero-swiper .swiper-pagination-bullet-active {
    border-color: #fff;
    background: #fff;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
}

.js-hero-swiper .swiper-button-next,
.js-hero-swiper .swiper-button-prev {
    color: #fff;
}

.site-hero--single .swiper-pagination,
.site-hero--single .swiper-button-next,
.site-hero--single .swiper-button-prev {
    display: none;
}

@media (max-width: 550px) {
    .js-hero-swiper .swiper-pagination {
        display: none;
    }
}