.clarity-hero-button {
    background: white;
    color: var(--jd-dark-blue);
    font-size: 14px;
}

.MatchCore-swiper-wrapper {
    display: none;
}

@media only screen and (max-width: 600px) {
    .MatchCore-swiper-wrapper {
        display: block;
    }
    
    .matchcore-swiper-pagination {
        position: static!important;
    }

    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: rgb(20 158 201)!important;;
    }

    .why-MatchCore-row {
        display: none!important;
    }

    .swiper-slide .card {
        height: auto!important;
        display: flex;
        flex-direction: column;
    }

}