.card-9843 {
    container-type: inline-size;
}

.card-9843 .benefit-card {
    --benefit-card-curve: calc(100cqw * 30 / 315);
    isolation: isolate;
    min-height: calc(100cqw * 231 / 315);
    transition: transform 0.35s ease;
}

.card-9843 .benefit-card__outline,
.card-9843 .benefit-card__image-wrapper {
    pointer-events: none;
}

.card-9843 .benefit-card__image-wrapper {
    position: absolute;
    z-index: 1;
    top: calc(100cqw * 47.5 / 315);
    left: 87.8%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
}

.card-9843 .benefit-card__inner {
    min-height: calc(100cqw * 231 / 315);
    padding: var(--benefit-card-curve) !important;
}

.card-9843 .benefit-card__header {
    padding-right: 26%;
}

.card-9843 .benefit-card__number {
    font-size: 40px;
    line-height: 0.9;
    background-image: linear-gradient(90deg, #6D3A93 0%, #58A9E0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    transform-origin: left top;
    filter: drop-shadow(0px 4px 3px #00000040);
    transition: transform 0.35s ease, -webkit-text-fill-color 0.35s ease, color 0.35s ease, filter 0.35s ease;
}

@media (max-width: 575.98px) {
    .card-9843.card-9843--mobile-svg .benefit-card {
        --benefit-card-curve: calc(100cqw * 16 / 283);
        min-height: calc(100cqw * 170 / 283);
    }

    .card-9843.card-9843--mobile-svg .benefit-card__inner {
        min-height: calc(100cqw * 170 / 283);
        height: auto;
        padding: var(--benefit-card-curve) !important;
    }

    .card-9843.card-9843--mobile-svg .benefit-card__image-wrapper {
        top: calc(100cqw * 24 / 283);
        left: 80%;
        width: 36px;
        height: 36px;
    }
}

@media (min-width: 768px) {
    .card-9843 .benefit-card__number {
        font-size: 60px;
    }
}

@media (min-width: 992px) {
    .card-9843 .benefit-card__number {
        -webkit-text-fill-color: #e8e8e8;
        color: #e8e8e8;
        filter: drop-shadow(0 0 0 transparent);
    }

    .card-9843:hover .benefit-card {
        transform: translateY(-12px);
    }

    .card-9843:hover .benefit-card__number {
        transform: scale(1.12);
        -webkit-text-fill-color: transparent;
        color: transparent;
        filter: drop-shadow(0px 4px 3px #00000040);
    }
}

@media (prefers-reduced-motion: reduce) {
    .card-9843 .benefit-card,
    .card-9843 .benefit-card__number {
        transition: none;
    }

    .card-9843:hover .benefit-card,
    .card-9843:hover .benefit-card__number {
        transform: none;
    }
}