.mySwiper {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(15%, rgb(0, 0, 0)), color-stop(85%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
    mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(15%, rgb(0, 0, 0)), color-stop(85%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
    margin-bottom: 64px;
}

    .mySwiper .scroll-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 25px;
        background: rgba(239, 235, 255, 0.4);
        padding: 24px;
        gap: 16px;
        max-width: 636px;
        height: auto;
    }

        

        .mySwiper .scroll-item h5 {
            color: #400286;
            font-size: 24px;
            font-weight: 700;
            line-height: 32px;
            margin-bottom: 16px;
        }

        .mySwiper .scroll-item p {
            color: #232323;
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
        }

.swiper-pagination {
    position: relative;
    top: unset;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .swiper-pagination .swiper-pagination-bullet {
        width: 26px;
        height: 8px;
        border-radius: 200px;
        background: #DED8FF;
        margin: unset;
        opacity: 1;
    }

        .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #400286;
            width: 68px;
        }

.nextprev-btns {
    position: relative;
    max-width: 144px;
    margin: auto;
    margin-top: 26px;
}

    .nextprev-btns .swiper-button-next {
        width: unset;
    }

        .nextprev-btns .swiper-button-next:after {
            content: "";
            background: url(/siteassets/img/img-20x20-Btn_Nxt.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 48px;
            height: 48px;
        }

    .nextprev-btns .swiper-button-prev {
        width: unset;
    }

        .nextprev-btns .swiper-button-prev:after {
            content: "";
            background: url(/siteassets/img/img-20x20-Btn_Prev-hover.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 48px;
            height: 48px;
        }