.swiper-container.swiper-card-advance-bg {
    border-radius: .375rem;
    background-color: var(--bs-primary);
    box-shadow: var(--bs-card-box-shadow)
}

.swiper-container .swiper-wrapper .swiper-slide {
    padding: 1.5rem;
    white-space: nowrap
}

.swiper-container .swiper-wrapper .swiper-slide .website-analytics-text-bg {
    border-radius: .375rem;
    background-color: color-mix(in sRGB, var(--bs-primary) 85%, var(--bs-pure-black));
    min-inline-size: 48px;
    padding-block: .293rem;
    padding-inline: .5rem;
    text-align: center
}

.swiper-container .swiper-wrapper .swiper-slide .card-website-analytics-img {
    filter: drop-shadow(rgba(var(--bs-pure-black-rgb), 0.5) 0 4px 60px)
}

.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets {
    inset-block: 1rem auto;
    inset-inline: auto 1rem;
    text-align: end
}

.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background: rgba(var(--bs-white-rgb), 0.4) !important;
    opacity: unset
}

.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--bs-white) !important
}

@media(min-width: 768px) {
    .swiper-container .swiper-wrapper .swiper-slide .card-website-analytics-img {
        position: absolute;
        inset-inline-end: 3%
    }
}

@media(min-width: 1400px) {
    .swiper-container .swiper-wrapper .swiper-slide .card-website-analytics-img {
        inset-inline-end: 8%
    }
}