

.demo-shop {
    background: #2722f8 !important;
    border-radius: 46px !important;
    padding: 64px 80px 80px 80px !important;
    overflow: hidden !important;

    --swiper-pagination-color: #ffffff !important;
    --swiper-pagination-inactive-color: rgba(255, 255, 255, 0.4) !important;
    --swiper-pagination-bullet-size: 22px !important;
    --swiper-pagination-bullet-horizontal-gap: 8px !important;
    --swiper-pagination-bottom: 32px !important;
}

.demo-shop__rectangle {
    display: none !important;
}

.demo-shop .demo-shop__content--header {
    max-width: 767px !important;
    margin-bottom: 16px !important;
}
.demo-shop .demo-shop__content--header-overtitle {

    background: none !important;
    background-image: none !important;
    -webkit-background-clip: initial !important;
            background-clip: initial !important;
    -webkit-text-fill-color: #89d2ff !important;
    color: #89d2ff !important;
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    letter-spacing: 0.9px !important;
    text-transform: uppercase !important;
    margin: 0 0 6px !important;
}

.demo-shop h2.demo-shop__content--header-title.demo-shop__content--header-title,
.demo-shop h2.demo-shop__content--header-title.demo-shop__content--header-title strong {
    color: #ffffff !important;
    font-family: "Kurdis Wide", "Kurdis", Inter, sans-serif !important;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 46px !important;
    letter-spacing: 0.64px !important;
    margin: 0 !important;
}

.demo-shop .demo-shop__content--prev,
.demo-shop .demo-shop__content--next {
    background: #ffffff !important;
    color: #0b1b45 !important;
    width: 46px !important;
    height: 32px !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    z-index: 3 !important;
}
.demo-shop .demo-shop__content--prev { left: 16px !important; }
.demo-shop .demo-shop__content--next { right: 16px !important; }
.demo-shop .demo-shop__content--prev::after,
.demo-shop .demo-shop__content--next::after {
    font-size: 14px !important;
    color: inherit !important;
}
.demo-shop .demo-shop__content--prev:hover,
.demo-shop .demo-shop__content--next:hover {
    background: #ffffff !important;
    color: #2722f8 !important;
}

.demo-shop .swiper-button-disabled {
    opacity: 0.45 !important;
}

.demo-shop .swiper-pagination-bullet {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    opacity: 1 !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 8px !important;
    box-sizing: border-box !important;
}
.demo-shop .swiper-pagination-bullet-active {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.demo-shop .demo-shop__content-slide .bordered-transparent-link {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    padding: 12px 24px !important;
    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.32px !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}
.demo-shop .demo-shop__content-slide .bordered-transparent-link:hover,
.demo-shop .demo-shop__content-slide .bordered-transparent-link:focus {
    background: #ffffff !important;
    color: #2722f8 !important;
    text-decoration: none !important;
}

.demo-shop .demo-shop__content-slide .bordered-transparent-link .text,
.demo-shop .demo-shop__content-slide .bordered-transparent-link span,
.demo-shop .demo-shop__content-slide .bordered-transparent-link i,
.demo-shop .demo-shop__content-slide .bordered-transparent-link svg {
    color: inherit !important;
}
.demo-shop .demo-shop__content-slide .bordered-transparent-link svg path {
    stroke: currentColor !important;
}

.demo-shop .demo-shop__content-slide__logo {
    transform: none !important;
    border-radius: 16px !important;
    width: 240px !important;
    height: 100px !important;
    margin: 24px 0 0 !important;
    background: #ffffff !important;
}
.demo-shop .demo-shop__content-slide__logo picture {
    transform: none !important;
}

@media (max-width: 991.98px) {
    .demo-shop {
        padding: 32px 24px 80px 24px !important;
        border-radius: 24px !important;
    }
    .demo-shop .demo-shop__content--header-title,
    .demo-shop .demo-shop__content--header-title strong {
        font-size: 26px !important;
        line-height: 34px !important;
    }

    .demo-shop .demo-shop__content--prev,
    .demo-shop .demo-shop__content--next {
        display: none !important;
    }
}
